@charset "UTF-8";
.fc button,.fc table,body .fc{font-size:1em}.fc .fc-axis,.fc button,.fc-day-grid-event .fc-content,.fc-list-item-marker,.fc-list-item-time,.fc-time-grid-event .fc-time,.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-event,.fc-event:hover,.fc-state-hover,.fc.fc-bootstrap3 a,.ui-widget .fc-event,a.fc-more{text-decoration:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view .fc-day-top .fc-week-number,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc-bg{bottom:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-day-grid-event .fc-content,.fc-icon,.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover{color:#fff}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-bootstrap3 .fc-popover .panel-body,.fc-bootstrap4 .fc-popover .card-body{padding:0}.fc-now-indicator{position:absolute;border:0 solid red}.fc-bootstrap3 .fc-today.alert,.fc-bootstrap4 .fc-today.alert{border-radius:0}.fc-unselectable{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff;border-width:1px;border-style:solid}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.fc-icon{display:inline-block;height:1em;line-height:1em;font-size:1em;font-family:"Courier New",Courier,monospace;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\2039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\D7";font-size:200%;top:6%}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666;font-size:.9em;margin-top:2px}.fc-unthemed .fc-list-item:hover td{background-color:#f5f5f5}.ui-widget .fc-disabled-day{background-image:none}.fc-bootstrap3 .fc-time-grid .fc-slats table,.fc-bootstrap4 .fc-time-grid .fc-slats table,.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-bootstrap3 hr.fc-divider,.fc-bootstrap4 hr.fc-divider{border-color:inherit}.ui-widget .fc-event{color:#fff;font-weight:400}.ui-widget td.fc-axis{font-weight:400}.fc.fc-bootstrap3 a[data-goto]:hover{text-decoration:underline}.fc.fc-bootstrap4 a{text-decoration:none}.fc.fc-bootstrap4 a[data-goto]:hover{text-decoration:underline}.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]){color:#fff}.fc-bootstrap4 .fc-popover.card{position:absolute}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\A0-\A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item-marker,.fc-list-item-time{width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee}
.fc-time {
display: none;
}div.QuoteAdminWrapper {
display: table;
margin: 0 auto;
text-align: center;
}
div.QuoteAdminWrapper div.QuoteAdminButton {
position: relative;
margin-right: 20px;
margin-bottom: 10px;
display: inline-block;
text-align: center;
}
div.QuoteAdminWrapper input[type="radio"] {
display: none;
}
div.QuoteAdminWrapper input[type="radio"] + label {
font-size: 20px;
text-align: center;
border: 2px solid #f89d26;
background: #FFF;
color: #f89d26;
height: 40px;
line-height: 36px;
padding: 0 15px;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-border-radius: 5px;
border-radius: 5px;
box-sizing: border-box;
display: inline-block;
cursor: pointer;
position: relative;
}
div.QuoteAdminWrapper input[type="radio"]:checked + label {
background: #f89d26;
color: #FFF;
}
div.QuoteAdminWrapper input[type="radio"]:disabled + label {
opacity: 0.7;
cursor: default; 
}
div.AdminPanel {
width: 100%;
height: auto;
margin: 50px auto 0;
padding: 30px;
background: #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
div.AdminPanel::after,
div.AdminPanel div.FormSection::after {
content: "";
clear: both;
display: block;
}
div.AdminPanel div.FormSection {
width: 100%;
height: auto;
margin: 0 auto 20px;
padding: 0;
}
div.AdminPanel div.FormSection h3 {
margin-bottom: 15px;
border-bottom: 1px solid #bbb;
padding-bottom: 5px;
}
div.AdminPanel div.FormSection div.FormRow {
width: calc(50% - 30px);
margin: 0 30px 5px 0;
float: left;
height: 40px;
line-height: 40px;
}
div.AdminPanel div.FormSection div.FormRow label {
width: 50%;
float: left;
height: 40px;
line-height: 40px;
font-family: "TheMixBold",Arial,Helvetica,sans-serif;
font-size: 17px;
}
label.RadioLabel {
cursor: pointer;
}
div.AdminPanel div.FormSection div.FormRow input.CustomInputRadioButton {
float: left;
margin: 9px 20px 9px 0;
cursor: pointer;
font-size: 20px;
width: 20px;
height: 20px;
}
div.AdminPanel div.FormSection div.FormRow div.Value {
width: 50%;
float: left;
position: relative;
border-radius: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
font-family: "TheMix",Arial,Helvetica,sans-serif;
font-size: 17px;
height: 40px;
padding: 0 15px;
}
div.AdminPanel div.FormSection div.FormRow div.Value input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: 5px;
font-family: "TheMix",Arial,Helvetica,sans-serif;
font-size: 17px;
padding: 0 15px;
border: 1px solid #bbb;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
div.AdminPanel div.FormSection table.Quote {
box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100%;
height: 100%;
font-family: "TheMix",Arial,Helvetica,sans-serif;
font-size: 17px;
border-spacing: 0px;
overflow: hidden;
}	
div.AdminPanel div.FormSection table.Quote thead {
background: #f89d26;
}
div.AdminPanel div.FormSection table.Quote thead tr {
background: #f89d26;
}
div.AdminPanel div.FormSection table.Quote thead tr td {
background: #f89d26;
position: relative;
padding: 0 15px;
border-bottom: 1px solid #bbb;
height: 40px;
line-height: 40px;
color: #FFF;
}
div.AdminPanel div.FormSection table.Quote thead tr td input {
position: absolute;
left: 1px;
top: 1px;
right: 0;
bottom: 0;
width: calc(100% - 2px);
height: calc(100% - 2px);
font-family: "TheMix",Arial,Helvetica,sans-serif;
font-size: 17px;
padding: 0 15px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
div.AdminPanel div.FormSection table.Quote tbody {
}
div.AdminPanel div.FormSection table.Quote tbody tr:nth-child(2n+2) td,
div.AdminPanel div.FormSection table.Quote tbody tr:nth-child(2n+2) input {
background: #f9f9f9;
}
div.AdminPanel div.FormSection table.Quote tbody tr {
height: 40px;
line-height: 40px;
}
div.AdminPanel div.FormSection table.Quote tbody tr td {
position: relative;
padding: 0 15px;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
line-height: 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
div.AdminPanel div.FormSection table.Quote tbody tr td div.Currency:before {
content: "€";
position: absolute;
left: 14px;
z-index: 10;
top: 0;
pointer-events: none;
}
div.AdminPanel div.FormSection table.Quote tbody tr td div.Currency {
pointer-events: none;
position: absolute;
left: 1px;
top: 1px;
right: 0;
bottom: 0;
width: calc(100% - 2px);
height: calc(100% - 2px);
font-family: "TheMix",Arial,Helvetica,sans-serif;
font-size: 17px;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
div.AdminPanel div.FormSection table.Quote tbody tr td div.Currency input {
padding: 0 15px 0 27px;
}
div.AdminPanel div.FormSection table.Quote tbody tr td:first-of-type {
border-left: 1px solid #bbb;
}
div.AdminPanel div.FormSection table.Quote tbody tr td input {
position: absolute;
left: 1px;
top: 1px;
right: 0;
bottom: 0;
width: calc(100% - 2px);
height: calc(100% - 2px);
font-family: "TheMix",Arial,Helvetica,sans-serif;
font-size: 17px;
padding: 0 15px 0;
box-sizing: border-box;
background: #FFF;
-webkit-box-sizing: border-box;
pointer-events: all;
}
div.AdminPanel div.FormSection table.Quote tbody tr.NoBackground td,
div.AdminPanel div.FormSection table.Quote tbody tr.NoBackground td input {
border: 0px;
background: #FFF !important;
}
div.AdminPanel div.FormSection table.Quote tbody tr.CustomQuote td,
div.AdminPanel div.FormSection table.Quote tbody tr.CustomQuote td input {
background: #FFF !important;
}
div.AdminPanel div.FormSection table.Quote tbody tr.CustomQuote td:first-of-type {
text-align: center;
}
div.AdminPanel div.FormSection table.Quote tbody tr.CustomQuote td a.EditCustomQuote {
color: #f89d26;
font-size: 20px;
margin-right: 5px;
}
div.AdminPanel div.FormSection table.Quote tbody tr td a.AddCustomQuote {
color: #f89d26;
font-size: 20px;
margin-right: 5px;
}
div.AdminPanel div.FormSection table.Quote tbody tr.CustomQuote td a.DeleteCustomQuote {
color: #ca1d1d;
font-size: 20px;
margin-right: 5px;
}
div.AdminPanel div.FormSection table.Quote tbody tr.CustomQuote td input.ErrorPriceNotNumeric {
background: #ffd8d8 !important;
}
div.AdminPanel a.SummaryButtonQuote {
position: relative;
width: 290px;
bottom: auto;
float: right;
display: block;
margin-top: 0;
height: 40px;
line-height: 36px;
font-size: 20px;
background: #f89d26;
color: #FFF;
border: 2px solid #f89d26;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
border-radius: 5px;
}
div.AdminPanel a.SummaryButtonQuote:hover {
color: #f89d26;
background: #FFF;
}
div.AdminPanel a.SummaryButtonQuote div.Icon {
display: inline-block;
vertical-align: top;
width: 50px;
height: 36px;
line-height: 33px;
text-align: center;
font-size: 26px;
}
div.AdminPanel INPUT.NotAPrice{
border:1px solid #fff !important;
}		 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
11.1% {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes jello {
11.1% {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
}
100% {
-webkit-transform: none;
transform: none
}
}
.jello{
-webkit-animation-name:jello;
animation-name:jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
} div.CalculatorWrapper {
width: 100%;
padding-top: 120px;
position: relative;
z-index: 10;
}
div.CalculatorWrapper div.Calculator {
display: table;
width: 100%;
}
div.CalculatorWrapper div.Calculator > div {
display: table-cell;
vertical-align: top;
position: relative;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.CalculatorWrapper div.Calculator > div:after {
display: block;
content: "";
clear: both;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft {
width: 65%;
background: #f89d26;
color: #FFF;
padding-left: 145px;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.Icon {
position: absolute;
top: 30px;
left: 29px;
font-size: 150px;
line-height: 55%;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft h2 {
font-family: "TheMixBold", Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 30px;
margin-bottom: 10px;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow {
position: relative;
margin-top: 13px;
height: 40px;
line-height: 40px;
font-size: 20px;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow.TransportOptional {
transition: ease-in-out 0.12s all;						
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow select,
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow input {
font-family: "TheMix", Arial, Helvetica, sans-serif;
float: right;
width: 34%;
height: 40px;
background: #FFF;
padding-left: 15px;
font-size: 20px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow input {
padding: 0 13px;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputGroup {
float: right;
width: 34%;
height: 100%;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputGroup:after {
display: block;
content: "";
clear: both;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputField {
position: relative;
float: left;
width: 47.5%;
margin-right: 5%;
height: 100%;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputField:last-child {
margin-right: 0 !important;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputField input {
width: 100%;
color: #000;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputField:after {
display: block;
height: 100%;
position: absolute;
top: 0;
right: 10px;
color: #a9a9a9;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputMeters:after {
content: "m";
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputCentimeters:after {
content: "cm";
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputMeters input,
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputCentimeters input {
padding-bottom: 2px;
}
div.CalculatorWrapper div.Calculator div.CalculatorRight {
background: #FFF;
padding-bottom: 135px;
}
div.CalculatorWrapper div.Calculator div.CalculatorRight h2 {
font-family: "TheMixBold", Arial, Helvetica, sans-serif;
font-size: 30px;
}
div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow {
margin-top: 10px;
margin-bottom: -1px;
height: 20px;
line-height: 20px;
}
div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow span {
float: right;
}
div.CalculatorWrapper div.Calculator div.CalculatorRight a {
display: block;
margin-top: 20px;
height: 40px;
line-height: 36px;
font-size: 20px;
background: #f89d26;
color: #FFF;
border: 2px solid #f89d26;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
border-radius: 5px;
}
div.CalculatorWrapper div.Calculator div.CalculatorRight a:hover {
color: #f89d26;
background: #FFF;
}
div.CalculatorWrapper div.Calculator div.CalculatorRight a div.Icon {
display: inline-block;
vertical-align: top;
width: 50px;
height: 36px;
line-height: 33px;
text-align: center;
font-size: 26px;
} div.Calculator div.TippedInfo {
display: inline-block;
vertical-align: bottom;
margin-left: 5px;
cursor: pointer;
line-height: 17px;
-webkit-transition: all .3s;
transition: all .3s;
}
div.CalculatorLeft div.TippedInfo {
height: 30px;
opacity: 0.4;
}
div.CalculatorRight div.TippedInfo {
height: 20px;
color: #f89d26;
margin-left: 10px;
} div.FormRow div.switch {
float: right;
width: 34%;
height: 40px;
}
div.FormRow div.switch label {
width: 100% !important;
height: 100%;
padding: 0 !important;
background: none !important;
overflow: hidden;
-webkit-border-radius: 5px;
border-radius: 5px;
}
div.FormRow div.switch label:before,
div.FormRow div.switch label:after {
left: 0;
right: 0;
}
div.FormRow div.switch label:before {
content: "NEE";
color: rgba(0,0,0,0.3);
padding-left: 50%;
text-align: center;
background: rgba(255,255,255,0.3);
z-index: 1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
div.FormRow div.switch label:after {
content: "JA";
color: #000;
text-align: center;
width: 50%;
z-index: 2;
-webkit-transition: margin 0.2s;
-moz-transition: margin 0.2s;
-o-transition: margin 0.2s;
transition: margin 0.2s;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-ms-border-radius: 5px 0 0 5px;
-o-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
div.FormRow div.switch input:checked + label:before {
content: "JA";
padding-left: 0;
padding-right: 50%;
background: rgba(255,255,255,0.3);
}
div.FormRow div.switch input:checked + label:after {
content: "NEE";
margin-left: 50%;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-ms-border-radius: 0 5px 5px 0;
-o-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
a.SummarySpecifications {
position: absolute;
bottom: 79px;
width: 83%;
text-align: center;
padding: 0 16px 0 0;
background: #FFF !important;
color: #f89d26 !important;
}
a.SummaryButtonQuote {
position: absolute;
bottom: 29px;
width: 83%;
text-align: center;
padding: 0 16px 0 0;	
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0; 
}
div.Shadow {
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.35);
} div.FormQuoteWrapper {
background: #FFF;
padding: 30px;
margin-top: 50px;	
}
div.FormQuoteWrapper:after {
display: block;
content: "";
clear: both;	
}
div.FormQuoteWrapper div.FormRow {
font-size: 17px;
margin-bottom: 10px;
}
div.FormQuoteWrapper div.FormRow:after {
display: block;
content: "";
clear: both;
}
div.FormQuoteWrapper div.FormRow label {
display: inline-block;
width: 27%;
float: left;
height: 40px;
line-height: 42px;
}
div.FormQuoteWrapper div.FormRow.FormRowAVG {
margin-top: 20px;
border-radius: 5px;
border: 1px solid #dadada;
background: #fafafa;	
padding: 10px 15px;
position: relative;
}
div.FormQuoteWrapper div.FormRow.FormRowAVG div.FormExclamation {
bottom: inherit;
top: 6px;			
}
div.FormQuoteWrapper div.FormRow.FormRowAVG input {
display: inline-block;
width: 16px;
float: left;
height: 30px;
line-height: 30px;
}
div.FormQuoteWrapper div.FormRow.FormRowAVG label {
display: inline-block;
width: calc(100% - 36px);
float: right;
height: auto;
line-height: 28px;
cursor: pointer;
}
div.FormQuoteWrapper div.FormRow div.DutchZipcodeNotification {
line-height: 42px;
padding-left: 15px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
div.FormQuoteWrapper div.FormRow div.FormField,
div.FormQuoteWrapper div.FormRow textarea {
position: relative;
display: inline-block;
width: 73%;
float: left;
border: 1px solid #bbb;
border-radius: 5px;
font-family: "TheMix", Arial, Helvetica, sans-serif;
font-size: 17px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.FormQuoteWrapper div.FormRow textarea {
padding: 0 13px;
line-height: 30px;
min-width: 73%;
max-width: 73%;
min-height: 80px;
max-height: 230px;
padding-top: 5px;
}
div.FormQuoteWrapper div.FormRow div.FormField input {
width: 100%;
font-family: "TheMix", Arial, Helvetica, sans-serif;
font-size: 17px;
height: 40px;
padding: 0 13px 1px;
border-radius: 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.FormQuoteWrapper a.SummaryButtonQuote {
position: relative;
width: 290px;
bottom: auto;
float: right;
display: block;
margin-top: 20px;
height: 40px;
line-height: 36px;
font-size: 20px;
background: #f89d26;
color: #FFF;
border: 2px solid #f89d26;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
border-radius: 5px;
}
div.FormQuoteWrapper a:hover {
color: #f89d26;
background: #FFF;
}
div.FormQuoteWrapper a div.Icon {
display: inline-block;
vertical-align: top;
width: 50px;
height: 36px;
line-height: 33px;
text-align: center;
font-size: 26px;
} div.SummaryBar {
display: block;
position: fixed;
bottom: -15%;
left: 50%;
z-index: 8;
width: 550px;
margin-left: -275px;
height: 50px;
background: #FFF;
border: 1px solid #b6b6b6;
box-sizing: border-box;
-webkit-box-sizing: border-box;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
border-radius: 5px;
-webkit-border-radius: 5px;
overflow: hidden;
transition: all 1s ease-in-out;
}
div.SummaryBar div.Loader {
background: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/images/misc/loader.gif) center center no-repeat rgba(255,255,255,0.9);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 9;
pointer-events: none;
}
div.SummaryBar a.Button {
background: #f89d26;
color: #FFF;
padding: 0 20px;
font-size: 22px;
float: left;
margin: 0;
width: 48px;
border-left: 1px solid #f89d26 !important;
border-radius: 0px;
height: 100%;
width: 50%;
line-height: 45px;
border: 0px;
bottom: 0;
}
div.SummaryBar a.Button div.Icon {
display: inline-block;
font-size: 26px;
height: 36px;
line-height: 45px;
margin: 0;
text-align: center;
vertical-align: top;
width: 50px;
}
div.SummaryBar a.Button:hover {
background: #FFF;
color: #f89d26;
}
div.SummaryBar div.Total {
color: #000;
float: left;
height: 48px;
line-height: 48px;
padding: 0 20px;
font-size: 22px;
width: 50%;
text-align: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
} div.FormError {
border-color: #cf0007 !important;
}
div.FormExclamation {
position: absolute;
transform: rotate(180deg);
bottom: 1px;
right: 0;
height: 40px;
line-height: 36px;
width: 40px;
text-align: center;
color: #cf0007;
font-size: 22px;
cursor: pointer;
}
.RedText{
color:#ff0000;	
} .FormAdminValue{
color: #ff0000;	
} .HideWrapper{
visibility: hidden;
display: none;
}
.ShowWrapper{
visibility: visible;
display: block;
} .QuoteSummarySlideContent{
display: none;	
}
.QuoteSummarySlideStatus{
cursor: pointer;	
} @media screen and (max-width: 930px) {
div.CalculatorWrapper {
padding-top: 90px;
}
div.CalculatorWrapper div.Calculator > div {
display: block;
width: 100% !important;
}
div.CalculatorWrapper div.Calculator div.CalculatorRight {
padding-bottom: 30px;
}
div.CalculatorWrapper div.Calculator div.CalculatorRight a {
position: relative;
bottom: auto;
width: 100%;
}
}
@media screen and (max-width: 930px) and (min-width: 601px) {	
div.CalculatorWrapper div.Calculator div.CalculatorRight a {
width: 290px;
text-align: center;
float: right;
}
div.CalculatorWrapper div.Calculator div.CalculatorRight a:last-of-type {
margin-right: 0;
}
div.CalculatorWrapper div.Calculator div.CalculatorRight a div.Icon {
width: 40px;
text-align: left;
}
}
@media screen and (max-width: 600px) {
div.FormQuoteWrapper a {
width: 100%;
}
}
@media screen and (max-width: 880px) {
div.FormQuoteWrapper div.FormRow label,
div.FormQuoteWrapper div.FormRow div.FormField,
div.FormQuoteWrapper div.FormRow textarea {
width: 100%;
}
div.FormQuoteWrapper div.FormRow textarea {
min-width: 100%;
max-width: 100%;
}
div.FormQuoteWrapper div.FormRow div.FormField.Width11Percent { width: 16% !important; }
div.FormQuoteWrapper div.FormRow div.FormField.Width15Percent { width: 24% !important; }
div.FormQuoteWrapper div.FormRow div.FormField.Width24Percent { width: 30% !important; }
div.FormQuoteWrapper div.FormRow div.FormField.Width28Percent { width: 36% !important; }
div.FormQuoteWrapper div.FormRow div.FormField.Width36Percent { width: 48% !important; }
div.FormQuoteWrapper div.FormRow div.FormField.MarginRight1Percent { margin-right: 2% !important; }
}
@media screen and (max-width: 710px) {
div.CalculatorWrapper div.Calculator div.CalculatorLeft {
padding: 30px;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.Icon {
display: none;
}
}
@media screen and (max-width: 560px) {
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow {
height: auto;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > select,
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > input,
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > div.switch,
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > div.InputGroup {
float: none;
display: block;
width: 100%;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow > div.InputGroup div.InputField {
width: 49%;
margin-right: 2%;
}
}
@media screen and (max-width: 500px) {
div.FormQuoteWrapper div.FormRow div.FormField.Width11Percent { width: calc(30% - 5px) !important; margin-right: 5px !important;}
div.FormQuoteWrapper div.FormRow div.FormField.Width15Percent { display: none; }
div.FormQuoteWrapper div.FormRow div.FormField.Width24Percent { width: calc(70% - 5px) !important; margin-right: 5px !important; }
div.FormQuoteWrapper div.FormRow div.FormField.Width28Percent { 
width: 100% !important;
margin-right: 0 !important;
}
div.FormQuoteWrapper div.FormRow div.FormField.Width36Percent {
width: calc(50% - 5px) !important;
margin-right: 5px !important;
}
div.FormQuoteWrapper div.FormRow div.FormField.Width28Percent.MarginRight1Percent,
div.FormQuoteWrapper div.FormRow div.FormField.Width36Percent.MarginRight1Percent {
margin-bottom: 10px !important;
}
}
@media screen and (max-width: 420px) {
a.SummaryButtonQuote,
a.SummarySpecifications {
font-size: 4.5vw !important;
}
}
@media screen and (max-width: 400px) {
div.CalculatorWrapper div.Calculator > div {
padding: 7.5vw !important;
}
div.CalculatorWrapper div.Calculator div.CalculatorRight a div.Icon {
width: 15vw;
}
}
@media screen and (max-width: 360px) {
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow {
font-size: 5.55vw;
}
} body.page-id-8 div.Content h1 {
text-align: center;
}
div.Content { 
width: 100%;
margin: 170px auto 50px;
padding: 0;
}
div.Content h1 {
font-size: 36px;
margin-bottom: 25px;
}
div.Content h1 + p {
font-size: 20px;
line-height: 34px;
margin-bottom: 25px;
}
div.Content h2 {
margin-bottom: 15px;
}
div.Content p {
margin-bottom: 25px;
}
div.Content hr {
margin: 10px 0 20px 0 !important;	
}
div.Content ul, div.Content ol {
margin: 0 0 25px 40px;
}
div.Content a {
color: #444;
text-decoration: none;
border-bottom: 1px solid #CCC;
transition: .4s;
}
div.Content a:hover {
color: #f89d26;
text-decoration: none;
transition: .4s;	
}
div.Content table {
width: 100%;
border-radius: 10px;
-webkit-border-radius: 10px;
background: #fafafa;
border: 1px solid #ebebeb;
line-height: 25px;
overflow: hidden;
margin: -3px 0 25px 0;
}
div.Content table tr:first-child td {
border: 0px;
}
div.Row table tr:nth-child(even) {
background: #FFF;
}
div.Row table tr:hover{
background: #FFF;
}
div.Content table td {
padding: 4px 12px;
border-top: 1px solid #ebebeb;
}
div.Content a.ContentButton {
display: table;
height: 40px;
line-height: 36px;
font-size: 20px;
background: #f89d26;
color: #FFF;
border: 2px solid #f89d26;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 20px auto 0;
padding: 0 20px;
}
div.Content a.ContentButton:hover {
background: #FFF;
color: #f89d26;
}
div.Content div.gallery a {
border: 0;
}
@media screen and (max-width: 930px) {
div.Content {
margin: 140px auto 50px;
}
} div.Examples {
}
div.Examples a.Button div.Icon {
line-height: 160%;
}
div.Examples div.Slide {
padding: 4.15vw 0 17.7vw;
}
div.Examples div.Slide.Kids {
background-image: url(//www.schuttinggigant.com/assets/images/slides/kids.jpg);
}
div.Examples div.Slide.Cabin {
background-image: url(//www.schuttinggigant.com/assets/images/slides/cabin.jpg);
}
div.Examples div.Slide.Garden {
background-image: url(//www.schuttinggigant.com/assets/images/slides/garden.jpg);
}
div.Examples div.Slide.Furniture {
background-image: url(//www.schuttinggigant.com/assets/images/slides/furniture.jpg);
}
div.Examples div.Slide:first-of-type div.TitleWrapper {
margin-top: 120px;
}
div.Examples div.Slide div.TitleWrapper {
height: 200px;
}
div.Examples div.Slide div.TitleWrapper div.TitleBlock {
text-align: center;
}
div.Examples div.Slide div.TitleWrapper div.TitleBlock div.Title {
}
div.Examples div.Slide div.TitleWrapper div.TitleBlock div.Subtitle {
padding: 0;
} @media screen and (max-width: 930px) {
div.Examples div.Slide:first-of-type div.TitleWrapper {
margin-top: 90px;
}
}
@media screen and (max-width: 600px) {
div.Examples div.TitleWrapper div.TitleBlock div.Title {
font-size: 11.7vw;
line-height: 11.7vw;
}
div.Examples div.TitleWrapper div.TitleBlock div.Subtitle {
font-size: 6.67vw;
line-height: 10vw;
}
div.Examples a.Button {
font-size: 4.33vw;
height: 8.36vw;
line-height: 7.52vw;
padding: 0 3.34vw;
}
div.Examples a.Button div.Icon {
margin-right: 3.34vw;
}
}
@media screen and (max-width: 450px) {
div.Examples a.Button {
font-size: 19.49px;
height: 37.6px;
line-height: 33.8px;
padding: 0 15px;
}
div.Examples a.Button div.Icon {
margin-right: 15px;
}
} div.Footer {
background: #f89d26;
color: #FFF;
padding: 70px 0;
position: relative;
z-index: 10;
}
div.Footer div.Wrapper {
display: table;
}
div.Footer div.Wrapper > div {
display: table-cell;
vertical-align: top;
}
div.Footer div.Wrapper div.FooterLeft {
width: 60%;
padding-right: 25px;
}
div.Footer div.Wrapper div.FooterLeft img {
margin: 0 auto;
width: 100%;
}
div.Footer div.Wrapper div.FooterRight {
text-align: center;
}
div.Footer div.Wrapper div.FooterRight h2 {
text-align: left;
font-family: "TheMixSemiBoldItalic", Arial, Helvetica, sans-serif;
font-size: 38px;
color: #FFF;
margin-bottom: 40px;
}
div.Footer div.Wrapper div.FooterRight p {
text-align: left;
margin-bottom: 30px;
}
div.Footer div.Wrapper div.FooterRight a.Button {
width: 280px;
} div.SubFooter {
background: #FFF;
padding: 20px 0;
font-size: 16px;
line-height: 190%;
} @media screen and (max-width: 1000px) {
div.Footer div.Wrapper {
text-align: center;
}
div.Footer div.Wrapper > div {
display: inline-block;
text-align: center;
}
div.Footer div.Wrapper div.FooterLeft {
width: 60% !important;
min-width: 250px;
padding-right: 0;
}
div.Footer div.Wrapper div.FooterRight {
width: 90% !important;
padding-top: 20px;
}
div.Footer div.Wrapper div.FooterRight h2,
div.Footer div.Wrapper div.FooterRight p {
text-align: center;
}
}
@media screen and (max-width: 800px) {
div.SubFooter div.Wrapper div.FloatLeft,
div.SubFooter div.Wrapper div.FloatRight {
float: none;
text-align: center;
}
div.SubFooter {
padding: 20px;
}
}
@media screen and (max-width: 700px) {
div.Footer {
padding: 10vw 0;
}
}
@media screen and (max-width: 460px) {
div.SubFooter {
font-size: 3.5vw;
}
div.SubFooter div.Wrapper {
padding: 0;
}
}
@media screen and (max-width: 400px) {
div.Footer div.Wrapper div.FooterRight a.Button {
width: 90%;
font-size: 6.5vw;
height: 12.5vw;
}
} * {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
html, body {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
}
body {
background: #FFF;
margin: 0 auto;
padding: 0;
line-height: 30px;
font-size: 18px;
font-family: "TheMix", Arial, Helvetica, sans-serif;
color: #000;
overflow: hidden;
overflow-y: scroll;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body::-webkit-scrollbar {
width: 15px;
background: #FFF;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
-webkit-transition: .2s;
transition: .2s;
-webkit-border-radius: 0;
border-radius: 0;
}
body::-webkit-scrollbar-thumb {
background-color: #c4c4c4;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}
a { text-decoration: none; }
p {
margin: 0 0 20px 0;	
}
img {
border: 0;
text-decoration: none;
max-width: 100%;
height: auto;
}
div.Container {
max-width: 1920px;
height: auto;
padding: 0;
margin: 0 auto;
overflow: hidden;
position: relative;
}
div.Wrapper {
width: 100%;
max-width: 1040px;
height: auto;
padding: 0 20px;
margin: 0 auto;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*::-webkit-input-placeholder {	color: #a9a9a9; }
*:-moz-placeholder {			color: #a9a9a9; }
*::-moz-placeholder {			color: #a9a9a9; }
*:-ms-input-placeholder {		color: #a9a9a9; }
@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){
.NiceScroll::-webkit-scrollbar,
.NiceScroll17px::-webkit-scrollbar {
width: 0;
}
} div.Row {
margin: 0 0 0 0;
width: 100%;
}
div.MultiRow {
margin: 0 0 0 0;
display: table;
width: 100%;
}
div.TextColumn {
display: table-cell;
vertical-align: top;
padding: 0;
}
div.TextColumn33 {
width: 33.33%;
}
div.TextColumn50 {
width: 48%;
}
div.TextColumn100 {
width: 100%;
}
div.ImageColumn {
display: table-cell;
text-align: center;
}
div.ImageColumn33 {
display: table-cell;
text-align: center;
width: 33.33%;	
}
div.ImageColumn50 {
display: table-cell;
text-align: center;
width: 49.2% !important;	
}
div.ThreeColumnLeft {
padding: 0 15px 0 0;	
}
div.ThreeColumnMiddle {
padding: 0 5px 0 5px;	
}
div.ThreeColumnRight {
padding: 0 0 0 15px;	
}
div.TwoColumnLeft {
padding: 0 10px 0 0;
}
div.TwoColumnRight {
padding: 0 0 0 10px;
}
div.Spacer {
width: 20px;
height: 1px;
}
div.ContentHomepage
div.Spacer {
width: 2%;
height: 1px;
}
.Width100 {
width: 100%;
}
.Width75 {
width: 75%;
float: left;
}
.Width50 {
width: 50%;
float: left;
}
.Width25 {
width: 25%;
float: left;
} header {
position: fixed;
width: 100%;
background: rgba(255,255,255,0.95);
z-index: 10000;
}
div.HomepageBackground {
position: absolute;
width: 100%;
height: 1110px;
background: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/images/homepage/background-calculator.jpg) top center no-repeat;
background-size: cover;
z-index: -1;
}
div.Header {
width: 100%;
height: 120px;
border-bottom: 1px solid rgba(0,0,0,0.1);
text-align: center;
}
div.Header div.MainMenu {
height: 100%;
text-align: center;
}
div.Header a.Logo {
display: inline-block;
position: absolute;
left: 2.5%;
line-height: 0;
height: 100%;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.Header a.Logo img {
height: 100%;
width: auto;
} div.MainMenu nav {
height: 100%;
border-left: 1px solid rgba(0,0,0,0.1);
border-right: 1px solid rgba(0,0,0,0.1);
}
div.MainMenu ul {
display: inline-block;
list-style: none;
margin: 0 auto;
}
div.MainMenu ul#MobileMenu {
display: none;
}
div.MainMenu ul li {
float: left;
height: 120px;
white-space: nowrap;
border-right: 1px solid rgba(0,0,0,0.1);
}
div.MainMenu ul li:last-of-type {
border-right: 0;
}
div.MainMenu ul li a {
display: table-cell;
vertical-align: middle;
text-align: left;
height: 120px;
-webkit-transition: all .2s;
transition: all .2s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.MainMenu ul li a:hover {
color: #f89d26;
background: rgba(255,255,255,0.5);
}
div.MainMenu ul li a > div {
display: table-cell;
vertical-align: top;
}
div.MainMenu ul li div.Icon {
font-size: 50px;
line-height: 32px;
padding-left: 20px;
}
div.MainMenu ul li div.Description {
font-size: 14px;
line-height: 20px;
padding: 0 20px;
}
div.MainMenu ul li div.Description strong {
font-size: 18px;
}
div.GoogleMaps {
width: 100%;
height: 38vw;
margin: 0 auto -120px;
padding: 0;
}
div.MobilePhone {
float: right;
display: none;
padding: 28px 25px;
font-size: 25px;
position: absolute;
right: 0;
top: 0;
}
div.MobilePhone a {
color: #f89d26;
} @media screen and (max-width: 1500px) {
div.MainMenu nav {
border: 0;
}
div.MainMenu ul {
border-left: 1px solid rgba(0,0,0,0.1);
}
div.MainMenu ul li:last-of-type {
border-right: 1px solid rgba(0,0,0,0.1);
}
div.MainMenu ul li div.Description {
padding-top: 10px;
}
div.MainMenu ul li div.Description span.Web {
display: none;
}
div.MainMenu ul li div.Description span.Mobile {
display: block;
}
}
@media screen and (max-width: 1240px) {
div.MainMenu ul li a,
div.MainMenu ul li a > div {
display: block;
}
div.MainMenu ul li a {
padding: 15px 0;
}
div.MainMenu ul li a div.Icon {
line-height: 55px;
padding: 0;
text-align: center;
}
div.MainMenu ul li a strong {
font-family: "TheMix", Arial, Helvetica, sans-serif;
}
}
@media screen and (max-width: 930px) {
div.Header {
height: 90px;
}
div.Header a.Logo {
position: relative;
margin: 0 auto;
padding: 10px;
left: auto;
}
div.MainMenu {
display: none;
}
div.MobilePhone {
display: block;
}
div.GoogleMaps {
margin: 0 auto -90px;
}
}
@media screen and (max-width: 680px) {
div.GoogleMaps {
height: 60vw;
margin: 0 auto -90px;
padding: 0;
}
}
@media screen and (max-width: 340px) {
div.GoogleMaps {
height: 80vw;
}
}  .ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; }  .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }  .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
} * html .ui-autocomplete { width:1px; } .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: .4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } .ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-cover {
position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; }
.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; } .ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } .ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; } .ui-spinner .ui-icon-triangle-1-s { background-position:-65px -16px;
}
.ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
} * html .ui-tooltip {
background-image: none;
}
body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Verdana,Arial,sans-serif ; font-size: 1.1em ; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif ; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa ; background: #ffffff url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x ; color: #222222 ; }
.ui-widget-content a { color: #222222 ; }
.ui-widget-header { border: 1px solid #aaaaaa ; background: #cccccc url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x ; color: #222222 ; font-weight: bold; }
.ui-widget-header a { color: #222222 ; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3 ; background: #e6e6e6 url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x ; font-weight: normal ; color: #555555 ; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555 ; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999 ; background: #dadada url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x ; font-weight: normal ; color: #212121 ; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121 ; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa ; background: #ffffff url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x ; font-weight: normal ; color: #212121 ; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121 ; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1 ; background: #fbf9ee url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x ; color: #363636 ; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636 ; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a ; background: #fef1ec url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x ; color: #cd0a0a ; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a ; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a ; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); }   .ui-icon { width: 16px; height: 16px; background-image: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-icons_222222_256x240.png) ; }
.ui-widget-content .ui-icon {background-image: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-icons_222222_256x240.png) ; }
.ui-widget-header .ui-icon {background-image: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-icons_222222_256x240.png) ; }
.ui-state-default .ui-icon { background-image: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-icons_888888_256x240.png) ; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-icons_454545_256x240.png) ; }
.ui-state-active .ui-icon {background-image: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-icons_454545_256x240.png) ; }
.ui-state-highlight .ui-icon {background-image: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-icons_2e83ff_256x240.png) ; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-icons_cd0a0a_256x240.png) ; } .ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }  .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px ; -webkit-border-top-left-radius: 4px ; -khtml-border-top-left-radius: 4px ; border-top-left-radius: 4px ; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px ; -webkit-border-top-right-radius: 4px ; -khtml-border-top-right-radius: 4px ; border-top-right-radius: 4px ; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px ; -webkit-border-bottom-left-radius: 4px ; -khtml-border-bottom-left-radius: 4px ; border-bottom-left-radius: 4px ; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px ; -webkit-border-bottom-right-radius: 4px ; -khtml-border-bottom-right-radius: 4px ; border-bottom-right-radius: 4px ; } .ui-widget-overlay { background: #aaaaaa url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x ; opacity: .3;filter:Alpha(Opacity=30) ; }
.ui-widget-shadow { margin: -8px 0 0 -8px ; padding: 8px ; background: #aaaaaa url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x ; opacity: .3;filter:Alpha(Opacity=30) ; -moz-border-radius: 8px ; -khtml-border-radius: 8px ; -webkit-border-radius: 8px ; border-radius: 8px ; }div.CalculatorWrapper.LandingpageWrapper {
overflow: hidden;
}
div.Content.Landingpage div#FormQuote {
display: none !important;
}
div.Content.Landingpage {
margin-top: 0;
}
div.Content.Landingpage > div.Wrapper {
background: #ffffff;
padding: 60px 40px;
z-index: 100;
box-shadow: 0 0 10px rgba(0,0,0,0.65);
}
div.Content.Landingpage > div.Wrapper div.MultiRow,
div.Content.Landingpage > div.Wrapper div.Row {
position: relative;
z-index: 1000;
}
div.Content.Landingpage > div.Wrapper:before {
width: 100%;
height: 50%;
box-shadow: 0 0 150px 150px rgba(255,255,255,1);
background: #FFF;
position: absolute;
bottom: 0;
left: 0;
content: '';
display: block;
z-index: 99;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper {
margin-top: -85px;
padding-top: 0;
float: right;
width: 40%;
z-index: 1005;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator > div {
display: block;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Wrapper {
padding-right: 0px;
padding-left: 30px;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.CalculatorLeft {
padding-left: 20px;
width: 100%;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.CalculatorLeft .Icon {
display: none;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft h2 {
font-size: 22px;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft p,
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow {
font-size: 16px;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow {
float: none;
clear: both;
overflow: hidden;
height: auto;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputGroup,
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow select, 
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow input {
width: 100%;
float: none;
clear: both;
overflow: hidden;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.switch {
width: 100%;
float: left;
clear: both;
overflow: hidden;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.switch input {
float: left;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.CalculatorRight {
display: block;
padding-top: 0;
padding-bottom: 0;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div#SummaryHTML.CalculatorRight {
clear: both;
display: block;
overflow: hidden;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.CalculatorRight div.DefaultSummary {
display: none;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.CalculatorRight h2 {
margin-top: 30px;
text-align: right;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorRight a.SummarySpecifications {
display: none;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow {
display: none;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow.Schuttingschermen,
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow.Schuttingpalen {
display: block;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow.Schuttingpalen {
margin-bottom: 98px;
display: block;
overflow: hidden;
}
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputMeters::after,
div.CalculatorWrapper div.Calculator div.CalculatorLeft div.FormRow div.InputCentimeters::after {
z-index: 1001;
}
div.Content.Landingpage div.Wrapper div.SummaryBar {
display: none;
}
@media screen and (max-width: 930px) {
div.Content.Landingpage div.Wrapper div.CalculatorWrapper {
margin-top: -85px;
width: 100%;
margin-bottom: 50px;		
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Wrapper {
padding-right: 0;
padding-left: 0;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorRight div.SummaryRow.Schuttingpalen {
margin-bottom: 0;
}
div.Content.Landingpage div.Wrapper div.CalculatorWrapper div.Calculator div.CalculatorRight a#OpenPersonalDetailsFormLandingpage {
margin-bottom: 30px;
}
}.SearchForm {
float: left;
height: 40px;
margin: 0;
position: relative;
}
.SearchForm input[type="text"] {
background: #FFFFFF;
font-family: "TheMix", Arial, Helvetica, sans-serif;
border: 1px solid #dadada;
color: #333333;
font-size: 16px;
float: left;
height: 40px;
padding: 0 20px;
width: 200px;
border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.SearchForm input[type="image"] {
float: left;
} .FloatLeft {
float: left;	
}
.FloatRight {
float: right;	
}
.Center {
text-align: center;
}
.ClearBoth {
clear: both;
}
.Hidden {
display: none;
}
.Borderless {
border-color: rgba(0,0,0,0) !important;
} .Width10Percent { width: 10% !important; }
.Width11Percent { width: 11% !important; }
.Width14Percent { width: 14% !important; }
.Width15Percent { width: 15% !important; }
.Width16Percent { width: 16% !important; }
.Width20Percent { width: 20% !important; }
.Width24Percent { width: 24% !important; }
.Width25Percent { width: 25% !important; }
.Width28Percent { width: 28% !important; }
.Width29Percent { width: 29% !important; }
.Width30Percent { width: 30% !important; }
.Width33Percent { width: 33% !important; }
.Width36Percent { width: 36% !important; }
.Width37Percent { width: 37% !important; }
.Width38Percent { width: 38% !important; }
.Width40Percent { width: 40% !important; }
.MarginRight1Percent {
margin-right: 1% !important;		
}
.MarginRight2Percent {
margin-right: 2% !important;		
}
a.Button {
display: inline-block;
font-family: "TheMixSemiBoldItalic", Arial, Helvetica, sans-serif;
background: #FFF;
font-size: 26px;
font-weight: normal;
height: 50px;
line-height: 165%;
text-align: center;
padding: 0 20px;
margin: 0 auto 15px;
border: 2px solid #FFF;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
a.Button.Big {
font-size: 36px;
height: 60px;
line-height: 145%;
background: #FFF;
color: #000;
}
a.Button:hover {
background: #f89d26;
color: #FFF;
}
a.Button div.Icon {
float: left;
margin-right: 20px;
}
sub, sup { 
font-size: 10px;
line-height: 0; 
position: relative; 
vertical-align: baseline; 
}
sup {
top: -6px;
}
sub { 
bottom: -6px;
right: -4px; 
}
hr {
border-top: 1px solid #DADADA;
border-bottom: 0px;
margin-bottom: 20px;
}
div.post {
border-bottom: 1px solid #DADADA;
margin-bottom: 25px;
padding-bottom: 5px;
}
div.post h2 a {
color: #f89d26;
border: 0px;
}
div.LoaderWrapper {
background: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/images/misc/loader.gif) center center no-repeat rgba(255,255,255,0.5);
width: 100%;
height: 100%;
position: fixed;
z-index: 200000;
left: 0;
right: 0;
bottom: 0;
top: 0;
display: none;
}
.placeholder {					color: #a9a9a9; }
*::-webkit-input-placeholder {	color: #a9a9a9; }
*:-moz-placeholder {			color: #a9a9a9; }
*::-moz-placeholder {			color: #a9a9a9; }
*:-ms-input-placeholder {		color: #a9a9a9; } *:focus {outline: none !important;} .visible {
visibility: visible;
} .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul, .slicknav_nav li { display: block; }
li.slicknav_parent {margin-left: -21px;}
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 10px 0 0; float: left; clear: both;}
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both } .slicknav_menu { *zoom: 1 } div.MobileMenu {
display: none;
position: absolute;
top: 0;
width: 100%;
height: 100%;
text-align: left;
pointer-events: none;
}
.slicknav_menu {
width: 100%;
height: 100%;
position: absolute;
z-index: 99;
font-size: 16px;
pointer-events: none;
} .slicknav_btn {
display: inline-block;
text-decoration: none;
padding: 30px;
border-bottom: 0;
float: none;
position: absolute;
top: 50%;
left: 0;
pointer-events: all;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-sizing: border-box;
box-sizing: border-box;
} .slicknav_menu  .slicknav_menutxt {	
color: #FFF;
font-weight: bold;	
text-shadow: 0 1px 3px #000;	
} .slicknav_menu .slicknav_icon-bar {
background-color: #f89d26;
}
.slicknav_nav {
color: #f89d26;
margin: 0;	
padding: 0;
font-size: 14px;
background: rgba(255,255,255,0.95);
position: relative;
top: 100%;
pointer-events: all;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);
}
.slicknav_nav,
.slicknav_nav ul {
list-style: none;
overflow: hidden;
padding: 0;
}
.slicknav_nav li {
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.slicknav_nav li a {
text-decoration: none;
color: #000;
border: 0;
display: block;
padding: 10px 30px;
line-height: 20px;
-webkit-transition: all .2s;
transition: all .2s;
}
.slicknav_nav li a:hover {
color: #f89d26;
background: rgba(255,255,255,0.5);
}
.slicknav_nav a > div {
display: table-cell;
vertical-align: middle;
}
.slicknav_nav a div.Icon {
font-size: 40px;
padding-right: 20px;
padding-bottom: 10px;
width: 45px;
text-align: center;
} @media screen and (max-width: 930px) {
div.MobileMenu {
display: block;
}
} div.OverlayerWrapper {
display: none;
position: fixed;
width: 100%;
height: 100%;
z-index: 20000;
}
div.OverlayerWrapper div.OverlayerBackground {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
}
div.OverlayerWrapper div.Overlayer {
position: absolute;
top: 50%;
left: 50%;
width: 80vw;
height: 45vw;
max-width: 1280px;
max-height: 720px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
div.OverlayerWrapper div.Overlayer a {	
-webkit-transition: all .3s;
transition: all .3s;
}
div.OverlayerWrapper div.Overlayer a.Close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: #000;
border-radius: 50%;
font-family: "ThinkFreshIcons";
font-size: 40px;
line-height: 25px;
text-align: center;
text-indent: -1px;
color: #FFF;
box-sizing: border-box;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
div.OverlayerWrapper div.Overlayer a.Close:hover {
background: #f89d26;
}
div.OverlayerWrapper div.Overlayer a.Navigate {
position: absolute;
top: 50%;
width: 30px;
font-family: "ThinkFreshIcons";
font-size: 40px;
height: 30px;
line-height: 12px;
text-align: center;
color: rgba(255,255,255,0.3);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
div.OverlayerWrapper div.Overlayer a.Navigate.Prev {
left: -28px;
}
div.OverlayerWrapper div.Overlayer a.Navigate.Next {
right: -28px;
}
div.OverlayerWrapper div.Overlayer a.Navigate:hover {
color: rgba(255,255,255,1);
}
div.OverlayerContent a.HideSpecifications {
background: #FFF;
border: 2px solid #f89d26;
color: #f89d26;
border-radius: 5px;
box-sizing: border-box;
display: block;
font-size: 20px;
height: 40px;
width: 48%;
margin: 0 1%;
text-align: center;
line-height: 36px;
transition: all 0.3s ease 0s;
box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
}
div.OverlayerContent a.ShowSpecifications {
background: #f89d26;
border: 2px solid #f89d26;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
display: block;
font-size: 20px;
height: 40px;
width: 48%;
margin: 0 1%;
text-align: center;
line-height: 36px;
transition: all 0.3s ease 0s;
box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
}
div.RazorboxClose{ display:none;} div.FilterButtons {
display: table;
margin: 0 auto;
text-align: center;
}
a.FilterButton {
font-size: 20px;
text-align: center;
border: 2px solid #f89d26;
background: #FFF;
color: #f89d26;
height: 40px;
line-height: 36px;
padding: 0 15px;
margin-right: 20px;
margin-bottom: 10px;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-border-radius: 5px;
border-radius: 5px;
box-sizing: border-box;
display: inline-block;
cursor: pointer;
position: relative;
}
a.FilterButton.All {
background: #7f7f7f;
color: #FFF;
border: 2px solid #7f7f7f;
}
a.FilterButton.Active,
a.FilterButton.active {
background: #f89d26;
color: #FFF;
}
div.InformationBar {
width: calc(100% - 20px);
height: 50px;
line-height: 50px;
background: #fabb67;
color: #FFF;
font-size: 20px;
padding: 0 20px 0 70px;
-webkit-box-sizing: border-box;	
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 0 20px;
position: relative;
}
div.InformationBar div.DisplaySelectedItem {
display: inline-block;
}
div.InformationBar:before {
background: #f89d26;
content: "\f05a";
font-family: FontAwesome;
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
text-align: center;
}
div.CarouselWrapper.Wrapper {
margin: 0 auto 30px;
}
div.ProductsWrapper {
margin-top: 0.75vw;
margin-bottom: 120px;
}
div.ProductsWrapper div.Wrapper:after {
display: block;
content: "";
clear: both;
}
div.ProductsWrapper div.Wrapper > div.Description {
padding: 30px 0 10px 0;
}
div.ProductsWrapper div.Wrapper > div.Description h2 {
font-family: "TheMixBold", Arial, Helvetica, sans-serif;
font-size: 26px;
}
div.ProductsWrapper div.Wrapper > div.Description a {
border-bottom: 1px solid #a3a3a3;
}
div.CarouselWrapper div.Carousel {
width: calc(100% + 20px);
}
div.ProductsWrapper div.carousel-cell {
width: calc(33.33% - 20px);
margin: 0 20px 0 0;
}
div.ProductsWrapper div.Product {
width: 100%;
background: #ededed;
padding: 6px;
text-align: center;
cursor: default;
height: 100%;
line-height: 30px;
overflow: hidden;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.ProductsWrapper div.Product:nth-of-type(3) {
margin: 0;
}
div.ProductsWrapper div.Product:hover,
div.ProductsWrapper div.Product.Active,
div.ProductsWrapper .owl-item:hover div.Product,
div.ProductsWrapper .owl-item.ProductActive div.Product {
background: #f89d26;
color: #FFF;
}
div.ProductsWrapper div.Product div.ProductImage {
background: #FFF;
}
div.ProductsWrapper div.Product img {
width: 100%;
height: auto;
vertical-align: middle;
}
div.ProductsWrapper div.Product div.ProductInfo {
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.ProductsWrapper div.Product div.ProductInfo div.Title {
font-family: "TheMixBold", Arial, Helvetica, sans-serif;
font-size: 16px;
}
div.ProductsWrapper div.Product div.ProductInfo div.Description {
font-size: 14px;
margin-top: 5px;
} div.ProductsWrapper div.Product div.ProductInfo div.Title,
div.ProductsWrapper div.Product div.ProductInfo div.Description {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.ProductsWrapper div.Product div.ProductInfo div.Title {
height: 25px;
line-height: 25px;
}
div.ProductsWrapper div.Product div.ProductInfo div.Description {
height: 20px;
line-height: 20px;
}
div.ProductsWrapper div.Product div.ProductInfo div.Amount {
font-family: "TheMixSemiBoldItalic", Arial, Helvetica, sans-serif;
font-size: 20px;
text-align: left; color: #FFF;
height: 40px;
line-height: 36px;
padding-left: 15px;
margin-top: 20px;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-background-clip: padding-box; 
-moz-background-clip: padding;
background-clip: padding-box;
cursor: pointer;
position: relative;
}
div.ProductsWrapper div.Product:hover div.ProductInfo div.Amount,
div.ProductsWrapper div.Product.Active div.ProductInfo div.Amount,
div.ProductsWrapper .owl-item:hover div.Product div.ProductInfo div.Amount,
div.ProductsWrapper .owl-item.ProductActive div.Product div.ProductInfo div.Amount {
background: rgba(255,255,255,0.3);
}
div.ProductsWrapper div.Product div.ProductInfo div.Amount .AmountRadioButton {
height: 50%;
margin: 10px 10px 0 0px;
cursor: pointer;
width: 20px;
}
div.ProductsWrapper div.Product div.ProductInfo div.Amount input {
font-family: "TheMix", Arial, Helvetica, sans-serif;
font-size: 20px;
text-align: center;
width: 40%;
height: 40px;
line-height: 40px;
float: right;
pointer-events: none;
}
@media screen and (max-width: 1200px) {
div.ProductsWrapper {
margin-bottom: 10vw;
}
}
@media screen and (max-width: 980px) {
div.ProductsWrapper div.carousel-cell {
width: calc(50% - 20px);
}
}
@media screen and (max-width: 690px) and (min-width: 550px) {
div.ProductsWrapper div.Product {
width: 100%;
margin-right: 0;
display: table;
}
div.ProductsWrapper div.Product > div {
display: table-cell;
vertical-align: top;
width: 50%;
}
div.ProductsWrapper div.Product div.ProductImage {
vertical-align: middle;
background: #FFF;
}
div.ProductsWrapper div.Product div.ProductInfo {
text-align: left;
position: relative;
}
}
@media screen and (max-width: 690px) {
div.ProductsWrapper div.carousel-cell {
width: calc(100% - 20px);
}
div.CarouselWrapper {
margin-bottom: 15px;
}
div.CarouselWrapper .flickity-page-dots {
width: calc(100% - 20px);
}
div.InformationBar {
padding: 0 10px 0 40px;
}
div.InformationBar:before {
width: 30px;
font-size: 16px;
}
div.InformationBar .DisplaySelectedItem {
font-size: 16px;
line-height: 20px;
margin-top: 5px;
}
}
@media screen and (max-width: 500px) {
a.FilterButton {
font-size: 16px;
margin: 0 5px 10px 5px;
padding: 0 10px;
}
}
@media screen and (max-width: 410px) {
div.ProductsWrapper div.Product > div {
display: block;
width: 100%;
}
}
@media screen and (max-width: 380px) {
div.ProductsWrapper div.Product div.ProductInfo div.Title {
font-size: 4.2vw;
}
}
div#SchuttingQuote {
width: 100%;
padding: 0px 0 0;
min-height: 842px;
}
div#SchuttingQuote * {
font-size: 12px;
}
div#SchuttingQuote table p {
line-height: 150%;
}
div#SchuttingQuote table tr {
line-height: 150%;
}
div#SchuttingQuote table.Main {
width: 670px;
margin: 0 auto;
}
div#SchuttingQuote table.Main > tr,
div#SchuttingQuote table.Main > tr > td {
width: 100%;
}
div#SchuttingQuote table.Header,
div#SchuttingQuote table.BillingInfo,
div#SchuttingQuote table.Inleiding,
div#SchuttingQuote table.Details,
div#SchuttingQuote table.Products,
div#SchuttingQuote table.Totals,
div#SchuttingQuote table.Footer {
width: 100%;
border-collapse: collapse;
}
div#SchuttingQuote table.Header {
margin: 0 0 50px 0;
}
div#SchuttingQuote table.Header td.Logo {
width: 65%;
}
div#SchuttingQuote table.Header h1 { color: #f89d26;
font-size: 32px;
font-family: "TheMixSemiBoldItalic", Arial, Helvetica, sans-serif;
font-style: italic;
}
div#SchuttingQuote table.Header tr td {
vertical-align: middle;
}
div#SchuttingQuote table.BillingInfo {
margin: 0 0 50px 0;
}
div#SchuttingQuote table.BillingInfo strong {
font-size: 18px;
}
div#SchuttingQuote table.BillingInfo td.Customer {
width: 65%;
}
div#SchuttingQuote table.Inleiding {
margin: 0 0 30px 0;
}
div#SchuttingQuote table.Details {
margin: 0 0 50px 0;
}
div#SchuttingQuote table.Details td.Title {
width: 200px;
}
div#SchuttingQuote table.Products {
margin: 0 0 0px 0;
}
div#SchuttingQuote table.Products thead tr td {
border-bottom: 1px solid #0d0d0c;
font-weight: bold;
padding: 0 0 10px 0;
}
div#SchuttingQuote table.Products tbody td.Quantity {
width: 30px;
text-align: right;
padding: 0 10px 0;
}
div#SchuttingQuote table.Products td.ProductItem {
width: 370px;
}
div#SchuttingQuote table.Products td.ProductCode {
width: 50px;
}
div#SchuttingQuote table.Products tbody td.ProductCode {
width: 50px;
text-align: right;
padding: 0 0px 0;
}
div#SchuttingQuote table.Products td.Price,
div#SchuttingQuote table.Products td.TotalPrice {
text-align: right;
width: 130px;
}
div#SchuttingQuote table.Totals {
margin: 10px 0 0 0;
border-top: 1px solid #0d0d0c;
cell-padding: 10px;
}
div#SchuttingQuote table.Totals thead {
margin: 20px 0 0;
}
div#SchuttingQuote table.Totals td.FirstCell {
text-align: right;
width: 550px;
}
div#SchuttingQuote table.Totals td.SecondCell { text-align: right;
}
div#SchuttingQuote table.Footer { background: none;
color: #000;
border-spacing: 10px;
display: block;
text-align: center;
}
div#SchuttingQuote table.Footer td {
width: 33.333%;
}
div.QuoteFooter {
width: 100%;
padding: 10px;
background: #f89d26;
height: auto;
color: #fff;
overflow: hidden;
clear: both;
line-height: 1.25;
z-index: 1000;
}
div.QuoteFooter div.FooterItem {
float: left;
width: 33.33333333%;
}
div.QuoteFooter p {
color: #fff;
font-size: 12px;
margin: 0;
}
ul.Sitemap, ul.Sitemap ul {
background: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/images/misc/vline.png) repeat-y scroll 0 0 rgba(0, 0, 0, 0);
list-style-type: none !important;
margin: 5px 0 5px 30px !important;
padding: 0;
}
ul.Sitemap ul {
margin-bottom: 16px;
margin-left: 5px;
}
ul.Sitemap li > a {
font-weight: bold;
}
ul.Sitemap li ul li > a {
font-weight: normal;
}
ul.Sitemap li {
background: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/images/misc/node.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
line-height: 24px;
margin: 0;
padding: 0 14px;
}
ul.Sitemap li a {
border-bottom: 0 none;
cursor: pointer;
text-decoration: none;
transition : color 0.2s;
}
ul.Sitemap li.Last {
background: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/images/misc/lastnode.png) no-repeat scroll 0 0 #FFFFFF;
} div.SlideLandingpage {
background: #f89d26;
color: #FFF;
padding: 0 0 70px 0;
margin-top: 100px;
position: relative;
z-index: 10;
}
div.SlideLandingpage div.Wrapper {
display: table;
}
div.SlideLandingpage div.Wrapper > div {
display: block;
}
div.SlideLandingpage div.Wrapper div.SlideLandingpageLeft {
width: 60%;
padding-right: 0px;
margin: -100px 0 0 -150px;
float: left;
}
div.SlideLandingpage div.Wrapper div.SlideLandingpageLeft img {
margin: 0 auto;
width: 100%;
}
div.SlideLandingpage div.Wrapper div.SlideLandingpageLeft p {
margin-left: 120px;
font-size: 20px;
}
div.SlideLandingpage div.Wrapper div.SlideLandingpageLeft p.Phone {
font-size: 32px;
position: relative;
padding: 0 0 0 50px;
font-family: "TheMixExtraBoldItalic", Arial, Helvetica, sans-serif;
}
div.SlideLandingpage div.Wrapper div.SlideLandingpageLeft p.Phone:before {
content: '6';
font-family: "ThinkFreshIcons", Arial, Helvetica, sans-serif;
margin: 0 10px 0 0;
position: absolute;
left: 0;
top: 0px;
font-size: 40px;
}
div.SlideLandingpage div.Wrapper div.SlideLandingpageRight {
text-align: center;
float: left;
width: calc(40% + 150px);
padding-top: 70px;
padding-left: 50px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
div.SlideLandingpage div.Wrapper div.SlideLandingpageRight h2 {
text-align: left;
font-family: "TheMixSemiBoldItalic", Arial, Helvetica, sans-serif;
font-size: 38px;
color: #FFF;
margin-bottom: 40px;
}
div.SlideLandingpage div.Wrapper div.SlideLandingpageRight p {
text-align: left;
margin-bottom: 30px;
}
div.SlideLandingpage div.Wrapper div.SlideLandingpageRight a.Button {
width: 280px;
float: left;
clear: both;
}
div.SlideLandingpage div.Wrapper div.SlideLandingpageRight ul {
text-align: left;
list-style-image: url(//www.schuttinggigant.com/assets/images/misc/check.png);
margin: 0 0 65px 50px;
}
div.SlideLandingpage div.Wrapper div.SlideLandingpageRight ul li {
padding-left: 20px;
margin: 0 0 20px 0;
height: 25px;
line-height: 25px;
} @media screen and (max-width: 1000px) {
div.SlideLandingpage div.Wrapper {
text-align: center;
}
div.SlideLandingpage div.Wrapper > div {
display: inline-block;
text-align: center;
}
div.SlideLandingpage div.Wrapper div.SlideLandingpageLeft {
width: 60% !important;
min-width: 250px;
padding-right: 0;
}
div.SlideLandingpage div.Wrapper div.SlideLandingpageRight {
width: 90% !important;
padding-top: 20px;
}
div.SlideLandingpage div.Wrapper div.FooterRight h2,
div.SlideLandingpage div.Wrapper div.FooterRight p {
text-align: center;
}
}
@media screen and (max-width: 700px) {
div.SlideLandingpage {
padding: 10vw 0;
}
}
@media screen and (max-width: 460px) {
div.SlideLandingpage {
font-size: 3.5vw;
}
div.SlideLandingpage div.Wrapper {
padding: 0;
}
}
@media screen and (max-width: 400px) {
div.SlideLandingpage div.Wrapper div.SlideLandingpageRight a.Button {
width: 90%;
font-size: 6.5vw;
height: 12.5vw;
}
}div.Slide {
background-position: center center;
background-size: cover;
padding: 8.4vw 0;
-webkit-box-shadow: inset 0 -600px 600px -400px rgba(0,0,0,0.7);
box-shadow: inset 0 -600px 600px -400px rgba(0,0,0,0.7);
}
div.Slide.Lunch {
background-image: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/images/slides/lunch.jpg);
}
div.Slide div.TitleWrapper {
height: 280px;
}
div.Slide div.TitleWrapper div.TitleBlock div.Subtitle {
padding-left: 17%;
} @media screen and (max-width: 930px) {
div.Slide.HomepageSlide a.Button.Big {
font-size: 3.87vw;
}
}
@media screen and (max-width: 800px) {
div.Slide.HomepageSlide a.Button.Big {
height: 7.55vw;
line-height: 167.74%;
}
}
@media screen and (max-width: 480px) {
div.Slide.HomepageSlide a.Button.Big {
font-size: 18.6px;
height: 36.31px;
}
}div.OverlayerSpecifications {
width: 75vw;
height: auto;
padding: 50px;
margin: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
position: relative;
overflow: hidden;
background: #fff;
}
div.OverlayerSpecifications h2 {
font-family: "TheMixBold", Arial, Helvetica, sans-serif;
font-size: 26px;
}
div.OverlayerSpecifications h2 + p {
font-size: 18px;
}
div.OverlayerSpecifications div.Buttons {
position: absolute;
top: 30px;
right: 50px;
}
div.OverlayerSpecifications div.Buttons a {
float: right;
}
div.OverlayerSpecifications div.Buttons a.ResetSpecifications  {
background: #fff none repeat scroll 0 0;
border: 2px solid #f89d26;
border-radius: 5px;
box-sizing: border-box;
color: #f89d26;
display: block;
font-size: 20px;
height: 40px;
line-height: 36px;
margin-top: 20px;
transition: all 0.3s ease 0s;
width: auto;
padding: 0 20px 0 0;
}
div.OverlayerSpecifications div.Buttons a.ResetSpecifications:hover {
background: #fff;
}
div.OverlayerSpecifications div.Buttons div.Icon {
display: inline-block;
font-size: 26px;
height: 36px;
line-height: 33px;
text-align: center;
vertical-align: top;
width: 50px;
}
div.OverlayerSpecifications div.Buttons a.Specifications {
background: #f89d26 none repeat scroll 0 0;
border: 2px solid #f89d26;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
display: block;
font-size: 20px;
height: 40px;
line-height: 36px;
margin-top: 20px;
margin-right: 20px;
transition: all 0.3s ease 0s;
width: auto;
padding: 0 20px 0 0;
}
div.OverlayerSpecifications div.Buttons a.Specifications:hover {
background: #fff;
color: #f89d26;
}
div.OverlayerSpecifications div.ProductsWrapper {
margin: 0;
}
div.OverlayerSpecifications div.ProductRow div.Product:nth-child(4n+1) {
margin: 0 0 20px 0 !important;
}
div.OverlayerSpecifications div.Product {
width: calc(25% - 15px);
float: left;
margin: 0 0 20px 20px !important;
}
div.OverlayerSpecifications div.ProductsWrapper div.Product div.ProductInfo div.Amount input {
border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
position: relative;
}
div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons {
position: absolute;
z-index: 100;
right: 0;
top: 0;
height: 100%;
}
div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Plus,
div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min {
position: absolute;
right: 0;
height: 50%;
width: 25px;
background: #a9a9a9;
display: block;
z-index: 101;
color: #fff;
line-height: 17px;
text-align: center;
}
div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Plus:hover,
div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min:hover {
background: #ededed;
color: #000;
}
div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Plus {
top: 0;
content: '+';
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom: 1px solid #fafafa;
z-index: 102;
}
div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min {
top: 50%;
content: '-';
border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
div.OverlayerSpecifications div.Promotion {
width: auto;
display: flex;
flex-flow: column nowrap;
border: 5px solid #f89d26;
box-sizing: border-box;
left: 20px;
margin: 20px;
position: relative;
background: url(//www.schuttinggigant.com/assets/images/homepage/background-calculator.jpg);
background-size: cover;
}
div.OverlayerSpecifications div.Promotion div.PromotionInfo {
background: rgba(248,157,38,0.85);
padding: 40px 40px 20px;
}
div.OverlayerSpecifications div.Promotion * {
color: #FFF;
}
div.OverlayerSpecifications div.Promotion a {
border-bottom: 1px dotted #FFF;
} @media screen and (max-width: 680px) {
div.OverlayerSpecifications {
width: 90vw;
margin-bottom: 20px;
padding: 20px;
}
div.OverlayerSpecifications div.ProductRow div.Product:first-child {
margin: inherit;
}
div.OverlayerSpecifications div.ProductRow div.Product {
width: calc(50% - 10px);
margin: 0 0 20px 20px !important;
}
div.OverlayerSpecifications div.ProductRow div.Product:nth-child(2n+1) {
margin: 0 0 20px 0 !important; 
}
}
@media screen and (max-width: 520px) {
div.OverlayerSpecifications h2 {
font-size: 23px;
}
div.OverlayerSpecifications div.ProductRow div.Product {
width: auto;
margin: 0 0 20px 0 !important;
float: none !important;
}
div.OverlayerSpecifications div.Buttons {
position: relative;
top: auto;
right: auto;
margin-bottom: 30px;
}
div.OverlayerSpecifications div.Buttons a {
font-size: 16px !important;
float: none;
margin: 0 0 10px 0 !important;
}
div.OverlayerSpecifications div.ProductsWrapper div.Product div.ProductInfo div.Amount {
font-size: 16px;
overflow: hidden;
line-height: 38px;
}
div.OverlayerSpecifications div.ProductsWrapper div.Product div.ProductInfo div.Amount input {
position: absolute;
left: auto;
top: 0;
width: 100%;
text-align: left;
margin-left: 15px;
padding: 0 15px;
}
div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Plus, div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min {
width: 36px;
height: 36px;
line-height: 32px;
background: #a9a9a9 !important;
color: #fff !important;
border: 2px solid #fff;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
font-size: 26px;
}
div.OverlayerSpecifications div.ProductsWrapper div.Product div.AmountButtons div.Min {
top: 0;
right: 40px;
border-right: none;
border-left: none;
-webkit-border-radius: 0;
border-radius: 0;
}
}@font-face {
font-family: 'TheMix';
src: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/TheMix-Plain.woff2) format('woff2'),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/TheMix-Plain.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TheMix';
src: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/TheMix-SemiBoldItalic.woff2) format('woff2'),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/TheMix-SemiBoldItalic.woff) format('woff');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'TheMix';
src: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/TheMixExtraBold-Italic.woff2) format('woff2'),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/TheMixExtraBold-Italic.woff) format('woff');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'TheMix';
src: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/TheMixBold-Plain.woff2) format('woff2'),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/TheMixBold-Plain.woff) format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-ExtraBold.woff2) format('woff2'),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-ExtraBold.woff) format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-Italic.woff2) format('woff2'),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-Italic.woff) format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-Light.woff2) format('woff2'),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-BoldItalic.woff2) format('woff2'),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-BoldItalic.woff) format('woff');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-Bold.woff2) format('woff2'),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-SemiBold.woff2) format('woff2'),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-Regular.woff2) format('woff2'),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-LightItalic.woff2) format('woff2'),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-LightItalic.woff) format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-SemiBoldItalic.woff2) format('woff2'),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-SemiBoldItalic.woff) format('woff');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-ExtraBoldItalic.woff2) format('woff2'),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/OpenSans-ExtraBoldItalic.woff) format('woff');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: "schuttinggigant";
src:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/schuttinggigant.eot);
src:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/schuttinggigant.eot?#iefix) format("embedded-opentype"),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/schuttinggigant.woff) format("woff"),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/schuttinggigant.ttf) format("truetype"),
url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/fonts/schuttinggigant.svg#schuttinggigant) format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "schuttinggigant" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "schuttinggigant" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-logo-sg:before {
content: "\61";
}
.icon-logo-tg:before {
content: "\62";
}
.icon-arrow-down:before {
content: "\63";
}
.icon-arrow-left:before {
content: "\64";
}
.icon-arrow-right:before {
content: "\65";
}
.icon-arrow-top:before {
content: "\66";
}
.icon-arrow-down-long:before {
content: "\67";
}
.icon-arrow-left-long:before {
content: "\68";
}
.icon-arrow-right-long:before {
content: "\69";
}
.icon-arrow-top-long:before {
content: "\6a";
}
.icon-box:before {
content: "\6b";
}
.icon-calculator:before {
content: "\6c";
}
.icon-calendar:before {
content: "\6d";
}
.icon-calendar-with-number:before {
content: "\6e";
}
.icon-mail:before {
content: "\6f";
}
.icon-mail-two:before {
content: "\70";
}
.icon-contact:before {
content: "\71";
}
.icon-phone:before {
content: "\72";
}
.icon-star:before {
content: "\73";
}
.icon-gallery:before {
content: "\74";
}
.icon-facebook:before {
content: "\75";
}
.icon-instagram:before {
content: "\76";
}
.icon-checked-circle:before {
content: "\77";
}
.icon-checked-thick:before {
content: "\78";
}
.icon-checked:before {
content: "\79";
}
.icon-menu:before {
content: "\7a";
}
.icon-menu-close:before {
content: "\41";
}
.icon-info:before {
content: "\42";
}
.icon-warning:before,
.icon-attention:before,
.icon-icon-attention:before {
content: "\43";
}
.icon-info-circle:before,
.icon-info-circled:before {
content: "\44";
}
.icon-warning-triangle:before {
content: "\45";
}
.icon-logo-sg-black:before {
content: "\46";
}
.icon-whatsapp:before {
content: "\47";
}
.icon-mail-square:before {
content: "\48";
}
.icon-settings:before {
content: "\49";
}
.icon-settings-move:before {
content: "\4a";
}
.icon-checklist:before {
content: "\4b";
}
.icon-pencil-ruler:before {
content: "\4c";
}
.icon-truck:before {
content: "\4d";
}
.icon-save:before {
content: "\4e";
}
.icon-calendar-dotted:before {
content: "\4f";
}
.icon-calendar-plus:before {
content: "\50";
}
.icon-pencil:before {
content: "\51";
}
.icon-shoppingcart:before {
content: "\52";
}
.icon-location:before {
content: "\53";
}
.icon-user:before {
content: "\54";
}
.icon-clock:before {
content: "\55";
}
.icon-check-new:before {
content: "\56";
}
.icon-search:before {
content: "\57";
}
.icon-menu-1:before {
content: "\58";
}
.icon-close:before {
content: "\59";
}
.icon-ruler:before {
content: "\5a";
}
.icon-house-with-tree:before {
content: "\30";
}
div.SummarySlide div.FormSection table.SummarySlide {
box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100%;
height: 100%;
font-family: "TheMix",Arial,Helvetica,sans-serif;
font-size: 17px;
border-spacing: 0px;
overflow: hidden;
}	
div.SummarySlide div.FormSection table.SummarySlide thead {
background: #f89d26;
}
div.SummarySlide div.FormSection table.SummarySlide thead tr {
background: #f89d26;
}
div.SummarySlide div.FormSection table.SummarySlide thead tr td {
background: #f89d26;
position: relative;
padding: 0 15px;
border-bottom: 1px solid #bbb;
height: 40px;
line-height: 40px;
color: #FFF;
}
div.SummarySlide div.FormSection table.SummarySlide tbody {
}
div.SummarySlide div.FormSection table.SummarySlide tbody tr:nth-child(2n+2) td,
div.SummarySlide div.FormSection table.SummarySlide tbody tr:nth-child(2n+2) input {
background: #f9f9f9;
}
div.SummarySlide div.FormSection table.SummarySlide tbody tr {
height: 40px;
line-height: 40px;
}
div.SummarySlide div.FormSection table.SummarySlide tbody tr td {
position: relative;
padding: 0 15px;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
line-height: 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
div.SummarySlide div.FormSection table.SummarySlide tbody tr td:first-of-type {
border-left: 1px solid #bbb;
}
div.SummarySlide div.FormSection table.SummarySlide tbody tr.NoBackground td {
border: 0px;
background: #FFF !important;
}
div.SummarySlide div.FormSection table.SummarySlide tbody tr.CustomQuote td {
background: #FFF !important;
}
div.SummarySlide div.FormSection table.SummarySlide tbody tr.CustomQuote td:first-of-type {
text-align: center;
}
body div.swal2-container {
z-index: 999999999999999999;
}
body div.swal2-modal {
padding: 50px;
}
body div.swal2-modal button.HideSpecifications {
background: #FFF !important;
border: 2px solid #f89d26 !important;
color: #f89d26;
border-radius: 5px;
display: block;
font-size: 20px;
height: 40px;
width: 48%;
margin: 0 1%;
text-align: center;
line-height: 40px;
transition: all 0.3s ease 0s;
box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
padding: 0;
}
body div.swal2-modal button.ShowSpecifications,
body div.swal2-modal button.CloseSweetAlert {
background: #f89d26  !important;
border: 2px solid #f89d26 !important;
border-radius: 5px;
color: #fff;
display: block;
font-size: 20px;
height: 40px;
width: 48%;
margin: 0 1%;
text-align: center;
line-height: 40px;
transition: all 0.3s ease 0s;
box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
padding: 0;
}
body div.swal2-modal button.CloseSweetAlert {
float: none;
margin: 0 auto;
}
body div.swal2-modal h2.swal2-title {
font-family: "TheMixBold",Arial,Helvetica,sans-serif;
font-weight: normal;
margin: 0;
padding: 0;
}
body div.swal2-modal  {
font-family: "TheMix", Arial, Helvetica, sans-serif;
}
body div.swal2-modal button {
font-family: "TheMix", Arial, Helvetica, sans-serif;
}
body .swal2-icon.swal2-error {
border-color: #f89d26;
}
body .swal2-icon.swal2-error .line {
background-color: #f89d26;
} #wrapper {
min-width: 600px;
}
.settings {
display: table;
width: 100%;
}
.settings .row {
display: table-row;
}
.settings .question,
.settings .switch {
display: table-cell;
vertical-align: middle;
padding: 10px;
}
.settings .question {
width: 600px;
font-family: "Roboto Slab", serif;
font-size: 20px;
} .cmn-toggle {
position: absolute;
margin-left: -9999px;
visibility: hidden;
}
.cmn-toggle + label {
display: block;
position: relative;
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} input.cmn-toggle-round + label {
padding: 2px;
width: 120px;
height: 60px;
background-color: #dddddd;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
display: block;
position: absolute;
top: 1px;
left: 1px;
bottom: 1px;
content: "";
}
input.cmn-toggle-round + label:before {
right: 1px;
background-color: #f1f1f1;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
-o-transition: background 0.4s;
transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
width: 58px;
background-color: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
-webkit-transition: margin 0.4s;
-moz-transition: margin 0.4s;
-o-transition: margin 0.4s;
transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
background-color: #8ce196;
}
input.cmn-toggle-round:checked + label:after {
margin-left: 60px;
} input.cmn-toggle-round-flat + label {
padding: 2px;
width: 120px;
height: 60px;
background-color: #dddddd;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
-o-transition: background 0.4s;
transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {
display: block;
position: absolute;
content: "";
}
input.cmn-toggle-round-flat + label:before {
top: 2px;
left: 2px;
bottom: 2px;
right: 2px;
background-color: #fff;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
-o-transition: background 0.4s;
transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after {
top: 4px;
left: 4px;
bottom: 4px;
width: 52px;
background-color: #dddddd;
-webkit-border-radius: 52px;
-moz-border-radius: 52px;
-ms-border-radius: 52px;
-o-border-radius: 52px;
border-radius: 52px;
-webkit-transition: margin 0.4s, background 0.4s;
-moz-transition: margin 0.4s, background 0.4s;
-o-transition: margin 0.4s, background 0.4s;
transition: margin 0.4s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label {
background-color: #8ce196;
}
input.cmn-toggle-round-flat:checked + label:after {
margin-left: 60px;
background-color: #8ce196;
} input.cmn-toggle-yes-no + label {
padding: 2px;
width: 120px;
height: 60px;
}
input.cmn-toggle-yes-no + label:before, input.cmn-toggle-yes-no + label:after {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: #fff;
font-family: "Roboto Slab", serif;
font-size: 20px;
text-align: center;
line-height: 60px;
}
input.cmn-toggle-yes-no + label:before {
background-color: #dddddd;
content: attr(data-off);
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
input.cmn-toggle-yes-no + label:after {
background-color: #8ce196;
content: attr(data-on);
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
input.cmn-toggle-yes-no:checked + label:before {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
input.cmn-toggle-yes-no:checked + label:after {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
} div.TitleWrapper {
height: 400px;
}
div.TitleWrapper div.TitleBlock {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
div.TitleWrapper div.TitleBlock > div {
display: block;
margin: 0 auto;
color: #FFF;
text-shadow: 1px 1px 4px rgba(0,0,0,0.75);
white-space: nowrap;
}
div.TitleWrapper div.TitleBlock > div br {
display: none;
}
div.TitleWrapper div.TitleBlock div.Title {
font-family: "TheMixExtraBoldItalic", Arial, Helvetica, sans-serif;
font-size: 70px;
line-height: 70px;
}
div.TitleWrapper div.TitleBlock div.Subtitle {
font-family: "TheMixSemiBoldItalic", Arial, Helvetica, sans-serif;
font-size: 40px;
line-height: 60px;
padding-left: 4%;
margin-top: 5px;
} @media screen and (max-width: 930px) {
div.HomepageSlide div.TitleWrapper {
height: 30.1vw;
}
div.CalculatorWrapper div.TitleWrapper {
height: 43vw;
}
div.HomepageSlide div.TitleWrapper div.TitleBlock div.Title,
div.CalculatorWrapper div.TitleWrapper div.TitleBlock div.Title {
font-size: 7.5vw;
line-height: 7.5vw;
}
div.HomepageSlide div.TitleWrapper div.TitleBlock div.Subtitle,
div.CalculatorWrapper div.TitleWrapper div.TitleBlock div.Subtitle {
font-size: 3.5vw;
line-height: 6.45vw;
}
}
@media screen and (max-width: 630px) {
div.HomepageSlide div.TitleWrapper div.TitleBlock > div,
div.CalculatorWrapper div.TitleWrapper div.TitleBlock > div {
text-align: center;
}
div.HomepageSlide div.TitleWrapper div.TitleBlock div.Subtitle,
div.CalculatorWrapper div.TitleWrapper div.TitleBlock div.Subtitle {
padding-left: 0;
}
div.CalculatorWrapper div.TitleWrapper div.TitleBlock div.Subtitle br {
display: block;
}
div.TitleWrapper div.TitleBlock {
position: relative;
}
div.TitleWrapper div.TitleBlock > div {
white-space: normal;
}
}
@media screen and (max-width: 540px) {
div.CalculatorWrapper div.TitleWrapper {
height: 232px;
}
div.CalculatorWrapper div.TitleWrapper div.TitleBlock div.Title {
font-size: 40.5px;
line-height: 40.5px;
}
div.CalculatorWrapper div.TitleWrapper div.TitleBlock div.Subtitle {
font-size: 20px;
line-height: 34.8px;
}
}
@media screen and (max-width: 480px) {
div.CalculatorWrapper div.TitleWrapper div.TitleBlock div.Title br {
display: block;
}
}
@media screen and (max-width: 440px) {
div.HomepageSlide div.TitleWrapper div.TitleBlock div.Title {
font-size: 33px;
line-height: 33px;
}
div.HomepageSlide div.TitleWrapper div.TitleBlock div.Subtitle {
font-size: 18.9px;
line-height: 28.4px;
}
} body {
font-family: 'Open Sans', sans-serif;
counter-reset: section; }
h1 {
font-size: 70px;
font-family: 'TheMix', sans-serif;
font-weight: 900;
font-style: italic;
line-height: 70px;
margin: 0 0 10px 0; }
h2 {
font-size: 60px;
font-family: 'TheMix', sans-serif;
font-weight: 900;
font-style: italic;
margin: 0; }
h3 {
font-family: 'TheMix', sans-serif;
font-weight: 600;
font-style: italic;
margin: 0;
padding: 0; }
h4 {
font-size: 20px;
font-family: 'TheMix', sans-serif;
font-weight: 600;
font-style: normal;
margin: 0;
padding: 0; }
p {
line-height: 28px;
font-size: 18px;
margin-bottom: 28px; }
p:last-child {
margin-bottom: 0; }
a {
color: inherit; }
a:hover {
color: #f89d26;
text-decoration: none; }
.btn {
position: relative;
font-family: "TheMix", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 600;
font-style: normal;
color: #f89d26;
display: inline-block;
background: transparent;
border: 2px solid #f89d26;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 42px;
line-height: 38px;
padding: 0 10px;
text-decoration: none !important; }
.btn:hover { color: #f89d26; }
.btn.btn-go {
background: #f89d26;
border: 2px solid rgba(255, 255, 255, 0.3);
color: #fff; }
.btn.btn-go:hover {
border-color: rgba(255, 255, 255, 0.7); }
.btn.btn-italic {
font-style: italic; }
.btn.btn-small {
height: 30px;
line-height: 26px;
font-size: 14px; }
.btn.btn-white {
color: #fff;
border-color: #fff;
background-color: transparent; }
.btn.btn-white:hover {
border-color: #f89d26;
color: #f89d26 !important; }
.btn.dropdown-toggle {
border: 2px solid #f4f4f4;
color: #333; }
.btn.dropdown-toggle:hover {
background: #fff; }
.btn[class*="btn-dir-"] {
padding-right: 30px; }
.btn[class*="btn-dir-"]:after {
position: absolute;
top: 50%;
right: 10px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
display: block;
font-size: 12px;
font-family: "schuttinggigant" !important;
content: '\63';
font-style: normal;
font-weight: normal; }
.btn.btn-dir-right:after {
content: '\65'; }
ul.buttonGroup {
list-style: none;
width: 100%;
padding: 0 15px; }
ul.buttonGroup li {
width: 50%; }
ul.buttonGroup li:first-child a {
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px; }
ul.buttonGroup li:last-child a {
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0; }
ul.buttonGroup li a {
width: 100%; }
ul.wpo_wcpdf-actions {
list-style: none;
margin: 0;
padding: 0; }
ul.wpo_wcpdf-actions li {
list-style: none;
margin: 0 4px 4px 0 !important;
padding: 0;
display: inline-block; }
ul.wpo_wcpdf-actions li a.button {
position: relative;
font-family: "TheMix", Arial, Helvetica, sans-serif;
font-weight: 600;
font-style: normal;
color: #f89d26;
display: inline-block;
background: transparent;
border: 2px solid #f89d26;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 30px;
line-height: 26px;
font-size: 14px;
padding: 0 10px;
text-decoration: none !important; }
.full-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
header {
display: none; }
.informationBar {
display: none;
background: #f89d26;
color: #fff;
position: relative;
padding: 40px;
position: absolute;
top: 122px;
z-index: 8;
width: 100%;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
.informationBar.active {
display: block; }
.informationBar #RemoveInfoBar {
position: absolute;
right: 10px;
top: 10px;
font-size: 40px;
cursor: pointer; }
#header {
position: fixed;
width: 100%;
z-index: 10;
top: 0; }
#header #navToggle {
display: none; }
#header #logo {
position: absolute;
top: 50%;
left: 10px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: calc(100% - 20px);
width: auto;
z-index: 2; }
#header #topNav {
position: relative;
height: 40px;
background: #f9f9f9; }
#header #topNav .container {
position: relative;
height: 100%; }
#header #topNav .container #siteToggler {
position: absolute;
display: none;
top: 50%;
left: 15px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 14px; }
#header #topNav .container #siteToggler .title {
display: inline-block; }
#header #topNav .container #siteToggler > ul.sites {
display: none;
position: absolute;
background: #fff;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
#header #topNav .container #siteToggler > ul.sites > li {
position: relative;
display: flex;
width: 330px;
background: #fff;
flex-flow: row wrap;
border-bottom: 1px solid #ddd; }
#header #topNav .container #siteToggler > ul.sites > li .logo {
position: relative;
width: 100px; }
#header #topNav .container #siteToggler > ul.sites > li .logo img {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: calc(100% - 20px); }
#header #topNav .container #siteToggler > ul.sites > li .content {
width: calc(100% - 100px);
padding: 15px 10px 15px 0;
font-size: 12px; }
#header #topNav .container #siteToggler > ul.sites > li .content h3 {
font-size: 18px; }
#header #topNav .container #siteToggler > ul.sites > li .content p {
line-height: 16px;
margin: 0; }
#header #topNav .container #siteToggler > ul.sites > li:last-child {
border-bottom: none; }
#header #topNav .container > .content {
position: absolute;
top: 50%;
right: 15px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: right; }
#header #topNav .container > .content > [class*="menu-"] > ul {
position: relative;
margin: 0; }
#header #topNav .container > .content > [class*="menu-"] > ul > li {
display: inline-block;
margin: 0 0 0 30px;
font-size: 14px;
list-style: none; }
#header #topNav .container > .content > [class*="menu-"] > ul > li i {
margin-right: 10px; }
#header #topNav .container > .content > [class*="menu-"] > ul > li > a {
display: block; }
#header #topNav .container > .content > [class*="menu-"] > ul > li:last-child > a {
display: block;
text-decoration: none !important;
position: relative;
font-family: "TheMix", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 600;
font-style: normal;
color: #f89d26;
display: block;
background: transparent;
border: 2px solid #f89d26;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 30px;
line-height: 26px;
padding: 0 10px; }
#header #headerSep {
position: relative;
width: 100%;
height: 2px; background: white; background: -moz-linear-gradient(left, white 0%, #f89d26 24%, #f89d26 100%); background: -webkit-linear-gradient(left, white 0%, #f89d26 24%, #f89d26 100%); background: linear-gradient(to right, white 0%, #f89d26 24%, #f89d26 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f89d26',GradientType=1 ); }
#header #mainNav {
position: relative;
background: #fff;
height: 80px;
-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07); }
#header #mainNav .container {
max-width: 1280px; }
#header #mainNav ul.menu-items {
display: flex;
flex-flow: row wrap; }
#header #mainNav ul.menu-items li.menu-item {
position: relative;
display: flex;
flex: 1;
flex-flow: row wrap;
border-right: 1px solid #ededed; }
#header #mainNav ul.menu-items li.menu-item .image {
position: relative;
width: 60px;
font-size: 30px;
text-align: center; }
#header #mainNav ul.menu-items li.menu-item .image i {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#header #mainNav ul.menu-items li.menu-item .image.bigger {
font-size: 40px;
color: rgba(0, 0, 0, 0.8);
color: #f89d26; }
#header #mainNav ul.menu-items li.menu-item .content {
position: relative;
padding: 20px 0;
width: calc(100% - 75px); }
#header #mainNav ul.menu-items li.menu-item .content h3 {
font-size: 18px;
font-style: normal;
margin: 0; }
#header #mainNav ul.menu-items li.menu-item .content p {
margin: 0;
font-size: 14px;
line-height: normal; }
#header #mainNav ul.menu-items li.menu-item:hover {
background: #f9f9f9; }
#header #mainNav ul.menu-items li.menu-item:first-child {
border-left: 1px solid #ededed; }
#pageContents {
position: relative;
margin-top: 122px; }
section {
position: relative;
padding: 60px 0; }
section.example {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 210px 0; }
section.example.example-small {
padding: 90px 0; }
section.example.bg-bottom {
background-position: center bottom; }
section.example .row {
align-items: center; }
section.example:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=1 ); content: '';
z-index: 0; }
section.example:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2); z-index: 1; }
section.example .section-title {
position: relative;
margin-bottom: 28px; }
section.example .section-title h2 {
color: #fff;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
line-height: 60px; }
section.example .section-title h3 {
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); }
section.example .photos {
position: relative;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: left;
background: #fff;
padding: 5px;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
z-index: 2; }
section.example .photos .photo {
position: relative;
display: block;
width: calc(100% / 4);
margin: 0; }
section.example .photos .photo.hide {
display: none; }
section.example .photos .photo img {
margin: 0; }
section.example .photos .photo a.imageFullLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7); }
section.example .photos .photo a.imageFullLink span {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: white;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
text-align: center;
font-size: 40px;
font-family: 'TheMix', sans-serif;
font-weight: 700; }
section.example .container {
position: relative;
z-index: 2; }
section.example:nth-child(2n):before { background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 ); }
section .videoContainer {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
section .videoContainer iframe, section .videoContainer object, section .videoContainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
section .section-title {
position: relative;
margin-bottom: 28px; }
section .section-title h2 {
color: #000; }
section .section-title h3 {
color: #f89d26;
font-size: 34px; }
#mainContent section .section-title {
font-size: 16px; }
#mainContent section .section-title h2 {
font-size: 34px;
font-style: normal;
margin: 0; }
#mainContent section .section-title p {
font-size: 16px;
line-height: 24px;
margin: 15px 0 0 0; }
section.orange-bg {
background-color: #f89d26;
color: #fff; }
section.orange-bg .section-title h3 {
color: #fff; }
section#parts .cat-list {
position: absolute;
bottom: 0; }
section.full { }
section.active-section {
background-color: #f9f9f9; }
section#testimonials {
position: relative;
background-size: cover; }
section#testimonials .overlayerBlack {
background: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0; }
section#testimonials h2 {
font-size: 34px;
font-style: normal;
margin: 0;
text-align: center;
color: #fff; }
section#testimonials h2 + p {
font-size: 21px;
line-height: 24px;
margin: 10px 0 0 0;
text-align: center;
color: #fff; }
section#testimonials div#testimonialSlider {
margin-top: 30px; }
section#testimonials div#testimonialSlider button.flickity-prev-next-button {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #fff !important;
width: 40px;
height: 40px; }
section#testimonials div#testimonialSlider button.flickity-prev-next-button .arrow {
fill: #FFF !important; }
section#testimonials div#testimonialSlider button.flickity-prev-next-button.previous {
left: 0px; }
section#testimonials div#testimonialSlider button.flickity-prev-next-button.next {
right: 0px; }
section#testimonials div#testimonialSlider .flickity-page-dots .dot {
margin: 0 5px 0;
width: 8px;
height: 8px;
background: rgba(255, 255, 255, 0.7); }
section#testimonials div#testimonialSlider .flickity-page-dots .dot.is-selected {
background: #fff; }
section#testimonials div#testimonialSlider div.carousel-cell {
background: #fff;
width: calc(100% - 120px) !important;
margin: 0 0 0 60px;
padding: 30px 60px;
border: 1px solid #ededed;
text-align: center;
font-size: 14px;
line-height: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
section#testimonials div#testimonialSlider div.carousel-cell:hover {
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
section#testimonials div#testimonialSlider div.carousel-cell h3 {
font-family: "TheMix", Arial, Helvetica, sans-serif;
font-size: 18px;
margin: 0 0 5px;
font-style: normal;
font-weight: 700; }
section#testimonials div#testimonialSlider div.carousel-cell p {
font-size: 14px;
line-height: 20px;
margin: 0 0 15px; }
section#testimonials div#testimonialSlider div.carousel-cell div.starRating {
display: flex;
gap: 3px;
font-size: 20px;
justify-content: center;
margin: 0 0 15px; }
section#testimonials div#testimonialSlider div.carousel-cell div.starRating i.full {
color: #f89d26; }
section#testimonials div#testimonialSlider div.carousel-cell div.starRating i.empty {
color: #cccccc; }
section h1.page-title {
font-size: 48px;
font-style: normal;
margin-bottom: 28px; }
section.content-normal a {
font-weight: 700;
color: #f89d26; }
section.content-normal a.btn {
font-weight: 600; }
section.content-normal ul li, section.content-normal ol li {
margin-left: 20px; }
section.the-content h2 {
font-size: 42px;
margin-bottom: 10px; }
section.the-content h3 {
font-size: 28px;
margin-bottom: 10px; }
.page-header {
position: relative;
height: 60vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom; }
.page-header.page-header-small {
height: 40vh; }
.page-header .container {
position: relative;
height: 100%; }
.page-header h1 {
position: absolute;
bottom: 30px;
left: 15px;
color: #fff;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.7); }
#slider {
position: relative; }
#slider .slide {
position: relative;
padding: 60px 0;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
color: #fff; }
#slider .slide:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: ''; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.9) 85%, rgba(0, 0, 0, 0.9) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.9) 85%, rgba(0, 0, 0, 0.9) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.9) 85%, rgba(0, 0, 0, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=1 ); z-index: 1; }
#slider .slide .content {
position: absolute;
top: 50%;
left: 0;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2; }
#slider .slide h1 {
color: #fff;
text-shadow: 0 10px 30px rgba(0, 0, 0, 0.37); }
#slider .slide p.subtitle {
font-family: 'TheMix', sans-serif;
font-style: italic;
font-size: 28px;
line-height: 38px;
margin: 0;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
#slider .slide .calcBlock h2 {
color: #fff; }
#slider .slide .review-include {
position: relative;
z-index: 2;
margin-top: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden; }
#slider .slide .review-module {
margin-top: 30px;
background: #fff;
color: #000;
z-index: 2; }
#slider .slide .review-module h5 {
color: #000;
font-family: 'TheMix', sans-serif; }
#slider .slide .review-module .average {
font-family: 'TheMix', sans-serif;
color: #f89d26; }
#slider .slide .review-module .average em {
font-style: normal;
color: #000;
font-size: 18px; }
#slider .slide .review-module .average span.bestRating {
color: #000;
font-size: 18px; }
.calcBlock {
position: relative;
font-family: 'TheMix', sans-serif;
z-index: 2; }
.calcBlock h2 {
font-size: 30px;
font-style: normal; font-weight: 700; }
.calcBlock form .block {
position: relative;
background: #f89d26;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 30px;
padding: 30px; }
.calcBlock form .btn {
border-color: #fff;
color: #fff;
font-size: 20px;
padding: 0 10px; }
.calcBlock form .btn:hover {
background: #fff;
color: #000;
border-color: #fff; }
.progression {
position: relative;
font-family: 'TheMix', sans-serif; }
.progression .step {
position: relative;
font-size: 22px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 2px solid #f89d26; }
.progression .step .title {
font-size: 13px; }
.photos img {
margin-bottom: 30px; }
.cat-list {
position: relative;
font-family: 'TheMix', sans-serif; }
.cat-list h4 {
margin-bottom: 15px; }
.cat-list .inner {
display: flex;
flex-flow: row wrap; }
.cat-list .inner .cat {
position: relative;
width: 50%; }
.cat-list .inner .cat a {
display: block;
background: #f9f9f9;
border: 1px solid #ededed;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-right: calc(5px / 2);
margin-bottom: 5px;
padding: 0 15px;
line-height: 42px;
font-size: 16px; }
.cat-list .inner .cat:nth-child(2n) a {
margin-right: 0;
margin-left: calc(5px / 2); }
.review-module {
position: relative;
border: 2px solid rgba(255, 255, 255, 0.4);
padding: 10px 15px 5px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
text-align: left !important; }
.review-module .module-content {
position: relative;
display: flex;
flex-flow: wrap; }
.review-module h5 {
color: #fff;
margin: 0; }
.review-module .stars {
position: relative;
display: inline-block;
color: #f89d26; }
.review-module .stars .half {
background: #f89d26; background: -moz-linear-gradient(left, #f89d26 0%, #f89d26 50%, #e5e5e5 51%, #e5e5e5 100%); background: -webkit-linear-gradient(left, #f89d26 0%, #f89d26 50%, #e5e5e5 51%, #e5e5e5 100%); background: linear-gradient(to right, #f89d26 0%, #f89d26 50%, #e5e5e5 51%, #e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$orange', endColorstr='#e5e5e5',GradientType=1 ); -webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.review-module .stars .empty {
color: #e5e5e5; }
.review-module .average {
position: relative;
display: inline-block;
text-align: center;
flex: 1;
font-size: 26px;
font-style: italic;
line-height: 40px;
color: #f89d26;
margin: 0 0 0 10px; }
.review-module .average em {
font-style: normal;
color: #fff;
font-size: 18px; }
.review-module .average span.bestRating {
color: #fff;
font-size: 18px; }
#progressionBar {
position: fixed;
display: none; bottom: 0;
left: 0;
width: 100%;
background: #f9f9f9;
z-index: 9; }
#progressionBar .progression-steps {
position: relative;
display: flex; }
#progressionBar .progression-steps .progression-step {
position: relative;
font-family: 'TheMix', sans-serif;
font-size: 12px;
padding: 15px;
flex: 1; }
#progressionBar .progression-steps .progression-step h3 {
font-size: 19px;
font-weight: 700;
font-style: normal;
line-height: 19px; }
#progressionBar .progression-steps .progression-step span.step {
font-size: 19px;
display: block;
line-height: 19px; }
#progressionBar .progression-steps .progression-step span.separator {
display: none; }
#progressionBar .progression-steps .progression-step span.title {
display: block;
line-height: 13px;
margin-top: 5px; }
#progressionBar .progression-steps .progression-step:before, #progressionBar .progression-steps .progression-step:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 4px;
background-color: #ededed;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#progressionBar .progression-steps .progression-step:after {
width: 0;
background-color: #f89d26; }
#progressionBar .progression-steps .progression-step.active:after {
width: 100%; }
#calcSummary {
position: fixed;
bottom: 0;
right: 30px;
width: 320px;
background: #fff;
padding: 30px;
font-size: 16px;
overflow: hidden;
font-family: 'TheMix', sans-serif;
-webkit-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
border: 1px solid #fff;
z-index: 9; }
#calcSummary #SummaryHTML {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#calcSummary #SummaryHTML.active div.SummaryRow {
display: none; }
#calcSummary #SummaryHTML.active div#SummaryTotalPrice {
margin: 0 -30px -30px -30px; }
#calcSummary #SummaryHTML.active h2 {
margin: -30px -30px 0 -30px; }
#calcSummary #SummaryHTML.active h2:hover:after {
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
#calcSummary #SummaryHTML.active h2:after {
-ms-transform: translateY(-50%) rotate(180deg);
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg); }
#calcSummary #SummaryHTML h2 {
position: relative;
font-size: 20px;
font-style: normal;
font-weight: 700;
margin: -30px -30px 25px -30px;
padding: 15px 30px;
background: #f89d26;
color: #fff; -webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
cursor: pointer; }
#calcSummary #SummaryHTML h2:hover:after {
-ms-transform: translateY(-50%) rotate(180deg);
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg); }
#calcSummary #SummaryHTML h2:after {
position: absolute;
content: '\66';
font-family: "schuttinggigant" !important;
font-size: 16px;
font-weight: normal;
top: 50%;
right: 30px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
#calcSummary #SummaryHTML #SummaryTotalPrice {
font-size: 22px;
font-weight: 700;
margin: 30px -30px -30px -30px;
padding: 15px 30px;
background: #ededed; }
#calcSummary #SummaryHTML .SummaryRow {
margin: 0 -30px;
padding: 0 30px;
background: #f9f9f9;
line-height: 40px; }
#calcSummary #SummaryHTML .SummaryRow:nth-child(2n) {
background: transparent; }
#calcSummary .loading-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
z-index: 2; }
#calcSummary .loading-container img {
position: absolute;
width: 50px;
height: auto;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#calcSummary .loading-container.active {
visibility: visible;
opacity: 1; }
div.FormQuoteWrapper {
margin: 0;
padding: 0; }
iframe#ARURL {
border-radius: 5px;
border: 1px solid #ededed;
width: 100%;
height: 32vw;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
body.page-template-page-calculator-hekwerk section#section-81 {
display: none; }
.TippedInfo {
display: inline-block; }
div.SummaryBar {
display: none !important; }
div.FormQuoteWrapper div.FormRow div.FormField select {
width: 100%;
font-family: "TheMix", Arial, Helvetica, sans-serif;
font-size: 17px;
height: 40px;
padding: 0 13px 1px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
div.crossSellWrapper {
width: 73%;
float: left; }
div.crossSellWrapper div.crossSell {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: align-self;
align-items: center;
margin-bottom: 10px;
padding: 10px 15px 10px 120px;
position: relative;
gap: 10px;
overflow: hidden; }
div.crossSellWrapper div.crossSell input {
margin: 0;
z-index: 1;
position: relative;
accent-color: #f89d26;
color: #fff; }
div.crossSellWrapper div.crossSell input:checked + label {
background: rgba(248, 157, 38, 0.1); }
div.crossSellWrapper div.crossSell span.amount {
margin-left: auto;
pointer-events: none;
z-index: 1;
position: relative;
font-weight: 600; }
div.crossSellWrapper div.crossSell span.name {
pointer-events: none;
z-index: 1;
position: relative;
font-family: 'TheMix', sans-serif;
font-weight: 700;
font-size: 18px; }
div.crossSellWrapper div.crossSell label {
cursor: pointer;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 1px solid #dadada;
width: 100%;
height: 100%;
border-radius: 5px;
background: #fafafa;
overflow: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
div.crossSellWrapper div.crossSell .crossSellDescription {
font-size: 13px;
margin-top: -10px;
line-height: 22px;
pointer-events: none;
z-index: 1;
position: relative;
width: 90%; }
div.crossSellWrapper div.crossSell .crossSellImage {
pointer-events: none;
z-index: 1;
position: absolute;
left: 0;
bottom: 0;
width: 100px;
height: 100%;
border-right: 1px solid #dadada; }
div.crossSellWrapper div.crossSell .crossSellImage img {
height: 100%;
width: 100%;
object-fit: cover; }
.ImageUploader {
position: relative;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 30px 0;
padding: 30px 0;
overflow: hidden; }
.calc-block {
position: relative;
width: 70%;
background: #f89d26;
color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 30px;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
font-family: 'TheMix', sans-serif; }
.home .calc-block {
width: auto;
margin-bottom: 30px; }
.page-template-wide .calc-block {
width: auto;
margin-bottom: 30px; }
.orange-bg .calc-block {
background: #fff;
color: #f89d26; }
.calc-block .FormRow {
position: relative;
height: 40px;
line-height: 40px;
font-size: 18px;
margin-bottom: 10px; }
.calc-block .FormRow label.error {
display: none !important; }
.calc-block .FormRow.FormDuplicator .InputGroup {
padding-right: 40px; }
.calc-block .FormRow.FormDuplicator a.buttonFormGroup {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
width: 30px;
height: 30px;
position: absolute;
right: 0;
top: 50%;
font-size: 28px;
line-height: 28px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.calc-block .FormRow.FormDuplicator a.cloneFormGroup {
background: rgba(255, 255, 255, 0.3);
color: rgba(0, 0, 0, 0.3); }
.calc-block .FormRow.FormDuplicator a.cloneFormGroup:hover {
color: #000;
background: #fff; }
.calc-block .FormRow.FormDuplicator a.removeFormGroup {
background: rgba(255, 255, 255, 0.3);
color: rgba(0, 0, 0, 0.3); }
.calc-block .FormRow.FormDuplicator a.removeFormGroup:hover {
color: #fff;
background: #cf0007; }
.calc-block .FormRow .TippedInfo {
line-height: 32px;
font-size: 20px;
color: rgba(0, 0, 0, 0.2); }
.calc-block .FormRow .InputGroup {
position: absolute;
top: 0;
right: 0;
width: 40%;
display: flex; }
.calc-block .FormRow .InputGroup .InputField {
position: relative;
width: calc(50% - 5px); }
.calc-block .FormRow .InputGroup .InputField input {
width: 100%;
text-align: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 10px;
border: 2px solid #fff; }
.orange-bg .calc-block .FormRow .InputGroup .InputField input {
background: #f0f0f0; }
.calc-block .FormRow .InputGroup .InputField input.error {
border: 2px solid #cf0007; }
.calc-block .FormRow .InputGroup .InputField:last-child {
margin-left: 10px; }
.calc-block .FormRow .InputGroup .InputField.InputMeters:after {
position: absolute;
content: 'm';
top: 50%;
right: 10px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #a9a9a9; }
.calc-block .FormRow .InputGroup .InputField.InputCentimeters:after {
position: absolute;
content: 'cm';
top: 50%;
right: 10px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #a9a9a9; }
.calc-block .FormRow select {
width: 40%;
float: right;
height: 40px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 10px; }
.calc-block .FormRow .switch {
width: 40%;
float: right; }
.calc-block .FormRow #CalculatorZipcode, .calc-block .FormRow #CalculatorCoupon {
width: 40%;
float: right;
padding: 0 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.orange-bg .calc-block .FormRow #CalculatorZipcode,
.orange-bg .calc-block .FormRow #CalculatorCoupon {
background: #f0f0f0; }
.calc-block .FormRow #CalculatorZipcode.error, .calc-block .FormRow #CalculatorCoupon.error {
border: 2px solid #cf0007; }
.calc-block .CalculatorCoupon {
background: #fff;
width: 100%;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
font-size: 18px !important;
padding: 20px;
height: auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-family: 'TheMix', sans-serif;
color: #000; }
.calc-block .CalculatorCoupon input#CalculatorCoupon {
width: 100%;
float: none;
border: 1px solid #dadada;
font-family: 'TheMix', sans-serif; }
.Calculator {
position: relative; }
div.SummarySlide div.FormSection table.SummarySlide {
font-family: 'Open Sans', sans-serif;
margin-top: 15px;
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
div.SummarySlide div.FormSection table.SummarySlide thead tr td {
border: none !important; }
div.SummarySlide div.FormSection table.SummarySlide tbody tr td {
border: none !important; }
div.SummarySlide div.FormSection table.SummarySlide tbody tr:nth-child(2n + 2) td {
background: rgba(0, 0, 0, 0.05); }
.calc-info {
position: absolute;
width: 40%;
top: 0;
left: calc(100% + 30px);
color: #000;
font-family: 'Open Sans', sans-serif; }
.calc-info p {
font-size: 13px;
line-height: 21px;
margin-bottom: 21px; }
div.WoodButtons {
display: flex;
margin: 0 -5px;
text-align: center;
justify-content: center; }
div.WoodButtons div.WoodButtonWrapper {
position: relative;
width: calc(100% / 5);
margin: 0 10px; }
div.WoodButtons div.InformationAboutTerm {
position: absolute;
right: 10px;
top: 10px;
z-index: 2;
cursor: pointer;
color: #008ae1;
width: 26px;
height: 26px;
line-height: 30px;
background: #fff;
border-radius: 50%;
text-align: center; }
div.WoodButtons span {
font-family: 'TheMix', sans-serif;
width: 100%;
line-height: 20px;
font-size: 16px;
font-weight: 700;
padding: 15px 0 0;
display: inline-block;
color: #000; }
div.WoodButtons a.WoodButton {
position: relative;
font-family: 'TheMix', sans-serif;
text-decoration: none; }
div.WoodButtons a.WoodButton:before {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: '\79';
font-family: "schuttinggigant" !important;
width: 42px;
height: 42px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #f89d26;
color: #fff;
border: 2px solid #fff;
line-height: 38px;
font-size: 16px;
text-align: center;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
opacity: 0;
visibility: hidden;
z-index: 1; }
div.WoodButtons a.WoodButton img {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
border: 4px solid #FFF;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
display: inline-block; }
div.WoodButtons a.WoodButton:hover img {
background: #f89d26;
color: #fff;
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05); }
div.WoodButtons a.WoodButton.Active:before {
visibility: visible;
opacity: 1; }
div.WoodButtons a.WoodButton.Active img {
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
border-color: #f89d26; }
.products-container {
position: relative; }
.products-container .products {
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: 0 -15px; }
.products-container .products .product-option .Product .ProductInfo {
padding-bottom: 130px !important; }
.products-container .products .product-option .Active div.Options span {
color: #fff !important; }
.products-container .products div.Options {
width: calc(100% - 30px);
position: absolute;
bottom: 65px;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
font-family: 'TheMix', sans-serif;
pointer-events: all !important;
z-index: 222; }
.products-container .products div.Options span {
position: absolute;
width: 100%;
top: -30px;
left: 0;
color: #000;
line-height: 30px;
font-size: 14px;
display: block;
background: transparent;
text-align: left; }
.products-container .products div.Options select {
font-size: 14px;
border-radius: 5px;
-webkit-border-radius: 5px;
background: #fff; }
.products-container .products div.Options .options {
width: 100%;
height: 30px;
border: 1px solid #ccc;
pointer-events: all !important;
position: relative;
z-index: 222; }
.products-container .products div.Options .options.jscolor {
text-align: center; }
.products-container .products .product {
position: relative;
width: calc(100% / 4);
margin: 30px 0 0 0; }
.products-container .products .product .Product {
padding: 0;
overflow: visible;
background: transparent !important; }
.products-container .products .product .Product.NoSelection {
pointer-events: none; }
.products-container .products .product .Product.NoSelection div.AmountButtons {
pointer-events: all; }
.products-container .products .product .Product.NoSelection.Active .ProductContent {
background: #fff;
box-shadow: none;
border: 1px solid #ededed; }
.products-container .products .product .Product.NoSelection.Active .ProductContent .ProductInfo {
color: #000; }
.products-container .products .product .Product.NoSelection.Active .ProductContent .ProductInfo div.Amount:after {
display: none; }
.products-container .products .product .Product.NoSelection.Active .ProductContent .ProductInfo div.Amount div.AmountButtons {
pointer-events: all; }
.products-container .products .product .Product .ProductContent {
position: relative;
margin: 0 15px;
border: 1px solid #ededed;
background: #f0f0f0;
height: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden; }
.FormAttachedProducts .products-container .products .product .Product .ProductContent {
background: #fff; }
.products-container .products .product .Product div.ProductInfo {
padding-bottom: 70px; }
.products-container .products .product .Product div.ProductInfo div.Title {
font-family: 'TheMix', sans-serif;
font-weight: 900;
height: auto;
line-height: 20px;
white-space: normal; }
.products-container .products .product .Product div.ProductInfo div.Description {
height: auto;
line-height: 20px;
white-space: normal; }
.products-container .products .product .Product div.ProductInfo div.Description ul {
border-top: 1px solid #dadada;
margin: 10px 0 0;
padding: 10px 0 0; }
.products-container .products .product .Product div.ProductInfo div.Description ul li {
padding-left: 34px;
position: relative;
text-align: left;
margin-bottom: 3px; }
.products-container .products .product .Product div.ProductInfo div.Description ul li:after {
position: absolute;
font-family: "schuttinggigant" !important;
color: #f89d26;
text-align: center;
font-size: 18px;
line-height: 24px;
content: '\77';
width: 24px;
height: 24px;
top: 0px;
left: 0px; }
.products-container .products .product .Product div.ProductInfo div.Amount {
position: absolute;
bottom: 15px;
left: 15px;
width: calc(100% - 30px);
font-family: 'TheMix', sans-serif;
font-size: 16px;
line-height: 36px;
background: #f89d26;
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.3);
margin: 0; }
.products-container .products .product .Product div.ProductInfo div.Amount input {
visibility: hidden; }
.products-container .products .product .Product div.ProductInfo div.Amount:after {
position: absolute;
font-family: "schuttinggigant" !important;
color: #fff;
text-align: center;
font-size: 24px;
line-height: 24px;
content: '\77';
width: 24px;
height: 24px;
top: 50%;
right: 8px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: none; }
.products-container .products .product .Product div.ProductInfo div.Amount:hover {
border-color: rgba(255, 255, 255, 0.7);
color: #fff;
background: #f89d26;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
.FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount {
border: none;
cursor: default;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
background: transparent !important; }
.FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount:hover {
background: transparent; }
.FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount span {
position: absolute;
width: 100%;
top: -30px;
left: 0;
color: #000;
line-height: 30px;
font-size: 14px;
display: block;
background: transparent; }
.FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount .AmountButtons {
position: absolute;
top: 0;
right: 0;
height: 40px;
display: flex;
align-items: center; }
.FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount .AmountButtons > div {
position: relative;
width: 32px;
height: 32px;
margin-left: 2px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
top: 0;
left: 0;
background: transparent;
border: 2px solid #f89d26;
color: #f89d26;
line-height: 26px;
text-align: center;
font-weight: 700;
font-size: 28px;
font-family: 'Open Sans', sans-serif;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount .AmountButtons > div:hover {
background: #f89d26;
border-color: rgba(255, 255, 255, 0.7);
color: #fff;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
.FormAttachedProducts .products-container .products .product .Product div.ProductInfo div.Amount input {
position: absolute;
visibility: visible;
top: 0;
left: 0;
width: 50%;
padding: 0 10px;
text-align: right;
background: #f0f0f0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.products-container .products .product .Product.Active .ProductContent {
background: #f89d26;
border-color: #f89d26;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
border-color: #fff; }
.products-container .products .product .Product.Active div.ProductInfo {
color: #fff; }
.products-container .products .product .Product.Active div.ProductInfo div.Description ul li:after {
color: #fff; }
.products-container .products .product .Product.Active div.ProductInfo div.Amount {
border-color: #fff !important;
background: #fff !important;
color: #f89d26 !important;
pointer-events: none;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
.products-container .products .product .Product.Active div.ProductInfo div.Amount:after {
display: block;
color: #f89d26 !important; }
.products-container .products .product .Product:hover {
color: inherit; }
.products-container .products .product .Product:hover div.ProductContent {
cursor: pointer;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
border-color: #fff; }
.FormAttachedProducts .products-container .products .product .Product:hover div.ProductContent {
cursor: default;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #f0f0f0; }
.products-container .products .product .Product:hover div.ProductInfo div.Amount {
border-color: rgba(255, 255, 255, 0.7);
color: #fff;
background: #f89d26;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
.products-container .extraOption {
margin-top: 20px;
border-radius: 5px;
border: 1px solid #dadada;
background: #fafafa;
padding: 10px 15px;
position: relative; }
.products-container .extraOption input {
display: inline-block;
width: 16px;
float: left;
height: 30px;
line-height: 30px; }
.products-container .extraOption label {
display: inline-block;
width: calc(100% - 36px);
float: right;
height: auto;
line-height: 28px;
cursor: pointer;
margin: 0; }
div.FormExclamation {
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
line-height: 45px; }
.products-container .extraOption {
font-family: 'TheMix', sans-serif;
background: #f89d26;
border-width: 2px;
border-color: rgba(255, 255, 255, 0.7);
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
.products-container .extraOption label {
line-height: 30px;
font-size: 16px;
color: #fff; }
div#Category-18 div.InformationBar {
display: none; }
div.InformationBar {
width: 100% !important;
font-size: 14px;
color: #000;
background: #f0f0f0;
margin: 30px 0 0 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: flex;
align-items: center; }
div.InformationBar:before {
color: #fff;
font-size: 26px;
font-weight: normal;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
content: '\44';
font-family: "schuttinggigant" !important; }
.FormAttachedProducts div.InformationBar { }
#SpecificationsContent {
position: relative; }
#SpecificationsContent div.ProductsWrapper {
margin: 0; }
@keyframes glowing {
0% {
top: -150px; }
100% {
top: 100%; } }
.ProductsWrapper {
margin: 0 !important; }
.ProductsWrapper .choiceWrapper div.container {
position: relative;
padding: 50px 15px; }
.ProductsWrapper .choiceWrapper div.container:before {
content: "";
width: 2px;
height: 100%;
position: absolute;
left: -24px;
top: 0;
background: #f89d26; }
.ProductsWrapper .choiceWrapper h2 {
font-size: 34px;
font-style: normal;
margin: 0 0 15px; }
.ProductsWrapper .choiceWrapper h2 + p {
font-size: 16px;
line-height: 24px;
margin: 0 0 15px; }
.ProductsWrapper .choiceWrapper .choice {
background: #fff;
border: 1px solid #f89d26;
padding: 20px;
height: 100%;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.ProductsWrapper .choiceWrapper .choice:hover {
background: rgba(51, 51, 51, 0.7);
color: #fff;
border: 1px solid #fff; }
.ProductsWrapper .choiceWrapper .choice:hover .btn {
color: #fff;
border: 2px solid #fff; }
.ProductsWrapper .choiceWrapper .choice.active {
background: #f89d26;
color: #fff;
border: 1px solid #fff; }
.ProductsWrapper .choiceWrapper .choice.active .btn {
color: #fff;
border: 2px solid #fff; }
.ProductsWrapper .choiceWrapper .choice h3 {
font-size: 24px;
font-style: normal;
margin: 0 0 15px; }
.ProductsWrapper .choiceWrapper .choice p {
font-size: 14px;
margin: 0 0 15px; }
.ProductsWrapper .choiceWrapper .choice img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
max-height: 150px;
width: 100%;
object-fit: cover; }
.ProductsWrapper > section {
border-bottom: 1px solid #f0f0f0;
padding-bottom: 110px;
counter-increment: section; }
.ProductsWrapper > section:before {
position: absolute;
content: '';
width: 100%; top: 0;
left: 0;
background: rgba(255, 255, 255, 0.75);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
z-index: 1; }
.ProductsWrapper > section a.section-nav {
position: absolute;
top: calc(100% + 30px);
left: 50%;
width: auto;
height: 48px;
border: 2px solid #f89d26; font-size: 16px;
line-height: 44px;
font-family: 'TheMix', sans-serif;
font-weight: 700;
padding: 0 20px;
text-transform: uppercase;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
color: #f89d26;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
overflow: hidden; }
.ProductsWrapper > section a.section-nav:before {
position: absolute;
top: -50px;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 150px 150px 0 150px;
border-color: rgba(248, 157, 38, 0.2) transparent transparent transparent;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
animation: glowing 2500ms infinite;
z-index: -1; }
.ProductsWrapper > section a.section-nav:after {
position: absolute;
font-family: "schuttinggigant" !important;
text-transform: none;
color: #fff;
text-align: center;
font-size: 18px;
font-weight: normal;
line-height: 24px;
content: '\78';
width: 24px;
height: 24px;
bottom: 0;
left: 50%;
opacity: 0;
visibility: hidden;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.ProductsWrapper > section a.section-nav i {
position: absolute;
top: 46%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
display: none;
line-height: 8px; }
.ProductsWrapper > section a.section-nav span {
position: relative; }
.ProductsWrapper > section a.section-nav:hover {
background: #f89d26;
border-color: rgba(255, 255, 255, 0.7);
color: #fff;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
.ProductsWrapper > section a.section-nav:hover:before {
animation: glowing 1000ms infinite;
border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent; }
.ProductsWrapper > section .section-title:before {
position: absolute;
content: counter(section);
width: 48px;
height: 48px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #fff;
border: 2px solid #f89d26;
text-align: center;
line-height: 42px;
font-family: 'TheMix', sans-serif;
font-size: 26px;
color: #f89d26;
top: -5px;
right: calc(100% + 15px);
z-index: 3; }
.ProductsWrapper > section > .container {
position: relative; }
.ProductsWrapper > section > .container:before, .ProductsWrapper > section > .container:after {
position: absolute;
top: -60px;
left: -24px;
width: 2px;
height: calc(100% + 170px);
content: '';
background: #ededed;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
z-index: 2; }
.ProductsWrapper > section > .container:after {
background-color: #f89d26;
height: 0; }
.ProductsWrapper > section.active {
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
.ProductsWrapper > section.active:before {
opacity: 0;
visibility: hidden; }
.ProductsWrapper > section.active > .container:after {
height: 60px; }
.ProductsWrapper > section.completed a.section-nav {
background: #f89d26;
height: 54px;
border-color: rgba(255, 255, 255, 0.7);
color: #fff;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
.ProductsWrapper > section.completed a.section-nav:before {
display: none;
animation: glowing 1000ms infinite;
border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent; }
.ProductsWrapper > section.completed a.section-nav:after {
opacity: 1;
visibility: visible; }
.ProductsWrapper > section.completed:before {
opacity: 0;
visibility: hidden; }
.ProductsWrapper > section.completed > .container:after {
height: calc(100% + 170px); }
.woocommerce #order_review {
position: relative;
background: #fff;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
padding: 15px; }
.woocommerce #order_review table.shop_table {
border: none;
border-collapse: collapse;
font-size: 14px; }
.woocommerce #order_review table.shop_table thead tr th {
background: #f89d26;
color: #fff;
padding: 15px;
font-family: 'TheMix', sans-serif;
font-weight: 700;
font-size: 18px; }
.woocommerce #order_review table.shop_table tbody tr.order_item td {
border: none;
padding: 15px;
background: #f9f9f9;
line-height: normal; }
.woocommerce #order_review table.shop_table tbody tr.order_item td p {
line-height: normal;
font-size: inherit; }
.woocommerce #order_review table.shop_table tbody tr.order_item:nth-child(2n) td {
background: transparent; }
.woocommerce #order_review table.shop_table tfoot tr th, .woocommerce #order_review table.shop_table tfoot tr td {
padding: 15px;
line-height: normal; }
.woocommerce #order_review table.shop_table tfoot tr:nth-last-child(2) {
display: none; }
.woocommerce-checkout #payment {
background: transparent;
padding: 0;
font-size: 14px; }
.woocommerce-checkout #payment h2 {
font-size: 28px;
font-style: normal;
margin-bottom: 10px; }
.woocommerce-checkout #payment ul.payment_methods {
display: flex;
flex-flow: row wrap;
margin: 0 -5px;
padding: 0;
border: none; }
.woocommerce-checkout #payment ul.payment_methods li {
width: calc((100% / 3) - 10px);
margin: 0 5px; }
.woocommerce-checkout #payment ul.payment_methods li input {
display: none; }
.woocommerce-checkout #payment ul.payment_methods li input:checked + label {
background: #f89d26;
color: #fff;
border-color: rgba(255, 255, 255, 0.6);
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
.woocommerce-checkout #payment ul.payment_methods li label {
position: relative;
display: block;
border: 2px solid #ddd;
padding: 10px 15px;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.woocommerce-checkout #payment ul.payment_methods li label img {
width: 32px !important; }
.woocommerce-checkout #payment ul.payment_methods li label .payment_box {
position: absolute;
bottom: 0;
right: 0;
width: auto;
margin: 0;
padding: 5px 10px;
line-height: normal;
font-size: 12px;
background: #fff;
color: #f89d26;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
display: none !important;
z-index: 1; }
.woocommerce-checkout #payment ul.payment_methods li label .payment_box:before {
display: none; }
.woocommerce-checkout #payment ul.payment_methods li label .payment_box p {
font-size: 12px;
line-height: normal; }
.woocommerce-checkout #payment ul.payment_methods li label.active {
background: #f89d26;
color: #fff;
border-color: rgba(255, 255, 255, 0.6);
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
.woocommerce-checkout #payment div.foot {
padding: 0;
margin-top: 15px; }
.woocommerce-checkout #payment #place_order {
float: none;
display: inline-block; }
.PaymentStatusIcon {
width: 20px;
height: 20px;
border-radius: 50%;
font-size: 20px;
position: absolute;
right: -10px;
top: -10px;
border: 1px solid #FFF; }
.NotPayed {
background-color: #ed0000; }
.PaymentPending {
background-color: #ff9c00; }
.Payed {
background-color: #87e500; }
#pageContents.user-area {
margin-top: 42px;
font-size: 14px; }
#pageContents.user-area h3 {
margin-bottom: 30px; }
#pageContents.user-area h4 {
margin-bottom: 10px; }
#pageContents.user-area h5 {
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
line-height: 21px; }
#pageContents.user-area p {
font-size: 14px;
line-height: 21px;
margin-bottom: 21px; }
#pageContents.user-area p:last-child {
margin-bottom: 0; }
#pageContents.user-area a {
text-decoration: underline; }
#pageContents.user-area ul li {
margin-left: 20px;
line-height: 21px; }
#pageContents.user-area ul.product-list li {
position: relative;
display: block;
line-height: 28px;
margin: 0 0 5px 0;
list-style: none; }
#pageContents.user-area ul.product-list li input[type="checkbox"] {
position: absolute;
top: 50%;
left: 10px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
#pageContents.user-area ul.product-list li input[type="number"] {
position: absolute;
top: 50%;
left: 0px;
width: 80px;
height: 100%;
border: 2px solid #ddd;
padding: 0 10px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
#pageContents.user-area ul.product-list li input[type="number"] + label {
padding: 5px 10px 5px 100px; }
#pageContents.user-area ul.product-list li label {
display: block;
cursor: pointer;
padding: 5px 10px 5px 30px;
border: 2px solid #ddd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
#pageContents.user-area ul.product-list li.active label {
border-color: #f89d26;
background: #f89d26;
color: #fff; }
#pageContents.user-area .block {
position: relative;
display: block;
margin-bottom: 15px;
padding: 20px;
border: 1px solid #ddd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
#pageContents.user-area .block h4 {
position: relative;
padding: 0 0 15px;
margin: 0 0 15px; }
#pageContents.user-area .block h4:after {
content: "";
border-bottom: 1px solid #ddd;
position: absolute;
bottom: 0;
left: 0;
width: 100%; }
#pageContents.user-area .block textarea {
width: 100%;
max-height: 300px;
border: 1px solid #ddd;
padding: 10px 20px;
margin: 0 0 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
#pageContents.user-area .block .signature-pad .signature-pad-body canvas {
border: 1px solid #dadada;
margin: 0 auto 20px;
display: table;
width: 380px;
height: auto;
height: 180px; }
#pageContents.user-area .block .signature-pad .description {
text-align: center;
margin: 0 auto 10px; }
#pageContents.user-area .block div.TotalPrice {
width: 100%;
text-align: center;
cursor: default;
margin: 15px 0 0 0; }
#pageContents.user-area .block .custom-control-label {
line-height: 22px; }
#pageContents.user-area .block .returnListDescription {
width: 100%;
max-height: 300px;
border: 1px solid #ddd;
padding: 10px 20px;
margin: 0 0 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
#pageContents.user-area div.height100 div.block {
height: calc(100% - 15px); }
body.page-template-dashboard .modal-backdrop {
background: #FFF; }
body.page-template-dashboard .modal-backdrop.show {
opacity: 1 !important; }
#calendar h2 {
font-size: 24px;
font-style: normal; }
#calendar .fc .fc-axis, #calendar .fc button, #calendar .fc-day-grid-event .fc-content, #calendar .fc-list-item-marker, #calendar .fc-list-item-time, #calendar .fc-time-grid-event .fc-time, #calendar .fc-time-grid-event.fc-short .fc-content {
white-space: normal;
padding: 5px;
font-size: 12px;
font-weight: 600; }
#calendar .fc-event {
height: 60px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#calendar .fc-event:hover {
z-index: 10 !important;
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
section.light-bg {
background: #ebebeb; }
section.light-bg h2 {
font-size: 28px;
font-style: normal; }
.blogs {
position: relative;
display: flex;
flex-flow: row wrap;
margin: 0 -15px; }
.blogs .blog {
position: relative;
width: calc((100% / 2) - 30px);
margin: 15px;
display: flex;
flex-flow: row wrap;
align-items: center; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ddd;
background: #fff;
overflow: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.blogs .blog .blog-image {
position: relative;
width: 50%;
background-color: #f0f0f0; }
.blogs .blog .blog-image:before {
display: block;
padding-bottom: 100%;
content: ''; }
.blogs .blog .blog-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center; }
.blogs .blog .blog-content {
position: relative;
width: 50%;
padding: 15px; }
.blogs .blog .blog-content p {
font-size: 13px;
line-height: 22px; }
.blogs .blog .blog-content h2 {
font-size: 20px;
font-style: normal;
margin-bottom: 10px; }
.blogs .blog:hover {
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
.wp-pagenavi {
position: relative;
display: block;
text-align: center; }
.wp-pagenavi .pages {
display: block;
margin-bottom: 10px; }
.wp-pagenavi a, .wp-pagenavi span.current, .wp-pagenavi span.extend {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
background-color: #f0f0f0;
color: #000;
margin: 0 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.first, .wp-pagenavi a.last, .wp-pagenavi span.current.previouspostslink, .wp-pagenavi span.current.nextpostslink, .wp-pagenavi span.current.first, .wp-pagenavi span.current.last, .wp-pagenavi span.extend.previouspostslink, .wp-pagenavi span.extend.nextpostslink, .wp-pagenavi span.extend.first, .wp-pagenavi span.extend.last {
width: auto;
padding: 0 10px; }
.wp-pagenavi a:hover, .wp-pagenavi a.current, .wp-pagenavi span.current:hover, .wp-pagenavi span.current.current, .wp-pagenavi span.extend:hover, .wp-pagenavi span.extend.current {
background: #f89d26;
color: #fff; }
.wp-pagenavi span.extend {
background: #f9f9f9;
pointer-events: none; }
#footer {
position: relative;
background: #363636;
color: #fff;
padding: 60px 0;
font-family: 'TheMix', sans-serif;
font-size: 16px; }
#footer a {
color: #fff; }
#footer ul li {
list-style: none;
margin: 0;
line-height: 24px; }
#footer .footer-row {
position: relative;
display: flex; }
#footer .footer-row .contact-block {
position: relative;
width: 300px;
margin: -60px 0;
padding: 30px;
min-height: 100%;
background: #4a4a4a;
text-align: center; }
#footer .footer-row .contact-block img {
max-width: 150px;
height: auto;
vertical-align: middle;
margin-bottom: 30px; }
#footer .footer-row .row {
width: calc(100% - 330px);
margin-left: 30px; }
#footer h3 {
font-size: 20px;
font-weight: 700;
font-style: normal;
color: #fff;
margin-bottom: 15px; }
#footer .review-module {
display: block; }
#footer .review-include {
position: relative;
z-index: 2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
display: block;
border: 1px solid #fff; }
#footer .widget {
margin-bottom: 25px; }
#footer .widget.whatsapp {
margin: 25px 0 0 0; }
#footer .widget.whatsapp i {
font-size: 30px; }
.gform_wrapper.gravity-theme .gform_body h3 {
color: #fff;
font-style: normal; }
.gform_wrapper.gravity-theme .gform_body .gfield_label {
font-family: "TheMix", Arial, Helvetica, sans-serif;
color: #fff;
font-size: 18px;
font-weight: normal; }
.gform_wrapper.gravity-theme .gform_body input, .gform_wrapper.gravity-theme .gform_body textarea {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;
font-family: "TheMix", Arial, Helvetica, sans-serif;
font-size: 18px;
height: 40px; }
.gform_wrapper.gravity-theme .gform_body .gform_drop_area {
background: rgba(255, 255, 255, 0.7); }
.gform_wrapper.gravity-theme .gform_body .gform_drop_area * {
font-family: "TheMix", Arial, Helvetica, sans-serif; }
.gform_wrapper.gravity-theme .gform_body .gform_drop_area span.gform_drop_instructions {
color: #000; }
.gform_wrapper.gravity-theme .gform_body .gform_drop_area input, .gform_wrapper.gravity-theme .gform_body .gform_drop_area button {
cursor: pointer;
position: relative;
font-family: "TheMix", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 600;
font-style: normal;
color: #f89d26;
display: inline-block;
background: #fff;
border: 2px solid #f89d26;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 42px;
line-height: 38px;
padding: 0 10px;
text-decoration: none !important; }
.gform_wrapper.gravity-theme .gform_body .gform_drop_area input:hover, .gform_wrapper.gravity-theme .gform_body .gform_drop_area button:hover { background: #f89d26;
color: #fff; }
.gform_wrapper.gravity-theme .gform_body .ginput_preview {
width: 100%;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: "TheMix", Arial, Helvetica, sans-serif;
height: 40px;
line-height: 40px;
padding: 0 10px; }
.gform_wrapper.gravity-theme .gform_body .ginput_preview button {
color: #c02b0a;
float: right;
height: 40px;
line-height: 40px; }
.gform_wrapper.gravity-theme .gform_body .ginput_preview button span.dashicons {
height: 100%;
line-height: 40px; }
.gform_wrapper.gravity-theme .gform_body .gchoice {
position: relative;
width: 100%;
height: 40px;
line-height: 40px;
margin-top: 5px; }
.gform_wrapper.gravity-theme .gform_body .gchoice:first-child {
margin: 0; }
.gform_wrapper.gravity-theme .gform_body .gchoice input {
visibility: hidden; }
.gform_wrapper.gravity-theme .gform_body .gchoice label {
line-height: 43px;
font-family: "TheMix", Arial, Helvetica, sans-serif;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 10px;
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
opacity: 0.7;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.gform_wrapper.gravity-theme .gform_body .gchoice label:hover {
opacity: 1; }
.gform_wrapper.gravity-theme .gform_body .gchoice input:checked + label {
opacity: 1; }
.gform_wrapper.gravity-theme .gform_body .gchoice input:checked + label:after {
display: block;
color: #f89d26 !important;
position: absolute;
font-family: "schuttinggigant" !important;
color: #fff;
text-align: center;
font-size: 24px;
line-height: 24px;
content: '\77';
width: 24px;
height: 24px;
top: 50%;
right: 15px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.gform_wrapper.gravity-theme .gform_body textarea {
max-height: 120px; }
.gform_wrapper.gravity-theme .gform_body .gform_fields {
background: #f89d26;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 20px;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
.gform_wrapper.gravity-theme .gform_footer input.button {
cursor: pointer;
position: relative;
font-family: "TheMix", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 600;
font-style: normal;
color: #f89d26;
display: inline-block;
background: transparent;
border: 2px solid #f89d26;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 42px;
line-height: 38px;
padding: 0 10px;
text-decoration: none !important; }
.gform_wrapper.gravity-theme .gform_footer input.button:hover { background: #f89d26;
color: #fff; }  .form-control:disabled, .form-control[readonly] {
background-color: rgba(248, 157, 38, 0.1); }
table {
font-size: 14px; }
table.table tr td, table.table tr th {
padding: 15px; }
table.align-middle td {
vertical-align: middle; }
table .buttonIcon {
text-decoration: none;
background: #f89d26;
width: 30px;
height: 30px;
text-align: center;
line-height: 28px;
vertical-align: middle;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff !important;
margin-left: 5px;
text-decoration: none !important; }
table .buttonIcon i {
margin: 0; }
table .buttonIcon:first-child {
margin-left: 0; }
form.normal {
font-size: 14px; }
form.normal .form-group {   }
form.normal label {
display: block;
font-weight: normal;
margin-bottom: 5px; }
form.normal .form-check label {
font-weight: normal; }
form .form-inline input {
min-width: 150px; }
form .form-inline span {
display: inline-block;
margin: 0 5px; }
form > table tr td:first-child {
width: 30%; }
form > table tr td p {
font-size: 12px;
line-height: 18px; }
form > table.half tr td {
width: 50%; }
form > table.half tr td:first-child {
width: 50%; }
form > table.quarter tr td {
width: 25%; }
form > table.quarter tr td:first-child {
width: 25%; }
.inputs {
position: relative; }
.inputs.inputs-radio {
font-size: 0;
margin: 0; }
.inputs.inputs-radio .input {
position: relative;
display: inline-block;
font-size: 0;
margin: 0;
padding: 0;
min-width: 50px;
height: 35px;
border: 2px solid #f89d26;
overflow: hidden; }
.inputs.inputs-radio .input input[type="radio"] {
position: absolute;
visibility: hidden;
top: 0;
left: 0;
margin: 0; }
.inputs.inputs-radio .input input[type="radio"]:checked + label {
color: #f89d26; }
.inputs.inputs-radio .input label {
display: block; margin: 0;
padding: 0 15px;
line-height: 33px;
font-size: 14px;
font-weight: 600; margin: 0;
text-align: center;
cursor: pointer; }
.inputs.inputs-radio .input:first-child {
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px; }
.inputs.inputs-radio .input:last-child {
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
border-left: none; }
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(248, 157, 38, 0.03); }
.table-hover tbody tr:hover {
background-color: rgba(248, 157, 38, 0.07); }
.nav-header {
margin-bottom: 30px; }
.nav-header ul {
list-style: none; }
.nav-header ul li {
list-style: none;
margin: 0; }
.nav-header .nav-pills {
margin-bottom: 0 !important;
border-bottom: 1px solid rgba(248, 157, 38, 0.2);
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0; }
.nav-header .nav-pills .nav-item {
margin-right: 5px !important;
margin-left: 5px !important;
border: 1px solid rgba(248, 157, 38, 0.3);
border-bottom: none;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; }
.nav-header .nav-pills .nav-item a {
text-decoration: none;
font-size: 16px;
padding: 10px 15px;
font-weight: 700;
font-family: 'TheMix';
background: rgba(248, 157, 38, 0.1);
color: rgba(248, 157, 38, 0.5);
text-decoration: none !important;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; }
.nav-header .nav-pills .nav-item a:hover {
background: rgba(248, 157, 38, 0.1); }
.nav-header .nav-pills .nav-item a.active {
background: #fff;
color: #f89d26;
border-bottom: 1px solid #fff;
margin-bottom: -1px; }
@media screen and (max-width: 767px) {
table tr th {
white-space: nowrap; }
table tr td {
display: block; }
.table-responsive table tr td {
display: table-cell; }
table tr > td:nth-child(2n) {
border-top: none; }
.table-responsive table tr > td:nth-child(2n) {
border-top: 1px solid rgba(248, 157, 38, 0.15); }
form.normal {
font-size: 14px; }
form.normal .form-group {   }
form.normal label {
display: block;
font-weight: normal;
margin-bottom: 5px; }
form.normal .form-check label {
font-weight: normal; }
form .form-inline input {
min-width: 150px; }
form .form-inline span {
display: inline-block;
margin: 0 5px; }
form#coachTypeForm { }
form > table tr th {
white-space: nowrap; }
form > table tr td:first-child {
width: 100%; }
form > table tr td p {
font-size: 12px;
line-height: 18px; }
form > table tr td:nth-child(odd) {
padding-bottom: 5px; }
form > table tr td:nth-child(even) {
padding-top: 5px; }
form > table.half tr td {
width: 100%; }
form > table.half tr td:first-child {
width: 100%; }
form > table.quarter tr td {
width: 100%; }
form > table.quarter tr td:first-child {
width: 100%; } }
.OverlayerBackground {
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 150;
display: none; }
a.openbtn {
position: absolute;
top: 15px;
left: 25px;
font-size: 21px;
padding: 6px 0 0 0;
border: 2px solid #f89d26;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 40px;
height: 40px;
color: #f89d26;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
a.openbtn:hover {
color: #fff;
background: #f89d26; }
.sideNav {
height: 100%;
width: 0;
position: fixed;
z-index: 200;
top: 0;
left: 0;
background-color: #FFF;
overflow-x: hidden;
padding-top: 70px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
.sideNav a.closebtn {
position: absolute;
top: 15px;
left: 25px;
font-size: 35px;
border: 2px solid #f89d26;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 40px;
height: 40px;
color: #f89d26;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.sideNav a.closebtn:hover {
color: #fff;
background: #f89d26; }
.sideNav .navigationMenuItemText {
font-family: "TheMix";
font-weight: bold;
font-size: 25px;
position: absolute;
top: 15px;
left: 85px;
text-align: left;
height: 40px;
display: flex;
align-items: center;
justify-content: center; }
.sideNav ul li {
display: flex;
align-items: center;
height: 50px;
overflow: hidden;
border-top: 2px solid #f4f4f4; }
.sideNav ul li a {
font-family: "Open Sans";
font-weight: 700;
width: 100%;
padding: 25px;
text-decoration: none;
font-size: 18px;
color: #000;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.sideNav ul li a:hover {
color: #fff;
background: #f89d26; } @media screen and (max-height: 450px) {
.sideNav {
padding-top: 15px; }
.sideNav a {
font-size: 18px; } }
body.admin-bar .sideNav {
top: 32px !important; }
body.admin-bar section.agenda div.daysHeader {
top: 102px; }
body.admin-bar div#mainActions {
top: 32px !important; }
div#mainActions {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 10px 30px;
gap: 10px;
background: #fff;
z-index: 100;
position: fixed;
width: 100%;
top: 0;
min-height: 70px;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
div#mainActions a.btn {
padding: 0 20px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center; }
div#mainActions a.btn i {
margin: 0 10px 0 0; }
div#mainActions input#searchOrders {
border: 2px solid #dadada;
height: 50px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 20px; }
div#mainActions div#calNav ul {
display: flex;
align-items: center;
gap: 10px;
list-style: none;
margin: 0; }
div#mainActions div#calNav ul li.widthAuto a {
width: auto;
padding: 0 10px; }
div#mainActions div#calNav ul li div.weekContainer {
position: relative;
width: 180px;
height: 50px; }
div#mainActions div#calNav ul li label.text,
div#mainActions div#calNav ul li input,
div#mainActions div#calNav ul li select {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff;
border: 2px solid #f4f4f4;
width: 100%;
height: 100%;
line-height: 44px;
text-align: center;
color: #222222;
display: inline-block;
font-weight: 700;
position: absolute;
left: 0;
top: 0;
display: inline-block; }
div#mainActions div#calNav ul li label.text {
z-index: 1;
width: 75%;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px; }
div#mainActions div#calNav ul li div#weekNumber {
display: inline-block; }
div#mainActions div#calNav ul li input#datepickerAgenda {
color: #fff; }
div#mainActions div#calNav ul li a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 2px solid #f4f4f4;
width: 50px;
height: 50px;
line-height: 44px;
text-align: center;
color: #707070;
display: inline-block;
font-weight: 700; }
section.orderPicken {
position: relative;
display: flex;
flex-flow: column nowrap;
height: auto;
padding: 80px 0 60px; }
section.orderPicken div.dayTitle {
margin: 15px 0 0; }
section.orderPicken div.entry {
position: relative;
width: calc(100%-30px);
margin: 15px 0 0;
height: 95px;
background: #fff;
padding: 10px;
font-size: 12px;
line-height: 18px;
border-top: 2px solid #ffc16f;
border-right: 2px solid #ffc16f;
border-bottom: 2px solid #ffc16f;
border-left: 12px solid #f89d26;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
section.orderPicken div.entry:before {
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-family: "schuttinggigant";
position: absolute;
right: 10px;
bottom: 10px;
z-index: 10;
font-size: 65px; }
section.orderPicken div.entry:after {
background: #f89d26;
color: #fff;
content: "\61";
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-family: "schuttinggigant";
position: absolute;
right: 20px;
top: 50%;
font-size: 65px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
section.orderPicken div.entry.tuingigant {
border-top: 2px solid #9fd58d;
border-right: 2px solid #9fd58d;
border-bottom: 2px solid #9fd58d;
border-left: 12px solid #77c24b; }
section.orderPicken div.entry.tuingigant:after {
background: #77c24b;
content: "\62"; }
section.orderPicken div.entry.done {
border-top: 2px solid #f5f3f5;
border-right: 2px solid #f5f3f5;
border-bottom: 2px solid #f5f3f5;
border-left: 12px solid #e4e3e3; }
section.orderPicken div.entry.done:after {
content: "\56";
background: #e4e3e3;
font-size: 40px; }
section.orderPicken div.entry.doublecheck:before {
content: "\56";
background: #77c24b;
font-size: 18px; }
section.orderPicken div.entry.proces {
border-top: 2px solid #84cfff;
border-right: 2px solid #84cfff;
border-bottom: 2px solid #84cfff;
border-left: 12px solid #0092ee; }
section.orderPicken div.entry.proces:after {
content: "\49";
background: #0092ee;
font-size: 40px; }
section.orderPicken div.entry div.title {
font-weight: 700; }
section.orderPicken div.entry div.routeOrder {
background: #5952d1;
position: absolute;
right: 85px;
top: 20px;
color: #fff;
width: 30px;
height: 30px;
line-height: 26px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #fff;
font-size: 16px;
z-index: 99;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
section.orderPicken div.entry div.routeOrder.route-0 {
background: #1945e7; }
section.orderPicken div.entry div.routeOrder.route-1 {
background: #ff7e00; }
section.orderPicken div.entry div.routeOrder.route-2 {
background: #00b75c; }
section.orderPicken div.entry div.routeOrder.route-0 {
background: #1945e7; }
section.orderPicken div.entry div.routeOrder.route-aron {
background: #69b731; }
section.orderPicken div.entry div.routeOrder.route-jan {
background: #1842a0; }
section.orderPicken div.entry div.routeOrder.route-roy {
background: #27c1dd; }
section.orderPicken div.entry .changeWeekView,
section.orderPicken div.entry .showEntry {
position: absolute;
right: 5px;
top: 5px;
z-index: 9;
font-size: 18px;
color: #333; }
section.orderPicken div.entry .changeWeekView:hover,
section.orderPicken div.entry .showEntry:hover {
color: #f89d26; }
section.orangeHeader {
background: #f89d26;
min-height: 200px;
color: #fff;
padding: 110px 0 40px; }
section.defaultPadding {
padding: 80px 0 60px; }
section.defaultPadding h3.pageTitle {
font-family: 'Open Sans', sans-serif;
line-height: 30px;
font-size: 18px;
margin: 15px 0 15px;
font-style: normal;
font-weight: 700; }
section.defaultPadding h3.pageTitle span {
font-weight: 400; }
ul.filtersAssemblyList {
display: flex;
gap: 10px;
list-style: none;
margin: 120px 0 -60px;
position: relative;
z-index: 20; }
ul.filtersAssemblyList li {
list-style: none; }
section.pickList ul.productList {
list-style: none;
width: 100%; }
section.pickList ul.productList div.dayWrapper {
padding: 20px;
background: #f1f1f1;
border: 1px solid #d1d1d1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 15px; }
section.pickList ul.productList li {
width: 100%;
margin-top: 15px;
position: relative; }
section.pickList ul.productList li:first-child {
margin: 0; }
section.pickList ul.productList li > div {
background: #fff;
border: 3px solid rgba(0, 0, 0, 0.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px 120px 10px 10px;
display: flex;
justify-content: space-between;
align-items: center; }
section.pickList ul.productList li > div:before {
background: #f89d26;
color: #fff;
content: "\61";
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-family: "schuttinggigant";
position: absolute;
right: 20px;
top: 50%;
font-size: 60px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
section.pickList ul.productList li > div.schuttinggigant {
border-left: 12px solid #f89d26;
border-top: 2px solid #ffc16f;
border-right: 2px solid #ffc16f;
border-bottom: 2px solid #ffc16f; }
section.pickList ul.productList li > div.tuingigant {
border-left: 12px solid #77c24b;
border-top: 2px solid #9fd58d;
border-right: 2px solid #9fd58d;
border-bottom: 2px solid #9fd58d; }
section.pickList ul.productList li > div.tuingigant:before {
background: #77c24b;
content: "\62"; }
section.pickList ul.productList li img {
max-width: 70px;
height: auto; }
section.pickList ul.productList li div.title {
padding: 0 30px;
flex: 1;
font-size: 18px; }
section.pickList ul.productList li div.title h3 {
font-size: 22px;
font-style: normal;
font-weight: 700; }
section.pickList ul.productList li .highlight {
background: #77c24b;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-weight: 700;
padding: 2px 5px; }
section.pickList ul.productList li a.delete {
position: absolute;
left: -9px;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background: #ba0000;
font-weight: bold; }
section.pickList ul.productList li div.amountWrapper {
display: flex;
gap: 10px; }
section.pickList ul.productList li div.amountWrapper .button {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 30px;
font-weight: 700;
background: #f89d26;
border: 3px solid rgba(255, 255, 255, 0.5);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer; }
section.pickList ul.productList li div.amountWrapper div.amount {
display: flex;
justify-content: center;
align-items: center;
border: 3px solid rgba(248, 157, 38, 0.5);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 20px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
height: 50px; }
section.pickList ul.productList li div.amountWrapper div.amount input[type=number] {
width: 40px;
-moz-appearance: textfield;
text-align: center;
font-weight: 700;
font-size: 22px;
color: #333; }
section.pickList ul.productList li div.amountWrapper div.amount div.seperator {
width: 25px;
text-align: center;
font-weight: 700;
font-size: 22px;
color: #333; }
section.pickList div.assemblyList {
display: flex;
gap: 10px;
background: rgba(248, 157, 38, 0.2);
padding: 10px 20px 10px;
margin-top: -3px;
align-items: center;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px; }
section.pickList div.assemblyList label {
margin: 0;
cursor: pointer;
font-weight: bold; }
section.pickList div.assemblyList input:checked, section.pickList div.assemblyList input:before {
background-color: #f89d26;
border-color: #f89d26; }
section.pickList div.assemblyList div.description {
font-style: italic;
font-size: 14px; }
section.pickList div.assemblyList input.assemblyListCheckbox:checked ~ select {
display: block !important; }
section.pickList div.assemblyList select {
width: 200px;
margin-left: 20px;
height: 60px; }
section.agenda {
position: relative;
display: flex;
flex-flow: column nowrap;
height: auto;
padding: 80px 0 0; }
section.agenda div.daysHeader {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 0 15px;
width: calc(calc(100% /6) * 5);
align-self: end;
padding: 0 30px;
position: -webkit-sticky; position: sticky;
top: 70px;
z-index: 50;
background: white;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 2%, white 100%); }
section.agenda div.daysHeader div.day {
width: 100%;
padding: 10px;
display: inline-block;
color: #222222; }
section.agenda div.employer {
width: 100%;
display: flex;
gap: 15px;
padding: 0 30px; }
section.agenda div.employer:first-child div.information {
border-top: 2px solid #f4f4f4;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0; }
section.agenda div.employer:first-child div.day {
border-top: 2px solid #f4f4f4;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0; }
section.agenda div.employer:last-child div.information {
border-bottom: 2px solid #f4f4f4;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px; }
section.agenda div.employer:last-child div.day {
border-bottom: 2px solid #f4f4f4;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px; }
section.agenda div.employer:nth-child(even) div.information {
background: #f4f4f4; }
section.agenda div.employer:nth-child(even) div.day {
background: #f4f4f4; }
section.agenda div.employer div.information {
width: calc(calc(100% /6) * 1);
border-left: 2px solid #f4f4f4;
border-right: 2px solid #f4f4f4;
padding: 10px; }
section.agenda div.employer div.information div.name {
font-weight: 700; }
section.agenda div.employer div.daysView {
width: calc(calc(100% /6) * 5);
position: relative;
height: 100%; }
section.agenda div.employer div.days {
display: grid;
grid-template-columns: repeat(6, 1fr);
width: 100%;
height: 100%;
gap: 0 15px;
padding: 0;
grid-auto-rows: auto;
grid-auto-flow: column;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
pointer-events: none; }
section.agenda div.employer div.days div.day {
height: 100%;
border-left: 2px solid #f4f4f4;
border-right: 2px solid #f4f4f4; }
section.agenda div.employer div.entries {
position: relative;
display: grid;
grid-template-columns: repeat(6, 1fr);
height: 100%;
gap: 15px;
padding: 0 0 20px 0;
grid-auto-rows: 95px;
grid-auto-flow: column;
z-index: 1;
min-height: 95px; }
section.agenda div.employer div.entries div.entry {
position: relative;
width: calc(100% - 20px);
left: 10px;
top: 10px;
height: 95px;
background: #fff;
padding: 10px;
font-size: 12px;
line-height: 18px;
border-top: 2px solid #ffc16f;
border-right: 2px solid #ffc16f;
border-bottom: 2px solid #ffc16f;
border-left: 12px solid #f89d26;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
section.agenda div.employer div.entries div.entry.locked {
background: #f9f9f9; }
section.agenda div.employer div.entries div.entry.not-completed:before {
content: "";
background: #ff0000;
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
right: 7px;
bottom: 5px; }
section.agenda div.employer div.entries div.entry div.dayTitle {
display: none;
font-size: 16px;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
section.agenda div.employer div.entries div.entry div.title {
font-weight: 700; }
section.agenda div.employer div.entries div.entry div.routeOrder {
background: #5952d1;
position: absolute;
right: 7px;
bottom: -5px;
color: #fff;
width: 20px;
height: 20px;
line-height: 16px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #fff;
font-size: 10px;
z-index: 99;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
section.agenda div.employer div.entries div.entry div.routeOrder.route-0 {
background: #1945e7; }
section.agenda div.employer div.entries div.entry div.routeOrder.route-1 {
background: #ff7e00; }
section.agenda div.employer div.entries div.entry div.routeOrder.route-2 {
background: #00b75c; }
section.agenda div.employer div.entries div.entry div.routeOrder.route-0 {
background: #1945e7; }
section.agenda div.employer div.entries div.entry div.routeOrder.route-aron {
background: #69b731; }
section.agenda div.employer div.entries div.entry div.routeOrder.route-jan {
background: #1842a0; }
section.agenda div.employer div.entries div.entry div.routeOrder.route-roy {
background: #27c1dd; }
section.agenda div.employer div.entries div.entry .showEntry,
section.agenda div.employer div.entries div.entry .editEntry {
position: absolute;
right: 5px;
top: 5px;
z-index: 9;
font-size: 18px;
color: #333; }
section.agenda div.employer div.entries div.entry .showEntry:hover,
section.agenda div.employer div.entries div.entry .editEntry:hover {
color: #f89d26; }
section.agenda div.employer div.entries div.entry.start-monday {
grid-column-start: 1; }
section.agenda div.employer div.entries div.entry.start-monday.one-day {
grid-column-end: 2; }
section.agenda div.employer div.entries div.entry.start-monday.two-days {
grid-column-end: 3; }
section.agenda div.employer div.entries div.entry.start-monday.three-days {
grid-column-end: 4; }
section.agenda div.employer div.entries div.entry.start-monday.four-days {
grid-column-end: 5; }
section.agenda div.employer div.entries div.entry.start-monday.five-days {
grid-column-end: 6; }
section.agenda div.employer div.entries div.entry.start-monday.six-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-tuesday {
grid-column-start: 2; }
section.agenda div.employer div.entries div.entry.start-tuesday.one-day {
grid-column-end: 3; }
section.agenda div.employer div.entries div.entry.start-tuesday.two-days {
grid-column-end: 4; }
section.agenda div.employer div.entries div.entry.start-tuesday.three-days {
grid-column-end: 5; }
section.agenda div.employer div.entries div.entry.start-tuesday.four-days {
grid-column-end: 6; }
section.agenda div.employer div.entries div.entry.start-tuesday.five-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-tuesday.six-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-wednesday {
grid-column-start: 3; }
section.agenda div.employer div.entries div.entry.start-wednesday.one-day {
grid-column-end: 4; }
section.agenda div.employer div.entries div.entry.start-wednesday.two-days {
grid-column-end: 5; }
section.agenda div.employer div.entries div.entry.start-wednesday.three-days {
grid-column-end: 6; }
section.agenda div.employer div.entries div.entry.start-wednesday.four-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-wednesday.five-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-wednesday.six-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-thursday {
grid-column-start: 4; }
section.agenda div.employer div.entries div.entry.start-thursday.one-day {
grid-column-end: 5; }
section.agenda div.employer div.entries div.entry.start-thursday.two-days {
grid-column-end: 6; }
section.agenda div.employer div.entries div.entry.start-thursday.three-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-thursday.four-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-thursday.five-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-thursday.six-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-friday {
grid-column-start: 5; }
section.agenda div.employer div.entries div.entry.start-friday.one-day {
grid-column-end: 6; }
section.agenda div.employer div.entries div.entry.start-friday.two-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-friday.three-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-friday.four-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-friday.five-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-friday.six-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-saturday {
grid-column-start: 6; }
section.agenda div.employer div.entries div.entry.start-saturday.one-day {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-saturday.two-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-saturday.three-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-saturday.four-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-saturday.five-days {
grid-column-end: 7; }
section.agenda div.employer div.entries div.entry.start-saturday.six-days {
grid-column-end: 7; }
.modal-body ul.buttonList {
list-style: none; }
.modal-body ul.buttonList li {
width: 100%;
list-style: none; }
.modal-body ul.buttonList li:first-child a.btn {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; }
.modal-body ul.buttonList li:last-child a.btn {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
border-bottom: 2px solid #f89d26; }
.modal-body ul.buttonList li a.btn {
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0px;
border-top: 2px solid #f89d26;
border-left: 2px solid #f89d26;
border-right: 2px solid #f89d26; }
.modal-body ul.buttonList li a.btn:hover {
background: #f89d26;
color: #fff; }
.modal-content div.entry {
position: relative;
width: calc(100%-30px);
margin: 15px 15px 0;
height: 95px;
background: #fff;
padding: 10px;
font-size: 12px;
line-height: 18px;
border-top: 2px solid #ffc16f;
border-right: 2px solid #ffc16f;
border-bottom: 2px solid #ffc16f;
border-left: 12px solid #f89d26;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.modal-content div.entry div.title {
font-weight: 700; }
.modal-content div.entry .changeWeekView,
.modal-content div.entry .showEntry {
position: absolute;
right: 5px;
top: 5px;
z-index: 9;
font-size: 18px;
color: #333; }
.modal-content div.entry .changeWeekView:hover,
.modal-content div.entry .showEntry:hover {
color: #f89d26; }
.modal-content #searchResult {
margin: 0 0 15px; }
.modal-content #submitSearch {
width: 100%;
text-align: center; }
.modal-content #showImagesGallery {
display: flex;
gap: 10px; }
.modal-content #showImagesGallery div {
width: 40px;
height: 40px;
background: #f89d26;
color: #fff;
text-align: center;
align-content: center; }
.modal-content div.row {
margin: 0 0 10px; }
.modal-content div.row label {
width: 100%;
font-weight: 700;
margin: 0;
font-size: 16px; }
.modal-content div.row input[type=text], .modal-content div.row input[type=date], .modal-content div.row input[type=time], .modal-content div.row select, .modal-content div.row textarea {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 2px solid #f4f4f4;
width: 100%;
height: 42px;
padding: 0 10px;
font-size: 16px;
font-family: 'TheMix', sans-serif; }
.modal-content div.row input[type=checkbox] {
margin-top: 8px; }
.modal-content div.row input[type=checkbox] + label {
font-weight: normal; }
.modal-content div.row input.error,
.modal-content div.row select.error,
.modal-content div.row textarea.error {
border: 1px solid #ba0000; }
.modal-content div.row label.error {
font-weight: 400;
color: #ba0000; }
.modal-content div.row textarea {
height: 120px; }
.modal-content div.row button.dropdown-toggle {
font-weight: 400; }
.modal-content div.row .bootstrap-select,
.modal-content div.row .bs-selectpicker {
background: #fff;
width: 100% !important; }
.modal-content .modalFooter {
display: flex;
justify-content: end;
margin: 15px 0 0 0;
padding: 15px 15px 0 15px;
border-top: 1px solid #f4f4f4; }
@media screen and (max-width: 980px) {
section.pickList div.container {
max-width: 100%; }
section.orderPicken div.container {
max-width: 100%; } }
@media screen and (max-width: 768px) {
body.page-template-assembly-list div#mainActions div#calNav ul li.input {
display: none; }
div#mainActions a.btn {
display: none; }
div#mainActions div#calNav ul li div.weekContainer {
width: 120px; }
div#mainActions a#refreshWeekView {
display: block;
padding: 0 10px; }
div#mainActions a#saveAssemblyList {
display: flex;
padding: 0 10px;
text-align: center;
justify-content: center;
align-items: center;
width: 50px;
font-size: 20px; }
div#mainActions a#saveAssemblyList i {
margin: 0;
padding: 0; }
div#mainActions a#saveAssemblyList span {
display: none; }
section.pickList ul.productList {
list-style: none;
width: 100%; }
section.pickList ul.productList li > div {
flex-wrap: wrap;
padding: 10px; }
section.pickList ul.productList li > div:before {
display: none; }
section.pickList ul.productList li > div div.amountWrapper {
width: 100%;
padding: 10px 0 0;
margin: 10px 0 0;
border-top: 1px solid #dadada; }
section.pickList ul.productList li > div div.amountWrapper div.amount {
width: calc(100% - 120px); }
section.agenda div.employer {
flex-direction: column;
gap: 0; }
section.agenda div.employer div.information {
width: 100%;
background: #fff !important;
border: 0px !important;
padding: 0;
margin: 10px 0 0; }
section.agenda div.employer div.daysView {
width: 100%; }
section.agenda div.employer div.daysView div.days {
display: none; }
section.agenda div.employer div.entries {
display: flex;
flex-direction: column;
padding: 0; }
section.agenda div.employer div.entries div.entry {
height: inherit;
margin: 0 0 0 0;
left: 0;
top: 0;
width: 100%; }
section.agenda div.employer div.entries div.entry.start-monday {
order: 1; }
section.agenda div.employer div.entries div.entry.start-tuesday {
order: 2; }
section.agenda div.employer div.entries div.entry.start-wednesday {
order: 3; }
section.agenda div.employer div.entries div.entry.start-thursday {
order: 4; }
section.agenda div.employer div.entries div.entry.start-friday {
order: 5; }
section.agenda div.employer div.entries div.entry.start-saturday {
order: 6; }
section.agenda div.employer div.entries div.entry div.dayTitle {
display: block; }
section.agenda div.daysHeader {
display: none; } }  @media screen and (min-width: 1200px) and (max-width: 1465px) {
#header #mainNav ul.menu-items {
width: calc(100% - 100px);
margin-left: 100px; } }
@media screen and (min-width: 1200px) and (max-width: 1248px) {
#header #logo {
height: calc(100% - 40px); } }
@media screen and (min-width: 1106px) and (max-width: 1199px) {
#header #logo {
height: calc(100% - 70px); } }
@media screen and (min-width: 1106px) and (max-width: 1199px) {
#header #mainNav ul.menu-items li.menu-item {
height: 80px; }
#header #mainNav ul.menu-items li.menu-item .image {
width: 55px; }
#header #mainNav ul.menu-items li.menu-item .content {
width: calc(100% - 55px); }
#header #mainNav ul.menu-items li.menu-item .content h3 {
font-size: 16px; }
#header #mainNav ul.menu-items li.menu-item .content p {
font-size: 12px; } }
@media screen and (min-width: 992px) and (max-width: 1105px) {
h1 {
font-size: 50px; }
#header #mainNav ul.menu-items {
width: calc(100% - 150px);
margin-left: 150px; }
#header #mainNav ul.menu-items li.menu-item {
height: 80px; }
#header #mainNav ul.menu-items li.menu-item .image {
width: 50px;
font-size: 20px; }
#header #mainNav ul.menu-items li.menu-item .content {
width: calc(100% - 50px); }
#header #mainNav ul.menu-items li.menu-item .content h3 {
font-size: 16px; }
#header #mainNav ul.menu-items li.menu-item .content p {
font-size: 12px; } }
@media screen and (min-width: 801px) and (max-width: 991px) {
#header #logo {
height: calc(100% - 50px); }
#header #mainNav ul.menu-items {
width: auto;
margin-left: 0; }
#header #mainNav ul.menu-items li.menu-item .image {
width: 45px;
font-size: 24px; }
#header #mainNav ul.menu-items li.menu-item .content {
padding: 24px 0;
width: calc(100% - 45px); }
#header #mainNav ul.menu-items li.menu-item .content h3 {
font-size: 14px; }
#header #mainNav ul.menu-items li.menu-item .content p {
font-size: 10px; } }
@media screen and (max-width: 1024px) {
.ProductsWrapper > section .container:before, .ProductsWrapper > section .container:after {
left: -5px; }
.ProductsWrapper > section .section-title:before {
width: 28px;
height: 28px;
line-height: 24px;
font-size: 18px;
top: 5px;
right: calc(100% + 5px); }
.ProductsWrapper > section.active .container:after {
height: 70px; } }
@media screen and (max-width: 800px) {
body {
font-size: 14px; }
h1 {
font-size: 40px;
line-height: 40px; }
h2 {
font-size: 32px;
line-height: 32px; }
p {
font-size: 14px;
line-height: 22px;
margin-bottom: 22px; }
iframe#ARURL {
height: 80vw;
margin-top: 30px; }
#header {
background: #fff;
width: 100%;
height: 80px; }
#header #navToggle {
position: absolute;
top: 50%;
left: 15px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 2px solid #f89d26;
color: #f89d26;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
#header #logo {
height: calc(100% - 20px);
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#header #topNav {
position: absolute;
display: none;
width: 50%;
height: auto;
top: 50%;
right: 0;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
#header #topNav .container {
height: auto; }
#header #topNav .container > .content {
position: relative;
top: auto;
right: auto;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none; }
#header #topNav .container > .content > [class*="menu-"] > ul > li {
display: block;
margin: 0; }
#header #headerSep {
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
z-index: 2; }
#header #mainNav {
position: fixed;
display: block;
top: 80px;
left: -400px; width: 300px;
height: calc(100% - 80px);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-box-shadow: 10px 0 40px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 10px 0 40px rgba(0, 0, 0, 0.12);
box-shadow: 10px 0 40px rgba(0, 0, 0, 0.12);
z-index: 1; }
#header #mainNav .container {
padding: 0; }
#header #mainNav ul.menu-items {
display: block; }
#header #mainNav ul.menu-items li.menu-item {
border: none;
border-bottom: 1px solid #ededed; }
#header #mainNav.active {
left: 0; }
#pageContents {
margin-top: 80px; }
#slider .slide .content {
position: relative;
top: auto;
left: auto;
-ms-transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
margin-bottom: 30px; }
#slider .slide h2 { }
#slider .slide p.subtitle {
font-size: 20px;
line-height: 24px; }
#slider .slide:after {
background: rgba(0, 0, 0, 0.6); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0.4)', endColorstr='rgba(0, 0, 0, 0.6)',GradientType=1 ); }
.calc-block {
width: auto;
padding: 15px; }
.calc-info {
position: relative;
width: auto;
top: auto;
left: auto;
color: #fff;
margin: 30px 0 0 0; }
.calc-info p {
margin-bottom: 12px; }
.calc-info p:last-child {
margin-bottom: 0; }
div.FilterButtons {
display: flex;
align-items: stretch;
justify-content: center; }
div.FilterButtons a.FilterButton {
flex: 1;
flex-direction: column;
justify-content: center;
line-height: 20px;
height: auto;
padding: 10px 5px; }
div.InformationBar {
width: 100%;
line-height: 18px; }
div.InformationBar:before {
line-height: 50px; }
div.InformationBar .DisplaySelectedItem {
font-size: 14px; }
#SpecificationsContent a.section-nav {
width: 100%;
display: flex;
justify-content: center;
align-items: center; }
#calcSummary {
width: calc(100% - 30px);
right: 15px;
padding: 15px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#calcSummary #SummaryHTML.active div#SummaryTotalPrice {
margin: 0 -15px -15px -15px; }
#calcSummary #SummaryHTML.active h2 {
margin: -15px -15px 0 -15px; }
#calcSummary #SummaryHTML h2 {
font-size: 18px;
margin: -15px -15px 15px -15px;
padding: 5px 15px; }
#calcSummary #SummaryHTML #SummaryTotalPrice {
font-size: 20px;
margin: 15px -15px -15px -15px;
padding: 5px 15px; }
#calcSummary #SummaryHTML .SummaryRow span {
float: right; }
.calcBlock h2 {
font-size: 26px; }
div.WoodButtons {
margin: 20px 0 -10px; flex-wrap: wrap; }
div.WoodButtons div.WoodButtonWrapper {
width: calc(100% / 3);
margin: 0;
padding: 0 5px; }
div.WoodButtons a.WoodButton:before {
width: 28px;
height: 28px;
line-height: 24px;
font-size: 15px;
top: 34%; }
div.WoodButtons a.WoodButton span {
font-size: 12px;
line-height: 16px; }
.products-container .products {
margin: 0 calc(-15px / 2); }
.products-container .products .product {
width: calc(100% / 3);
margin-top: 15px; }
.products-container .products .product .Product {
padding: 0 calc(15px / 2); }
.products-container .products .product .Product .ProductContent {
margin: 0; }
.products-container .products .product .Product div.ProductInfo {
padding-bottom: 15px; }
.ProductsWrapper > section {
padding-top: 45px; }
.ProductsWrapper > section > .container:before, .ProductsWrapper > section > .container:after {
display: none; }
.ProductsWrapper > section > .container:after {
height: 0; }
.ProductsWrapper > section .section-title:before {
content: "Stap " counter(section);
top: -45px;
right: auto;
left: -30px;
width: auto;
height: 38px;
padding: 0 15px;
line-height: 34px;
font-size: 20px;
font-weight: 700; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.ProductsWrapper > section.active > .container:after {
height: 45px; }
section {
padding: 30px 0; }
section .section-title h3 {
font-size: 24px; }
section > .container > .row > [class*="col-"] {
margin-top: 15px;
margin-bottom: 15px; }
section#parts .cat-list {
position: relative;
bottom: auto; }
.cat-list .inner .cat a {
font-size: 14px; }
#mainContent section .section-title h2 {
font-size: 28px; }
#mainContent section .section-title p {
margin: 5px 0 20px; }
#footer .footer-row {
display: block; }
#footer .footer-row .row {
width: auto;
margin: 15px 0 0 0; }
#footer .footer-row .contact-block {
width: auto;
margin-bottom: 30px;
padding: 30px 15px 15px 15px; }
#footer .footer-row .contact-block p {
font-size: 16px;
line-height: 24px; }
#footer h3 {
margin-bottom: 10px; }
#footer .widget {
margin-bottom: 25px; } }
@media screen and (max-width: 767px) {
.products-container .products {
margin: 0 calc(-15px / 2); }
.products-container .products .product {
width: 100%;
margin-top: 15px; }
.products-container .products .product .Product {
padding: 0 calc(15px / 2); }
.products-container .products .product .Product.NoSelection div.ProductInfo {
background: #f0f0f0; }
.products-container .products .product .Product.NoSelection div.ProductInfo div.AmountClick {
margin: 10px 0 0 0;
background: #f0f0f0 !important; }
.products-container .products .product .Product.NoSelection div.ProductInfo div.AmountClick input {
background: #fff; }
.products-container .products .product .Product .ProductContent {
margin: 0;
display: flex; }
.products-container .products .product .Product .ProductImage {
width: 35%; }
.products-container .products .product .Product .ProductImage img {
height: 100%;
object-fit: contain; }
.products-container .products .product .Product div.ProductInfo {
padding-bottom: 15px;
width: 65%; }
.products-container .products .product .Product div.ProductInfo div.Amount, .products-container .products .product .Product div.ProductInfo div.AmountClick {
position: relative;
margin-top: 15px;
left: auto;
bottom: auto !important;
width: auto; }
div.InformationBar .DisplaySelectedItem {
font-size: 12px;
line-height: 13px;
margin-top: 0; } }
@media screen and (max-width: 500px) {
body {
font-size: 14px; }
#mainContent section .section-title p {
font-size: 14px;
line-height: 22px; }
.ProductsWrapper > section .section-title {
margin-bottom: 0; }
.ProductsWrapper > section .section-title:before {
left: 0; }
div.FormQuoteWrapper a.SummaryButtonQuote {
width: 100%; }
div.FormQuoteWrapper div.crossSellWrapper {
width: 100%; }
div.FormQuoteWrapper div.crossSellWrapper div.crossSellDescription {
width: 100%; }
.FormAttachedProducts .products-container .products .product .Product div.ProductInfo {
padding-bottom: 15px; }
.calc-block .FormRow {
height: auto; }
.calc-block .FormRow .InputGroup, .calc-block .FormRow select, .calc-block .FormRow .switch, .calc-block .FormRow #CalculatorZipcode {
position: relative;
width: auto;
top: auto;
right: auto;
float: none; }
.calc-block .FormRow select, .calc-block .FormRow #CalculatorZipcode {
width: 100%;
display: block; }
div.InformationBar:before {
font-size: 20px; }
.products-container .extraOption label {
line-height: 20px; }
.products-container .products {
margin: 0 calc(-15px / 2); }
.products-container .products div.Options {
width: calc(65% - 30px);
bottom: 40px;
left: calc(65% + 11px);
z-index: 222; }
.products-container .products .product {
margin-top: 15px; }
.products-container .products .product .Product {
padding: 0 calc(15px / 2); }
.products-container .products .product .Product .ProductContent {
margin: 0; }
.products-container .products .product .Product div.ProductInfo {
padding-bottom: 15px; }
.products-container .products .product .Product div.ProductInfo div.Amount {
position: relative;
margin-top: 15px;
left: auto;
bottom: auto;
width: auto; }
.blogs .blog {
width: 100%; } }   .woocommerce-info,
.woocommerce-message,
.woocommerce-error {
background-color: #f1f1f1 !important; border-color: #c0c0c0 !important;
color: #333 !important; } .woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #payment #place_order,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #payment #place_order {
background-color: #f89d26 !important; border-color: #f89d26 !important;
color: #fff !important; } .woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #payment #place_order:hover {
background-color: #f89d26 !important; border-color: #f89d26 !important; }
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px; border: 1px solid #ddd;
border-top-width: 8px;
margin-bottom: 30px;
padding: 15px 15px 15px 50px;
display: flex;
flex-flow: row wrap;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between; }
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
top: 50%;
left: 15px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border: 1px solid #c0c0c0;
padding: 0 20px;
height: 40px; }
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
background-color: #ffffff !important; border: 1px solid #ccc !important; color: #333 !important; padding: 10px !important; border-radius: 5px !important; font-size: 16px !important; }
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background-color: #f8f8f8 !important; border: 1px solid #ccc !important; color: #333 !important; }
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
display: none; }
.woocommerce-page .product-remove {
width: 20px; }
.woocommerce-page #customer_details .form-row {
display: block; }
.woocommerce-page #customer_details label {
display: block;
font-weight: 500; }
.woocommerce-page #customer_details .woocommerce-input-wrapper {
display: block; }
.woocommerce-page #customer_details .woocommerce-input-wrapper input {
height: 34px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ddd;
padding: 0 10px;
line-height: 32px; }
.woocommerce-page #customer_details .woocommerce-input-wrapper textarea {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ddd;
padding: 10px;
line-height: 32px; }
.woocommerce-page #customer_details .woocommerce-input-wrapper span[class*="select2-"] {
height: 34px;
line-height: 32px; }
.woocommerce-page #customer_details .woocommerce-billing-fields {
margin-bottom: 15px; }
.woocommerce-page #customer_details .woocommerce-shipping-fields h3#ship-to-different-address {
background: #fff;
padding: 0;
line-height: normal;
border: 1px solid #000;
border-top-width: 4px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px; }
.woocommerce-page #customer_details .woocommerce-shipping-fields h3#ship-to-different-address label {
display: flex;
flex-flow: row nowrap;
align-items: center;
margin: 0;
padding: 15px;
cursor: pointer; }
.woocommerce-page #customer_details .woocommerce-shipping-fields h3#ship-to-different-address label input {
margin-right: 10px; }
.woocommerce-page #customer_details .woocommerce-shipping-fields h3#ship-to-different-address label:hover {
background: #f0f0f0; }
.woocommerce-page #customer_details .woocommerce-shipping-fields h3#ship-to-different-address span {
font-weight: 700;
font-size: 16px;
color: #000; }
.woocommerce-page .woocommerce-checkout-review-order .woocommerce-checkout-payment ul li {
list-style: none; }
.woocommerce-form-login {
max-width: 500px; }
.woocommerce-form-login .woocommerce-form-row label, .woocommerce-form-login .woocommerce-form-row input {
width: 100%; }
.woocommerce-form-login .woocommerce-form-row input {
height: 44px;
line-height: 42px;
border: 1px solid #ddd; }
.woocommerce-form-login .form-row label {
width: 100%; }
body.woocommerce-order-pay ul.woocommerce-error {
display: none; }
.woocommerce form .password-input, .woocommerce-page form .password-input {
width: 100%; }
.cart_totals h2 {
font-size: 32px !important; }
#orderreviewcontainer {
position: relative;
padding: 30px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); }
#orderreviewcontainer h3#order_review_heading {
color: #f89d26; }
#orderreviewcontainer #payment {
background: #f0f0f0; }
#orderreviewcontainer #payment .btn {
margin-top: 15px; }
#orderreviewcontainer #payment ul.payment_methods {
margin: 10px 0 0;
padding: 20px 0 0; }
#orderreviewcontainer #payment ul.payment_methods li {
width: 100%;
margin: 0 15px; }
#orderreviewcontainer .woocommerce-terms-and-conditions-wrapper,
#orderreviewcontainer .woocommerce-terms-and-conditions-wrapper p {
font-size: 14px; }  .tpd-tooltip {
position: absolute;
} .tpd-tooltip,
.tpd-tooltip [class^="tpd-"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
} .tpd-content-wrapper {
position: absolute;
top: 0;
left: 0;
float: left;
width: 100%;
height: 100%;
overflow: hidden;
}
.tpd-content-spacer,
.tpd-content-relative,
.tpd-content-relative-padder {
float: left;
position: relative;
}
.tpd-content-relative {
width: 100%;
}
.tpd-content {
float: left;
clear: both;
position: relative;
padding: 10px;
font-size: 14px;
line-height: 16px;
color: #fff;
}
.tpd-has-inner-close .tpd-content-relative .tpd-content { padding-right: 0 !important; }
.tpd-tooltip .tpd-content-no-padding { padding: 0 !important; }
.tpd-title-wrapper {
float: left;
position: relative;
overflow: hidden;
}
.tpd-title-spacer {
float: left;
}
.tpd-title-relative,
.tpd-title-relative-padder {
float: left;
position: relative;
}
.tpd-title-relative { width: 100%; }
.tpd-title {
float: left;
position: relative;
font-size: 14px;
line-height: 16px;
padding: 10px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
}
.tpd-has-title-close .tpd-title { padding-right: 0 !important; }
.tpd-close {
position: absolute;
top: 0;
right: 0;
width: 28px;
height: 28px;
cursor: pointer;
overflow: hidden;
color: #fff;
}
.tpd-close-icon {
float: left;
font-family: Arial, Baskerville, monospace;
font-weight: normal;
font-style: normal;
text-decoration: none;
width: 28px;
height: 28px;
font-size: 28px;
line-height: 28px;
text-align: center;
} .tpd-skin {
position: absolute;
top: 0;
left: 0;
}
.tpd-content ul {
list-style: none;
}
.tpd-frames {
position: absolute;
top: 0;
left: 0;
}
.tpd-frames .tpd-frame {
float: left;
width: 100%;
height: 100%;
clear: both;
display: none;
}
.tpd-visible-frame-top .tpd-frame-top { display: block; }
.tpd-visible-frame-bottom .tpd-frame-bottom { display: block; }
.tpd-visible-frame-left .tpd-frame-left { display: block; }
.tpd-visible-frame-right .tpd-frame-right { display: block; }
.tpd-backgrounds {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.tpd-background-shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
pointer-events: none;
}
.tpd-no-shadow .tpd-skin .tpd-background-shadow { box-shadow: none !important; }
.tpd-background-box {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
} .tpd-no-stem .tpd-background-box,
.tpd-no-stem .tpd-shift-stem { display: none; }
.tpd-no-stem .tpd-background-box-top { display: block; }
.tpd-background-box-shift,
.tpd-background-box-shift-further {
position: relative;
float: left;
width: 100%;
height: 100%;
}
.tpd-background {
border-radius: 10px;
float: left;
clear: both;
background: none;
-webkit-background-clip: padding-box; background-clip: padding-box; border-style: solid;
border-width: 1px;
border-color: #282828;
border-color: rgba(255,255,255,.1); }
.tpd-background-loading { display: none; } .tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background { border-radius: 0; }
.tpd-background-title {
float: left;
clear: both;
width: 100%;
background-color: #282828;
}
.tpd-background-content {
float: left;
clear: both;
width: 100%;
background-color: #282828;
}
.tpd-background-border-hack {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-style: solid;
}
.tpd-background-box-top { top: 0; }
.tpd-background-box-bottom { bottom: 0; }
.tpd-background-box-left { left: 0; }
.tpd-background-box-right { right: 0; } .tpd-iframeshim {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
} .tpd-shift-stem {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.tpd-shift-stem-side {
position: absolute;
}
.tpd-frame-top .tpd-shift-stem-side,
.tpd-frame-bottom .tpd-shift-stem-side { width: 100%; }
.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side { height: 100%; }
.tpd-stem {
position: absolute;
top: 0;
left: 0;
overflow: hidden; width: 16px; height: 8px;
margin-left: 3px; margin-top: 2px; -webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
} .tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset { margin: 0 !important; }
.tpd-stem-spacer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tpd-stem-reset .tpd-stem-spacer { margin-top: 0; }
.tpd-stem-point {
width: 100px;
position: absolute;
top: 0;
left: 50%;
}
.tpd-stem-downscale,
.tpd-stem-transform {
float: left;
width: 100%;
height: 100%;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
position: relative;
}
.tpd-stem-side {
width: 50%;
height: 100%;
float: left;
position: relative;
overflow: hidden;
}
.tpd-stem-side-inversed {
-webkit-transform: scale(-1,1);
transform: scale(-1,1);
}
.tpd-stem-triangle {
width: 0;
height: 0;
border-bottom-style: solid;
border-left-color: transparent;
border-left-style: solid;
position: absolute;
top: 0;
left: 0;
}
.tpd-stem-border {
width: 20px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
background-color: #fff; border-right-color: #fff;
border-right-style: solid;
border-right-width: 0;
}
.tpd-stem-border-corner {
position: absolute;
top: 0;
left: 50%;
height: 100%;
border-right-style: solid;
border-right-width: 0;
} .tpd-stem * { z-index: 0; zoom: 1; } .tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
float: left;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.tpd-stem-notransform {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.tpd-stem-notransform .tpd-stem-border {
height: 100%;
position: relative;
float: left;
top: 0;
left: 0;
margin: 0;
}
.tpd-stem-notransform .tpd-stem-border-center {
position: absolute;
}
.tpd-stem-notransform .tpd-stem-border-corner {
background: #fff;
border: 0;
top: auto;
left: auto;
}
.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
height: 0;
border: 0;
left: 50%;
} .tpd-stem-transform-left {
-webkit-transform: rotate(-90deg) scale(-1,1);
transform: rotate(-90deg) scale(-1,1);
}
.tpd-stem-transform-right {
-webkit-transform: rotate(90deg) translate(0, -100%);
transform: rotate(90deg) translate(0, -100%);
}
.tpd-stem-transform-bottom {
-webkit-transform: scale(1,-1) translate(0, -100%);
transform: scale(1,-1) translate(0, -100%);
} .tpd-spinner {
position: absolute;
top: 50%;
left: 50%;
width: 46px;
height: 36px;
}
.tpd-spinner-spin {
position: relative;
float: left;
margin: 8px 0 0 13px;
text-indent: -9999em;
border-top: 2px solid rgba(255, 255, 255, 0.2);
border-right: 2px solid rgba(255, 255, 255, 0.2);
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-left: 2px solid #fff;
-webkit-animation: tpd-spinner-animation 1.1s infinite linear;
animation: tpd-spinner-animation 1.1s infinite linear;
box-sizing: border-box !important;
}
.tpd-spinner-spin,
.tpd-spinner-spin:after {
border-radius: 50%;
width: 20px;
height: 20px;
}
@-webkit-keyframes tpd-spinner-animation {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes tpd-spinner-animation {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
} .tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper { display: none; }
.tpd-is-loading .tpd-background { display: none; }
.tpd-is-loading .tpd-background-loading { display: block; } .tpd-tooltip-measuring {
top: 0;
left: 0;
position: absolute;
max-width: 100%;
width: 100%;
}
.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-spinner {
display: none;
}
.tpd-tooltip-measuring .tpd-content-wrapper,
.tpd-tooltip-measuring .tpd-title-wrapper { display: block; } .tpd-tooltip a,
.tpd-tooltip a:hover { color: #808080; text-decoration: underline; }
.tpd-tooltip a:hover { color: #6c6c6c; }  .tpd-size-x-small .tpd-content,
.tpd-size-x-small .tpd-title {
padding: 7px 8px;
font-size: 10px;
line-height: 15px;
}
.tpd-size-x-small .tpd-background { border-radius: 5px; }
.tpd-size-x-small .tpd-stem {
width: 12px;
height: 6px;
margin-left: 4px;
margin-top: 2px; }
.tpd-size-x-small.tpd-no-radius .tpd-stem { margin-left: 7px; }
.tpd-size-x-small .tpd-close { margin-bottom: 1px; }
.tpd-size-x-small .tpd-spinner {
width: 35px;
height: 29px;
}
.tpd-size-x-small .tpd-spinner-spin { margin: 6px 0 0 9px; }
.tpd-size-x-small .tpd-spinner-spin,
.tpd-size-x-small .tpd-spinner-spin:after {
width: 17px;
height: 17px;
} .tpd-size-small .tpd-content,
.tpd-size-small .tpd-title {
padding: 8px;
font-size: 10px;
line-height: 16px;
}
.tpd-size-small .tpd-background { border-radius: 6px; }
.tpd-size-small .tpd-stem {
width: 14px;
height: 7px;
margin-left: 5px;
margin-top: 2px; }
.tpd-size-small.tpd-no-radius .tpd-stem { margin-left: 8px; }
.tpd-size-small .tpd-close { margin: 2px 1px; }
.tpd-size-small .tpd-spinner {
width: 42px;
height: 32px;
}
.tpd-size-small .tpd-spinner-spin { margin: 7px 0 0 13px; }
.tpd-size-small .tpd-spinner-spin,
.tpd-size-small .tpd-spinner-spin:after {
width: 18px;
height: 18px;
} .tpd-size-medium .tpd-content,
.tpd-size-medium .tpd-title {
padding: 10px;
font-size: 14px;
line-height: 16px;
}
.tpd-size-medium .tpd-background { border-radius: 8px; }
.tpd-size-medium .tpd-stem {
width: 16px; height: 8px;
margin-left: 6px; margin-top: 2px; }
.tpd-size-medium.tpd-no-radius .tpd-stem { margin-left: 10px; }
.tpd-size-medium .tpd-close { margin: 4px 2px; } .tpd-size-medium .tpd-spinner {
width: 50px;
height: 36px;
}
.tpd-size-medium .tpd-spinner-spin { margin: 8px 0 0 15px; }
.tpd-size-medium .tpd-spinner-spin,
.tpd-size-medium .tpd-spinner-spin:after {
width: 20px;
height: 20px;
} .tpd-size-large .tpd-content,
.tpd-size-large .tpd-title {
padding: 10px;
font-size: 13px;
line-height: 18px;
}
.tpd-size-large .tpd-background { border-radius: 8px; }
.tpd-size-large .tpd-stem {
width: 18px;
height: 9px;
margin-left: 7px;
margin-top: 2px; }
.tpd-size-large.tpd-no-radius .tpd-stem { margin-left: 10px; }
.tpd-size-large .tpd-close { margin: 5px 2px 5px 2px; }
.tpd-size-large .tpd-spinner {
width: 54px;
height: 38px;
}
.tpd-size-large .tpd-spinner-spin { margin: 9px 0 0 17px; }
.tpd-size-large .tpd-spinner-spin,
.tpd-size-large .tpd-spinner-spin:after {
width: 20px;
height: 20px;
}  .tpd-skin-dark .tpd-content,
.tpd-skin-dark .tpd-title,
.tpd-skin-dark .tpd-close { color: #fff; }
.tpd-skin-dark .tpd-background-content,
.tpd-skin-dark .tpd-background-title {
background-color: #282828;
}
.tpd-skin-dark .tpd-background {
border-width: 1px;
border-color: #282828;
border-color: rgba(255,255,255,.1);
} .tpd-skin-dark .tpd-title-wrapper { border-bottom: 1px solid #404040; } .tpd-skin-dark .tpd-spinner-spin {
border-color: rgba(255,255,255,.2);
border-left-color: #fff;
} .tpd-skin-dark a { color: #ccc; }
.tpd-skin-dark a:hover { color: #c0c0c0; } .tpd-skin-ThinkFresh .tpd-content,
.tpd-skin-ThinkFresh .tpd-title,
.tpd-skin-ThinkFresh .tpd-close { 
text-align: center;
font-family: "FlexoLight", Arial, Helvetica, sans-serif;
color: #ffa500;
font-size: 20px;
line-height: 32px;
padding: 15px;
}
.tpd-skin-ThinkFresh .tpd-content ul {
margin: 0;
padding: 0;
}
.tpd-skin-ThinkFresh .tpd-content ul li {
list-style: none;	
}
.tpd-skin-ThinkFresh .tpd-content h1,
.tpd-skin-ThinkFresh .tpd-content h2,
.tpd-skin-ThinkFresh .tpd-content h3 {
background-color: #ffa500;
color: #000;
padding: 10px;
margin: -15px -15px 0 -15px;
font-size: 24px;
border-radius: 8px 8px 0 0;	
}
.tpd-skin-ThinkFresh .tpd-content h4 {
clear: both;
color: #444444;
margin: 0 0 15px 0;
font-size: 20px;
line-height: 150%;
font-family: "FlexoRegular", Arial, Helvetica, sans-serif;
}
.tpd-skin-ThinkFresh .tpd-content h4 strong {
font-family: "FlexoBold", Arial, Helvetica, sans-serif;
color: #d11f40;
font-size: 30px;
}
.tpd-skin-ThinkFresh .tpd-content p {
color: #000;
font-size: 18px;
line-height: 24px;
margin: 15px 0 0 0;
}
.tpd-skin-ThinkFresh .tpd-content a {
margin: 0 0 15px 0;
color: #000;
font-size: 18px;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
text-decoration: none;
transition: 0.2s all ease-in-out;
}
.tpd-skin-ThinkFresh .tpd-content a:hover {
color: #000;
border-bottom: 1px solid rgba(0, 0, 0, 1);
text-decoration: none;
transition: 0.2s all ease-in-out;
}
.tpd-skin-ThinkFresh .tpd-background-content {
background-color: rgba(255,255,255,0.95);
padding: 15px;
}
.tpd-skin-ThinkFresh .tpd-background {
border-width: 0px;
border-color: #fff;
border-color: rgba(255,255,255,1);
}
.tpd-skin-ThinkFresh .tpd-background-title {
background-color: rgba(255,255,255,0.95);
}
.tpd-skin-ThinkFresh .tpd-title-wrapper { left: 20px;  border-bottom: 1px solid #c0c0c0; }
.tpd-skin-ThinkFresh .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); } .tpd-skin-ThinkFresh.tpd-no-shadow .tpd-background {
border-color: #acacac;
border-color: rgba(100,100,100,.3);
}
.tpd-skin-ThinkFresh .tpd-spinner-spin {
border-color: rgba(51,51,51,.2);
border-left-color: #333;
}
.tpd-skin-ThinkFresh a { color: #808080; }
.tpd-skin-ThinkFresh a:hover { color: #6c6c6c; } .tpd-skin-light .tpd-title,
.tpd-skin-light .tpd-close { color: #333; }
.tpd-skin-light .tpd-content {
color: #333;
font-size: 15px;
line-height: 23px;
padding: 15px;
}
.tpd-skin-light .tpd-background-content {
background-color: #fff;
}
.tpd-skin-light .tpd-background {
border-width: 0;
border-color: #838383;
border-color: rgba(0,0,0,0);
}
.tpd-skin-light .tpd-background-title {
background-color: #f7f7f7;
}
.tpd-skin-light .tpd-title-wrapper { border-bottom: 1px solid #c0c0c0; }
.tpd-skin-light .tpd-background-shadow { box-shadow: 0 0 6px rgba(0,0,0,.3); } .tpd-skin-light.tpd-no-shadow .tpd-background {
border-color: #acacac;
border-color: rgba(100,100,100,.3);
}
.tpd-skin-light .tpd-spinner-spin {
border-color: rgba(51,51,51,.2);
border-left-color: #333;
}
.tpd-skin-light a { color: #808080; }
.tpd-skin-light a:hover { color: #6c6c6c; } .tpd-skin-gray .tpd-content,
.tpd-skin-gray .tpd-title,
.tpd-skin-gray .tpd-close { color: #fff; }
.tpd-skin-gray .tpd-background-content,
.tpd-skin-gray .tpd-background-title {
background-color: #727272;
}
.tpd-skin-gray .tpd-background {
border-width: 1px;
border-color: #727272;
border-color: rgba(255,255,255,.1);
}
.tpd-skin-gray .tpd-title-wrapper { border-bottom: 1px solid #505050; }
.tpd-skin-gray .tpd-spinner-spin {
border-color: rgba(255,255,255,.2);
border-left-color: #fff;
}
.tpd-skin-gray a { color: #ccc; }
.tpd-skin-gray a:hover { color: #b6b6b6; } .tpd-skin-red .tpd-content,
.tpd-skin-red .tpd-title,
.tpd-skin-red .tpd-close { color: #fff; }
.tpd-skin-red .tpd-background-content { background-color: #e13c37; }
.tpd-skin-red .tpd-background {
border-width: 1px;
border-color: #a30500;
border-color: rgba(12,0,0,.6);
}
.tpd-skin-red .tpd-background-title { background-color: #e13c37; }
.tpd-skin-red .tpd-title-wrapper { border-bottom: 1px solid #a30500; }
.tpd-skin-red .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-red .tpd-spinner-spin {
border-color: rgba(255,255,255,.2);
border-left-color: #fff;
}
.tpd-skin-red a { color: #ddd; }
.tpd-skin-red a:hover { color: #c6c6c6; } .tpd-skin-green .tpd-content,
.tpd-skin-green .tpd-title,
.tpd-skin-green .tpd-close { color: #fff; }
.tpd-skin-green .tpd-background-content { background-color: #4aab3a; }
.tpd-skin-green .tpd-background {
border-width: 1px;
border-color: #127c00;
border-color: rgba(0,12,0,.6);
}
.tpd-skin-green .tpd-background-title { background-color: #4aab3a; }
.tpd-skin-green .tpd-title-wrapper { border-bottom: 1px solid #127c00; }
.tpd-skin-green .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-green .tpd-spinner-spin {
border-color: rgba(255,255,255,.2);
border-left-color: #fff;
}
.tpd-skin-green a { color: #ddd; }
.tpd-skin-green a:hover { color: #c6c6c6; } .tpd-skin-blue .tpd-content,
.tpd-skin-blue .tpd-title,
.tpd-skin-blue .tpd-close { color: #fff; }
.tpd-skin-blue .tpd-background-content { background-color: #45a3e3; }
.tpd-skin-blue .tpd-background {
border-width: 1px;
border-color: #1674b4;
border-color: rgba(0,0,12,.6);
}
.tpd-skin-blue .tpd-background-title { background-color: #45a3e3; }
.tpd-skin-blue .tpd-title-wrapper { border-bottom: 1px solid #1674b4; }
.tpd-skin-blue .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-blue .tpd-spinner-spin {
border-color: rgba(255,255,255,.2);
border-left-color: #fff;
}
.tpd-skin-blue a { color: #ddd; }
.tpd-skin-blue a:hover { color: #c6c6c6; } .tpd-skin-lightyellow .tpd-content,
.tpd-skin-lightyellow .tpd-title,
.tpd-skin-lightyellow .tpd-close { color: #333; }
.tpd-skin-lightyellow .tpd-background-content { background-color: #ffffa9; }
.tpd-skin-lightyellow .tpd-background {
border-width: 1px;
border-color: #9d9c8c;
border-color: rgba(8,8,0,.35);
}
.tpd-skin-lightyellow .tpd-background-title { background-color: #ffffa9; }
.tpd-skin-lightyellow .tpd-title-wrapper { border-bottom: 1px solid #a7a697; }
.tpd-skin-lightyellow .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-lightyellow .tpd-spinner-spin {
border-color: rgba(51,51,51,.2);
border-left-color: #333;
}
.tpd-skin-lightyellow a { color: #777; }
.tpd-skin-lightyellow a:hover { color: #868686; } .tpd-skin-lightblue .tpd-content,
.tpd-skin-lightblue .tpd-title,
.tpd-skin-lightblue .tpd-close { color: #333; }
.tpd-skin-lightblue .tpd-background-content { background-color: #bce5ff; }
.tpd-skin-lightblue .tpd-background {
border-width: 1px;
border-color: #7c868a;
border-color: rgba(0,0,8,.35);
}
.tpd-skin-lightblue .tpd-background-title { background-color: #bce5ff; }
.tpd-skin-lightblue .tpd-title-wrapper { border-bottom: 1px solid #909b9f; }
.tpd-skin-lightblue .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-lightblue .tpd-spinner-spin {
border-color: rgba(51,51,51,.2);
border-left-color: #333;
}
.tpd-skin-lightblue a { color: #777; }
.tpd-skin-lightblue a:hover { color: #868686; } .tpd-skin-lightpink .tpd-content,
.tpd-skin-lightpink .tpd-title,
.tpd-skin-lightpink .tpd-close { color: #333; }
.tpd-skin-lightpink .tpd-background-content { background-color: #ffc4bf; }
.tpd-skin-lightpink .tpd-background {
border-width: 1px;
border-color: #8d817c;
border-color: rgba(8,0,0,.35);
}
.tpd-skin-lightpink .tpd-background-title { background-color: #ffc4bf; }
.tpd-skin-lightpink .tpd-title-wrapper { border-bottom: 1px solid #a08f8f; }
.tpd-skin-lightpink .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-lightpink .tpd-spinner-spin {
border-color: rgba(51,51,51,.2);
border-left-color: #333;
}
.tpd-skin-lightpink a { color: #777; }
.tpd-skin-lightpink a:hover { color: #868686; } .tpd-skin-ticketbizz .tpd-content,
.tpd-skin-ticketbizz .tpd-title,
.tpd-skin-ticketbizz .tpd-close { 
color: #444;
padding: 20px;
line-height: 22px;
}
.tpd-skin-ticketbizz .tpd-background-content {
background-color: #fff;
}
.tpd-skin-ticketbizz .tpd-background {
border-width: 1px;
border-color: #838383;
border-color: rgba(0,0,0,.3);
}
.tpd-skin-ticketbizz .tpd-background,
.tpd-skin-ticketbizz .tpd-background-border-hack {
border-radius: 3px;
}
.tpd-skin-ticketbizz .tpd-background-title {
background-color: #f7f7f7;
}
.tpd-skin-ticketbizz .tpd-title-wrapper { border-bottom: 1px solid #c0c0c0; }
.tpd-skin-ticketbizz .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); } .tpd-skin-ticketbizz.tpd-no-shadow .tpd-background {
border-color: #acacac;
border-color: rgba(100,100,100,.3);
}
.tpd-skin-ticketbizz .tpd-spinner-spin {
border-color: rgba(51,51,51,.2);
border-left-color: #333;
}
.tpd-skin-ticketbizz strong {
color: #d11f40;
font-size: 18px;
display: inline-block;
padding-bottom: 10px;
}
.tpd-skin-ticketbizz a { color: #808080; }
.tpd-skin-ticketbizz a:hover { color: #6c6c6c; }
.tpd-skin-ticketbizz li { list-style: none; }.swal2-container,body.swal2-iosfix{position:fixed;left:0;right:0}body.swal2-in{overflow-y:hidden}.swal2-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;bottom:0;padding:10px;background-color:transparent;z-index:1060}.swal2-container:not(.swal2-in){pointer-events:none}.swal2-container.swal2-fade{-webkit-transition:background-color .1s;transition:background-color .1s}.swal2-container.swal2-in{background-color:rgba(0,0,0,.4)}.swal2-modal{background-color:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;border-radius:5px;box-sizing:border-box;text-align:center;margin:auto;overflow-x:hidden;overflow-y:auto;display:none;position:relative}.swal2-modal:focus{outline:0}.swal2-modal.swal2-loading{overflow-y:hidden}.swal2-modal .swal2-title{color:#595959;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:0;padding:0;line-height:60px;display:block}.swal2-modal .swal2-spacer{height:10px;color:transparent;border:0}.swal2-modal .swal2-styled{border:0;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;font-size:17px;font-weight:500;margin:0 5px;padding:10px 32px}.swal2-modal .swal2-styled:not(.swal2-loading)[disabled]{opacity:.4;cursor:no-drop}.swal2-modal .swal2-styled.swal2-loading{box-sizing:border-box;border:4px solid transparent;width:40px;height:40px;padding:0;margin:-2px 30px;vertical-align:top;background-color:transparent!important;color:transparent;cursor:default;border-radius:100%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-modal :not(.swal2-styled).swal2-loading::after{display:inline-block;content:'';margin-left:5px;vertical-align:-1px;height:6px;width:6px;border:3px solid #999;border-right-color:transparent;border-radius:50%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal}.swal2-modal .swal2-checkbox input,.swal2-modal .swal2-checkbox span,.swal2-modal .swal2-radio input,.swal2-modal .swal2-radio span{vertical-align:middle}.swal2-modal .swal2-image{margin:20px auto;max-width:100%}.swal2-modal .swal2-close{font-size:36px;line-height:36px;font-family:serif;position:absolute;top:5px;right:13px;cursor:pointer;color:#ccc;-webkit-transition:color .1s ease;transition:color .1s ease}.swal2-modal .swal2-close:hover{color:#d55}.swal2-modal>.swal2-checkbox,.swal2-modal>.swal2-file,.swal2-modal>.swal2-input,.swal2-modal>.swal2-radio,.swal2-modal>.swal2-select,.swal2-modal>.swal2-textarea{display:none}.swal2-modal .swal2-content{font-size:18px;text-align:center;font-weight:300;position:relative;float:none;margin:0;padding:0;line-height:normal;color:#545454}.swal2-modal .swal2-checkbox,.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-radio,.swal2-modal .swal2-select,.swal2-modal .swal2-textarea{margin:20px auto}.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-textarea{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d9d9d9;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-webkit-transition:border-color box-shadow .3s;transition:border-color box-shadow .3s}.swal2-modal .swal2-file.swal2-inputerror,.swal2-modal .swal2-input.swal2-inputerror,.swal2-modal .swal2-textarea.swal2-inputerror{border-color:#f06e57}.swal2-modal .swal2-file:focus,.swal2-modal .swal2-input:focus,.swal2-modal .swal2-textarea:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.swal2-modal .swal2-file:focus::-webkit-input-placeholder,.swal2-modal .swal2-input:focus::-webkit-input-placeholder,.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::-moz-placeholder,.swal2-modal .swal2-input:focus::-moz-placeholder,.swal2-modal .swal2-textarea:focus::-moz-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus:-ms-input-placeholder,.swal2-modal .swal2-input:focus:-ms-input-placeholder,.swal2-modal .swal2-textarea:focus:-ms-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::placeholder,.swal2-modal .swal2-input:focus::placeholder,.swal2-modal .swal2-textarea:focus::placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file::-webkit-input-placeholder,.swal2-modal .swal2-input::-webkit-input-placeholder,.swal2-modal .swal2-textarea::-webkit-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::-moz-placeholder,.swal2-modal .swal2-input::-moz-placeholder,.swal2-modal .swal2-textarea::-moz-placeholder{color:#e6e6e6}.swal2-modal .swal2-file:-ms-input-placeholder,.swal2-modal .swal2-input:-ms-input-placeholder,.swal2-modal .swal2-textarea:-ms-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::placeholder,.swal2-modal .swal2-input::placeholder,.swal2-modal .swal2-textarea::placeholder{color:#e6e6e6}.swal2-modal .swal2-range input{float:left;width:80%}.swal2-modal .swal2-range output{float:right;width:20%;font-size:20px;font-weight:600;text-align:center}.swal2-modal .swal2-range input,.swal2-modal .swal2-range output{height:43px;line-height:43px;vertical-align:middle;margin:20px auto;padding:0}.swal2-modal .swal2-input{height:43px;padding:0 12px}.swal2-modal .swal2-input[type=number]{max-width:150px}.swal2-modal .swal2-file{font-size:20px}.swal2-modal .swal2-textarea{height:108px;padding:12px}.swal2-modal .swal2-select{color:#545454;font-size:inherit;padding:5px 10px;min-width:40%;max-width:100%}.swal2-modal .swal2-radio{border:0}.swal2-modal .swal2-radio label:not(:first-child){margin-left:20px}.swal2-modal .swal2-radio input{margin:0 3px 0 0}.swal2-modal .swal2-checkbox{color:#545454}.swal2-modal .swal2-validationerror{background-color:#f0f0f0;margin:0 -20px;overflow:hidden;padding:10px;color:gray;font-size:16px;font-weight:300;display:none}.swal2-modal .swal2-validationerror::before{content:'!';display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:10px}.swal2-icon.swal2-info,.swal2-icon.swal2-question,.swal2-icon.swal2-warning{font-size:60px;line-height:80px;text-align:center}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}.swal2-icon{width:80px;height:80px;border:4px solid transparent;border-radius:50%;margin:20px auto 30px;padding:0;position:relative;box-sizing:content-box;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .x-mark{position:relative;display:block}.swal2-icon.swal2-error .line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal2-icon.swal2-error .line.left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal2-icon.swal2-error .line.right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.swal2-icon.swal2-warning{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#f8bb86;border-color:#facea8}.swal2-icon.swal2-info{font-family:'Open Sans',sans-serif;color:#3fc3ee;border-color:#9de0f6}.swal2-icon.swal2-question{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#87adbd;border-color:#c9dae1}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success::after,.swal2-icon.swal2-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff}.swal2-icon.swal2-success::before{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}.swal2-icon.swal2-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.swal2-icon.swal2-success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal2-icon.swal2-success .fix{width:7px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success .line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal2-icon.swal2-success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{font-weight:600;margin:0 0 20px;padding:0}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{background:#3085d6;border-radius:2em;color:#fff;height:2em;line-height:2em;text-align:center;width:2em;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle,.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{background:#3085d6;height:.4em;margin:0 -1px;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}.swal2-show{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:hideSweetAlert .15s forwards;animation:hideSweetAlert .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}@-webkit-keyframes animate-success-tip{0%,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 animate-success-tip{0%,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 animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.animate-success-tip{-webkit-animation:animate-success-tip .75s;animation:animate-success-tip .75s}.animate-success-long{-webkit-animation:animate-success-long .75s;animation:animate-success-long .75s}.swal2-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.animate-error-icon{-webkit-animation:animate-error-icon .5s;animation:animate-error-icon .5s}@-webkit-keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.animate-x-mark{-webkit-animation:animate-x-mark .5s;animation:animate-x-mark .5s}@-webkit-keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulse-warning{-webkit-animation:pulse-warning .75s infinite alternate;animation:pulse-warning .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.jquery-lightbox-move *
{
webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.jquery-lightbox-overlay
{
background:#000;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.jquery-lightbox
{
position:relative;
padding:17px 0;
background:#FFFFFF;
box-shadow:0 0 1px rgba(0, 0, 0, 0.25), 0 1px 5px 3px rgba(0, 0, 0, 0.05), 0 5px 4px -3px rgba(0, 0, 0, 0.06);
-moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.25), 0 1px 5px 3px rgba(0, 0, 0, 0.05), 0 5px 4px -3px rgba(0, 0, 0, 0.06);
-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.25), 0 1px 5px 3px rgba(0, 0, 0, 0.05), 0 5px 4px -3px rgba(0, 0, 0, 0.06);
border:1px solid #ebebeb\9;
}
.jquery-lightbox-border-top-left,
.jquery-lightbox-border-top-right,
.jquery-lightbox-border-top-middle,
.jquery-lightbox-border-bottom-left,
.jquery-lightbox-border-bottom-middle,
.jquery-lightbox-border-bottom-right
{
position:absolute;
height:7px;
width:12%;
z-index:7000;
background:#FFFFFF;
overflow:hidden;
}
.jquery-lightbox-border-top-left
{
top:0;
left:0;
}
.jquery-lightbox-border-top-right
{
top:0;
right:0;
}
.jquery-lightbox-border-top-middle
{
width:78%;
top:0;
left:12%;
}
.jquery-lightbox-border-bottom-left
{
bottom:0;
left:0;
}
.jquery-lightbox-border-bottom-right
{
bottom:0;
right:0;
}
.jquery-lightbox-border-bottom-middle
{
width:78%;
bottom:0;
left:12%;
}
.jquery-lightbox-title
{
background:#FFFFFF;
color:#333333;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
line-height:14px;
padding:5px 8px;
position:absolute;
bottom:0;
z-index:7000;
}
.jquery-lightbox-html
{
position:relative;
z-index:7000;
border:0;
border-left:7px solid #FFFFFF;
border-right:7px solid #FFFFFF;
padding:0px 15px;
vertical-align:top;
-webkit-overflow-scrolling: touch;
}
.jquery-lightbox-html embed,
.jquery-lightbox-html object,
.jquery-lightbox-html iframe
{
vertical-align:top;
display:block;
}
.jquery-lightbox-background
{
position:absolute;
top:7px;
left:7px;
z-index:6999;
float:left;
padding:0;
}
.jquery-lightbox-background img
{
display:block;
position:relative;
border:0;
margin:0;
padding:0;
width:100%;
height:100%;
}
.jquery-lightbox-mode-image .jquery-lightbox-html
{
z-index:6998;
padding:0;
}
.jquery-lightbox-mode-html .jquery-lightbox-background
{
background:#FFFFFF;
}
.jquery-lightbox-mode-html .jquery-lightbox-html
{
overflow:auto;
}
.jquery-lightbox-loading,
.jquery-lightbox-mode-html .jquery-lightbox-loading
{
background:#FFFFFF url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/js/vendor/lightbox/themes/white-orange/images/loading.gif) no-repeat center center;
}
.jquery-lightbox-button-close
{
background:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/js/vendor/lightbox/themes/white-orange/images/jquery-lightbox-theme.png) no-repeat -132px 0px;
position:absolute;
top:0px;
right:-35px;
width:15px;
height:15px;
cursor:pointer;
}
.jquery-lightbox-button-close:hover
{
background:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/js/vendor/lightbox/themes/white-orange/images/jquery-lightbox-theme.png) no-repeat -132px -15px;
}
.jquery-lightbox-button-close:active
{
background:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/js/vendor/lightbox/themes/white-orange/images/jquery-lightbox-theme.png) no-repeat -147px -15px;
}
.jquery-lightbox-button-close span,
.jquery-lightbox-buttons span
{
display:none;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init
{
display:none;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-end
{
display:none;
}
.jquery-lightbox-buttons .jquery-lightbox-button-left
{
background:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/js/vendor/lightbox/themes/white-orange/images/jquery-lightbox-theme.png) no-repeat 0px 0px;
cursor: pointer;
display: block;
width: 33px;
height: 33px;
left: -53px;
margin-top: -16px;
position: absolute;
top: 50%;
z-index: 7001;
}
.jquery-lightbox-buttons .jquery-lightbox-button-left span
{
display:none;
}
.jquery-lightbox-buttons .jquery-lightbox-button-left:hover
{
background:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/js/vendor/lightbox/themes/white-orange/images/jquery-lightbox-theme.png) no-repeat -66px 0px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-right
{
background:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/js/vendor/lightbox/themes/white-orange/images/jquery-lightbox-theme.png) no-repeat -33px 0px;
cursor: pointer;
display: block;
width: 33px;
height: 33px;
right: -53px;
margin-top: -16px;
position: absolute;
top: 50%;
z-index: 7001;
}
.jquery-lightbox-buttons .jquery-lightbox-button-right span
{
display:none;
}
.jquery-lightbox-buttons .jquery-lightbox-button-right:hover
{
background:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/js/vendor/lightbox/themes/white-orange/images/jquery-lightbox-theme.png) no-repeat -99px 0px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-max
{
background:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/js/vendor/lightbox/themes/white-orange/images/jquery-lightbox-theme.png) no-repeat -162px 0px;
display:block;
position:absolute;
cursor:pointer;
top:18px;
right:-35px;
width:15px;
height:15px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-max:hover
{
background:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/js/vendor/lightbox/themes/white-orange/images/jquery-lightbox-theme.png) no-repeat -162px -15px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-max:active
{
background:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/js/vendor/lightbox/themes/white-orange/images/jquery-lightbox-theme.png) no-repeat -177px -15px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-min
{
background:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/js/vendor/lightbox/themes/white-orange/images/jquery-lightbox-theme.png) no-repeat -192px 0px;
display:block;
position:absolute;
cursor:pointer;
top:18px;
right:-35px;
width:15px;
height:15px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-min:hover
{
background:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/js/vendor/lightbox/themes/white-orange/images/jquery-lightbox-theme.png) no-repeat -192px -15px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-min:active
{
background:url(//www.schuttinggigant.com/wp-content/themes/schuttinggigant19/assets/js/vendor/lightbox/themes/white-orange/images/jquery-lightbox-theme.png) no-repeat -207px -15px;
}
.jquery-lightbox-buttons-custom
{
position:absolute;
top:0;
left:21px;
background:#FFFFFF;
height:21px;
}
.jquery-lightbox-buttons-custom a
{
color:#7b7b7b;
font-size:12px;
display:inline;
font-weight:bold;
text-decoration:underline;
padding:0 4px;
cursor:pointer;
}
.jquery-lightbox-navigator
{
display:none;
}
.jquery-lightbox-hide
{
display:none;
}
@media screen and (max-width: 680px) {
.jquery-lightbox-buttons .jquery-lightbox-button-left {
left: 23px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-right {
right: 23px;
}
.jquery-lightbox-button-close {
right: 0;
top: -30px;
z-index: 99999;
}
} .flickity-enabled {
position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
} .flickity-prev-next-button {
position: absolute;
top: 50%;
width: 60px;
height: 60px;
border: 3px solid #666;
border-radius: 50%;
background: rgba(255,255,255,0.75);
cursor: pointer;
transition: .2s all; -webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.flickity-prev-next-button:hover {
color: #FFF;
background: rgba(248,157,38,0.9);
border: 3px solid #f89d26;
}
.flickity-prev-next-button:hover .arrow {
fill: #FFF;
}
.flickity-prev-next-button:focus {
outline: none;
box-shadow: 0 0 0 5px #09F;
}
.flickity-prev-next-button:active {
opacity: 0.6;
}
.flickity-prev-next-button.previous { left: -30px; }
.flickity-prev-next-button.next { right: -10px; } .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button:disabled {
opacity: 0.3;
cursor: auto;
}
.flickity-prev-next-button svg {
position: absolute;
left: 25%;
top: 25%;
width: 50%;
height: 50%;
}
.flickity-prev-next-button .arrow {
fill: #333;
} .flickity-page-dots {
position: absolute;
width: 100%;
bottom: -35px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot {
display: inline-block;
width: 15px;
height: 15px;
margin: 15px 6px 0;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
} .bootstrap-datetimepicker-widget {
list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
margin: 2px 0;
padding: 4px;
width: 19em;
}
@media (min-width: 768px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
@media (min-width: 992px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
@media (min-width: 1200px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
content: '';
display: inline-block;
position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #cccccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
top: -7px;
left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
top: -6px;
left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #cccccc;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -7px;
left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid white;
bottom: -6px;
left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
left: auto;
right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
left: auto;
right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
width: 54px;
font-weight: bold;
font-size: 1.2em;
margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
padding: 0;
margin: 0;
height: auto;
width: auto;
line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
line-height: 2.5;
height: 2.5em;
width: 100%;
}
.bootstrap-datetimepicker-widget table {
width: 100%;
margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
text-align: center;
border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
height: 20px;
line-height: 20px;
width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
height: 54px;
line-height: 54px;
width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
font-size: .8em;
height: 20px;
line-height: 20px;
color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
height: 20px;
line-height: 20px;
width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
background: #eeeeee;
cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
content: '';
display: inline-block;
border: 0 0 7px 7px solid transparent;
border-bottom-color: #337ab7;
border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: 4px;
right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
background-color: #337ab7;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
display: inline-block;
width: 54px;
height: 54px;
line-height: 54px;
margin: 2px 1.5px;
cursor: pointer;
border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
background-color: #337ab7;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
height: 27px;
line-height: 27px;
}
.input-group.date .input-group-addon {
cursor: pointer;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}