.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}.cbddc {
margin: 40px 0;
font-size: 16px;
font-style: normal;
font-weight: normal;
color: var(--cbddc-color-text);
}
.cbddc *,
.cbddc *:after,
.cbddc *:before {
box-sizing: border-box !important;
}
.cbddc.-round .-format-element,
.cbddc.-round .input-datepicker .datepicker {
border-radius: 20px !important;
}
.cbddc-wrapper {
background: var(--cbddc-color-background);
padding: 20px;
box-shadow: 0 5px 20px rgba(0,0,0,0.07);
}
.cbddc-tool {
display: none;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
justify-content: center;
margin: 0 -10px;
}
.cbddc-tool.-active {
display: flex;
}
.cbddc-tool-title {
width: calc(100% - 20px);
margin: 10px 10px 30px;
text-align: center;
color: var(--cbddc-color-title);
font-weight: bold;
font-size: 24px;
}
.cbddc-input-line {
width: calc(50% - 20px);
min-width: 200px;
margin: 10px 10px;
display: flex;
flex-direction: column;
justify-content: space-between;	
}
.cbddc-question {
font-weight: bold;
margin-bottom: 10px;
text-align: center;
color: var(--cbddc-color-text);
}
.cbddc-input-wrapper {
width: 100%;
display: block;
position: relative;
border: solid 1px var(--cbddc-color-border);
background: var(--cbddc-color-input);
margin: 0;
}
.cbddc-input {
border: none !important;
background: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
display: block !important;
outline: none !important;
letter-spacing: 0 !important;
border-radius: 0 !important;
margin: 0 !important;
width: 100% !important;
font-size: 16px !important;
padding: 10px 20px !important;
line-height: 20px;
font-family: var(--cbddc-font) !important;
color: var(--cbddc-color-text) !important;
cursor: pointer !important;
position: relative;
z-index: 0;
}
.cbddc-input option {
color: black;
}
.cbddc-input-wrapper:hover,
.cbddc-input-wrapper:focus {
border-color: var(--cbddc-color-title);
}
.cbddc-input-wrapper > svg {
position: absolute;
z-index: 1;
right: 10px;
width: 20px;
height: 20px;
top: 10px;
fill: var(--cbddc-color-title);
}
.cbddc-input-wrapper > svg.-calendar {
margin-right: 5px;
}
.cbddc-input-line.-error .cbddc-question {
color: var(--cbddc-color-error);
}
.cbddc-input-line.-error .cbddc-input-wrapper {
border-color: var(--cbddc-color-error);
}
.cbddc-input-line.-error .cbddc-input-wrapper > svg {
fill: var(--cbddc-color-error);
}
.cbddc-datepicker .input-datepicker {
display: none;
}
.cbddc-datepicker.-active .input-datepicker {
display: block;
}
.cbddc-datepicker .input-datepicker .datepicker {
position: relative;
left: auto !important;
top: auto !important;
width: 100%;
height: 100%;
border: none;
display: flex;
flex-direction: column;
align-items: normal;
z-index: 10;
max-width: 600px;
max-height: 530px;
box-shadow: 0 5px 20px rgba(0,0,0,0.07);
overflow: hidden;
}
.cbddc-datepicker .input-datepicker .datepicker-inline {
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.cbddc-datepicker .input-datepicker .datepicker--content {
height: 90%;
padding: 0;
}
.cbddc-datepicker .input-datepicker .datepicker--nav {
height: 10%;
font-size: 16px;
}
.cbddc-datepicker .input-datepicker .datepicker--body {
}
.cbddc-datepicker .input-datepicker .datepicker--body.active {
height: 100%;
display: flex;
flex-direction: column;
align-items: normal;
}
.cbddc-datepicker .input-datepicker .datepicker--cells {
justify-content: stretch;
height: 90%;
}
.cbddc-datepicker .input-datepicker .datepicker--days-names {
justify-content: stretch;
height: 10%;
background: #EFEFEF;
margin: 0;
border-bottom: solid 5px #FFFFFF;
}
.cbddc-datepicker .input-datepicker .datepicker--day-name {
font-size: 14px;
letter-spacing: 0.03em;
color: inherit;
text-transform: none;
}
.cbddc-datepicker .input-datepicker .datepicker--cell {
height: auto;
}
.cbddc-datepicker .input-datepicker .overlay {
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.cbddc-description {
opacity: 0.66;
margin-top: 10px;
font-size: 0.7em;
text-align: center;
}
.cbddc-description-global {
text-align: left;
margin-top: 20px;
}
.cbddc-description-global a {
color: inherit;
}
.cbddc-button-wrapper {
width: 100%;
margin: 30px 10px 10px;
text-align: center;
}
.cbddc-button {
background: var(--cbddc-color-button);
color: var(--cbddc-color-button-text);
display: inline-block;
vertical-align: middle;
padding: 1em 1.5em;
font-weight: 700;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.03em;
cursor: pointer;
line-height: 1;
}
.cbddc-button span {
display: inline-block;
vertical-align: middle;
}
.cbddc-button svg {
fill: currentColor;
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
}
.cbddc-button:hover {
filter: brightness(115%);
}
.cbddc-button--arrow-left svg {
margin-right: 10px;
}
.cbddc-button--arrow-right svg {
margin-left: 10px;
}
.cbddc-results {
display: none;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
justify-content: center;
margin: 0 -10px;
}
.cbddc-results.-active {
display: flex;
}
.cbddc-calendars-wrapper {
width: calc(100% - 20px);
margin: 0 10px;
}
.cbddc-calendars {
}
.cbddc-result {
width: calc(100% - 20px);
}
.cbddc-result-container {
margin-bottom: 20px;
border: 1px solid var(--cbddc-color-border);
position: relative;
}
.cbddc-result-container:last-child {
margin-bottom: 0;
}
.cbddc-result-title {
text-align: center;
padding: 1rem 0.5rem;
margin: 0;
color: var(--cbddc-color-text);
border-bottom: 1px solid var(--cbddc-color-border);
position: relative;
}
.cbddc-result-title strong {
font-weight: bold;
color: var(--cbddc-color-text);
}
.cbddc-result-date {
font-weight: bold;
color: var(--cbddc-color-title);
padding: 2rem 1rem;
text-align: center;
font-size: 30px;
}
.cbddc-datepicker .input-datepicker .datepicker--cell.-current- {
color: inherit;
font-weight: bold;
}
.cbddc-datepicker .input-datepicker .datepicker--cell.-selected-,
.cbddc-datepicker .input-datepicker .datepicker--cell.-selected-.-current-,
.cbddc-datepicker .input-datepicker .datepicker--cell.-selected-.-focus- {
background: var(--cbddc-color-button);
color: var(--cbddc-color-button-text);
font-weight: normal;
}
.cbddc-datepicker .input-datepicker .datepicker--cell:hover {
filter: brightness(95%);
}.cboc {
margin: 40px 0;
font-size: 16px;
font-style: normal;
font-weight: normal;
color: var(--cboc-color-text);
}
.cboc *,
.cboc *:after,
.cboc *:before {
box-sizing: border-box !important;
}
.cboc.-round .-format-element,
.cboc.-round .input-datepicker .datepicker {
border-radius: 20px !important;
}
.cboc-wrapper {
background: var(--cboc-color-background);
padding: 20px;
box-shadow: 0 5px 20px rgba(0,0,0,0.07);
}
.cboc-tool {
display: none;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
justify-content: center;
margin: 0 -10px;
}
.cboc-tool.-active {
display: flex;
}
.cboc-tool-title {
width: calc(100% - 20px);
margin: 10px 10px 30px;
text-align: center;
color: var(--cboc-color-title);
font-weight: bold;
font-size: 24px;
}
.cboc-input-line {
width: calc(50% - 20px);
min-width: 200px;
margin: 10px 10px;
display: flex;
flex-direction: column;
justify-content: space-between;    
}
.cboc-question {
font-weight: bold;
margin-bottom: 10px;
text-align: center;
color: var(--cboc-color-text);
}
.cboc-input-wrapper {
width: 100%;
display: block;
position: relative;
border: solid 1px var(--cboc-color-border);
background: var(--cboc-color-input);
margin: 0;
}
.cboc-input {
border: none !important;
background: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
display: block !important;
outline: none !important;
letter-spacing: 0 !important;
border-radius: 0 !important;
margin: 0 !important;
width: 100% !important;
font-size: 16px !important;
padding: 10px 20px !important;
line-height: 20px;
font-family: var(--cboc-font) !important;
color: var(--cboc-color-text) !important;
cursor: pointer !important;
position: relative;
z-index: 0;
}
.cboc-input option {
color: black;
}
.cboc-input-wrapper:hover,
.cboc-input-wrapper:focus {
border-color: var(--cboc-color-title);
}
.cboc-input-wrapper > svg {
position: absolute;
z-index: 1;
right: 10px;
width: 20px;
height: 20px;
top: 10px;
fill: var(--cboc-color-title);
}
.cboc-input-wrapper > svg.-calendar {
margin-right: 5px;
}
.cboc-input-line.-error .cboc-question {
color: var(--cboc-color-error);
}
.cboc-input-line.-error .cboc-input-wrapper {
border-color: var(--cboc-color-error);
}
.cboc-input-line.-error .cboc-input-wrapper > svg {
fill: var(--cboc-color-error);
}
.cboc-datepicker .input-datepicker {
display: none;
}
.cboc-datepicker.-active .input-datepicker {
display: block;
}
.cboc-datepicker .input-datepicker .datepicker {
position: relative;
left: auto !important;
top: auto !important;
width: 100%;
height: 100%;
border: none;
display: flex;
flex-direction: column;
align-items: normal;
z-index: 10;
max-width: 600px;
max-height: 530px;
box-shadow: 0 5px 20px rgba(0,0,0,0.07);
overflow: hidden;
}
.cboc-datepicker .input-datepicker .datepicker-inline {
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.cboc-datepicker .input-datepicker .datepicker--content {
height: 90%;
padding: 0;
}
.cboc-datepicker .input-datepicker .datepicker--nav {
height: 10%;
font-size: 16px;
}
.cboc-datepicker .input-datepicker .datepicker--body {
}
.cboc-datepicker .input-datepicker .datepicker--body.active {
height: 100%;
display: flex;
flex-direction: column;
align-items: normal;
}
.cboc-datepicker .input-datepicker .datepicker--cells {
justify-content: stretch;
height: 90%;
}
.cboc-datepicker .input-datepicker .datepicker--days-names {
justify-content: stretch;
height: 10%;
background: #EFEFEF;
margin: 0;
border-bottom: solid 5px #FFFFFF;
}
.cboc-datepicker .input-datepicker .datepicker--day-name {
font-size: 14px;
letter-spacing: 0.03em;
color: inherit;
text-transform: none;
}
.cboc-datepicker .input-datepicker .datepicker--cell {
height: auto;
}
.cboc-datepicker .input-datepicker .overlay {
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
.cboc-description {
opacity: 0.66;
margin-top: 10px;
font-size: 0.7em;
text-align: center;
}
.cboc-description-global {
text-align: left;
margin-top: 20px;
}
.cboc-description-global a {
color: inherit;
}
.cboc-button-wrapper {
width: 100%;
margin: 30px 10px 10px;
text-align: center;
}
.cboc-button {
background: var(--cboc-color-button);
color: var(--cboc-color-button-text);
display: inline-block;
vertical-align: middle;
padding: 1em 1.5em;
font-weight: 700;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.03em;
cursor: pointer;
line-height: 1;
}
.cboc-button span {
display: inline-block;
vertical-align: middle;
}
.cboc-button svg {
fill: currentColor;
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
}
.cboc-button:hover {
filter: brightness(115%);
}
.cboc-button--arrow-left svg {
margin-right: 10px;
}
.cboc-button--arrow-right svg {
margin-left: 10px;
}
.cboc-results {
display: none;
flex-wrap: wrap;
flex-direction: row;
align-items: stretch;
justify-content: center;
margin: 0 -10px;
}
.cboc-results.-active {
display: flex;
}
.cboc-calendars-wrapper {
width: calc(100% - 20px);
margin: 0 10px;
}
.cboc-calendars {
}
.cboc-result-container {
margin-bottom: 20px;
border: 1px solid var(--cboc-color-border);
position: relative;
padding-bottom: 5px;
}
.cboc-result-container:last-child {
margin-bottom: 0;
}
.cboc-result-title {
text-align: center;
padding: 1rem 0.5rem;
margin: 0;
color: var(--cboc-color-text);
border-bottom: 1px solid var(--cboc-color-border);
position: relative;
}
.cboc-result-title strong {
font-weight: bold;
color: var(--cboc-color-title);
}
.cboc-calendar {
margin: 0;
width: 100%;
border-collapse: separate;
border: none;
border-spacing: 0;
overflow: visible;
}
.cboc-calendar th {
font-size: 12px;
padding: 10px;
text-align: center;
font-weight: normal;
background: var(--cboc-color-border);
border-bottom: solid 5px var(--cboc-color-background);
border: none;
}
.cboc-calendar tr {
}
.cboc-calendar td {
font-size: 12px;
line-height: 15px;
text-align: center;
position: relative;
padding: 2px;
border: none;
}
.cboc-bubble {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 50px;
max-width: 50px;
border-radius: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
font-size: 12px;
text-align: center;
border: solid 2px transparent;
cursor: pointer;
line-height: 15px;
}
.cboc-bubble-number {
display: block;
padding: 4px;
background: var(--cboc-color-background);
}
.cboc-bubble-bubble {
display: none;
padding: 4px;
color: var(--cboc-color-background);
font-weight: normal;
min-height: 22px;
}
.cboc-bubble.-period {
border-color: var(--cboc-color-bubble-period);
background-color: var(--cboc-color-bubble-period);
}
.cboc-bubble.-period .cboc-bubble-number {
color: var(--cboc-color-bubble-period);
}
.cboc-bubble.-period .cboc-bubble-bubble {
display: block;
background: url(//donoudis.gr/wp-content/plugins/clearblue-ovulation-calculator/assets/img/period.svg) var(--cboc-color-bubble-period) 50% 5px no-repeat;
background-size: 10px;
color: var(--cboc-color-bubble-period);
font-size: 0;
}
.cboc-bubble.-null {
border: none !important;
}
.cboc-bubble.-period + .cboc-calendar-tooltip,
.cboc-bubble.-null + .cboc-calendar-tooltip {
display: none;
}
.cboc-bubble.-prct-0,
.cboc-bubble.-prct-5 {
border-color: var(--cboc-color-bubble-prct-0-5);
background-color: var(--cboc-color-bubble-prct-0-5);
}
.cboc-bubble.-prct-0 .cboc-bubble-number,
.cboc-bubble.-prct-5 .cboc-bubble-number {
color: var(--cboc-color-bubble-prct-0-5);
}
.cboc-bubble.-prct-0 .cboc-bubble-bubble,
.cboc-bubble.-prct-5 .cboc-bubble-bubble {
display: block;
background-color: var(--cboc-color-bubble-prct-0-5);
}
.cboc-bubble.-prct-0 + .cboc-calendar-tooltip,
.cboc-bubble.-prct-5 + .cboc-calendar-tooltip {
background-color: var(--cboc-color-bubble-prct-0-5);
}
.cboc-bubble.-prct-0 + .cboc-calendar-tooltip:after,
.cboc-bubble.-prct-5 + .cboc-calendar-tooltip:after {
border-color: var(--cboc-color-bubble-prct-0-5) transparent transparent transparent;
}
.cboc-bubble.-prct-10,
.cboc-bubble.-prct-15 {
border-color: var(--cboc-color-bubble-prct-10-15);
background-color: var(--cboc-color-bubble-prct-10-15);
}
.cboc-bubble.-prct-10 .cboc-bubble-number,
.cboc-bubble.-prct-15 .cboc-bubble-number {
color: var(--cboc-color-bubble-prct-10-15);
}
.cboc-bubble.-prct-10 .cboc-bubble-bubble,
.cboc-bubble.-prct-15 .cboc-bubble-bubble {
display: block;
background-color: var(--cboc-color-bubble-prct-10-15);
}
.cboc-bubble.-prct-10 + .cboc-calendar-tooltip,
.cboc-bubble.-prct-15 + .cboc-calendar-tooltip {
background-color: var(--cboc-color-bubble-prct-10-15);
}
.cboc-bubble.-prct-10 + .cboc-calendar-tooltip:after,
.cboc-bubble.-prct-15 + .cboc-calendar-tooltip:after {
border-color: var(--cboc-color-bubble-prct-10-15) transparent transparent transparent;
}
.cboc-bubble.-prct-20 {
border-color: var(--cboc-color-bubble-prct-20);
background-color: var(--cboc-color-bubble-prct-20);
}
.cboc-bubble.-prct-20 .cboc-bubble-number {
color: var(--cboc-color-bubble-prct-20);
}
.cboc-bubble.-prct-20 .cboc-bubble-bubble {
display: block;
background-color: var(--cboc-color-bubble-prct-20);
}
.cboc-bubble.-prct-20 + .cboc-calendar-tooltip {
background-color: var(--cboc-color-bubble-prct-20);
}
.cboc-bubble.-prct-20 + .cboc-calendar-tooltip:after {
border-color: var(--cboc-color-bubble-prct-20) transparent transparent transparent;
}
.cboc-calendar-tooltip {
display: block;
position: absolute;
z-index: 5;
pointer-events: none;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
width: 120px;
padding: 10px;
margin-bottom: 10px;
border-radius: 2px;
color: var(--cboc-color-background);
}
.cboc-calendar-tooltip:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 0 7px;
border-color: transparent transparent transparent transparent;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.cboc-calendar-tooltip-prct {
font-weight: bold;
}
.cboc-legend-wrapper {
width: calc(100% - 20px);
margin: 30px 0 0 0;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.cboc-legend-line {
margin: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.cboc-legend-line .cboc-bubble {
width: 50px;
}
.cboc-legend-text {
width: calc(100% - 50px);
padding-left: 10px;
font-size: 14px;
line-height: 1.2;
display: block;
}
.cboc-datepicker .input-datepicker .datepicker--cell.-current- {
color: inherit;
font-weight: bold;
}
.cboc-datepicker .input-datepicker .datepicker--cell.-selected-,
.cboc-datepicker .input-datepicker .datepicker--cell.-selected-.-current-,
.cboc-datepicker .input-datepicker .datepicker--cell.-selected-.-focus- {
background: var(--cboc-color-button);
color: var(--cboc-color-button-text);
font-weight: normal;
}
.cboc-datepicker .input-datepicker .datepicker--cell:hover {
filter: brightness(95%);
}
.cboc-empty-wrapper {
width: calc(100% - 20px);
text-align: center;
display: none;
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.et_divi_100_custom_hamburger_menu__icon {
position: relative;
display: block;
width: 1.875rem;
height: 1.875rem;
box-sizing: border-box;
cursor: pointer;
padding: 0.25rem;
clear: both;
}
.et_divi_100_custom_hamburger_menu__icon div {
background: #000;
width: 100%;
height: 0.125rem;
margin: 0.25rem auto;
border-radius: 10px;
-webkit-transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
-webkit-transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
-webkit-transform: 0;
transform: 0;
-webkit-transform-origin: center;
transform-origin: center;
}
.et_divi_100_custom_hamburger_menu__icon div:before, .et_divi_100_custom_hamburger_menu__icon div:after {
-webkit-transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
-webkit-transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
} .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
width: 0;
margin-left: 0;
opacity: 1;
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-animation-name: T1S3DF;
animation-name: T1S3DF;
}
@-webkit-keyframes T1S3DF {
0% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
@keyframes T1S3DF {
0% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-animation-name: T1S3L;
animation-name: T1S3L;
}
@-webkit-keyframes T1S3L {
0% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
@keyframes T1S3L {
0% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-animation-name: T1S4DF;
animation-name: T1S4DF;
}
@-webkit-keyframes T1S4DF {
0% {
margin-right: 0;
-webkit-transform: none;
transform: none;
}
20% {
width: 100%;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
40% {
width: 0;
margin-right: 0;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
width: 0;
margin-right: auto;
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
90% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
@keyframes T1S4DF {
0% {
margin-right: 0;
-webkit-transform: none;
transform: none;
}
20% {
width: 100%;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
40% {
width: 0;
margin-right: 0;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
width: 0;
margin-right: auto;
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
90% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-animation-name: T1S4L;
animation-name: T1S4L;
}
@-webkit-keyframes T1S4L {
0% {
margin-left: 0;
-webkit-transform: none;
transform: none;
}
20% {
width: 100%;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
40% {
width: 0;
margin-left: 0;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
width: 0;
margin-left: auto;
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
90% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
@keyframes T1S4L {
0% {
margin-left: 0;
-webkit-transform: none;
transform: none;
}
20% {
width: 100%;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
40% {
width: 0;
margin-left: 0;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
width: 0;
margin-left: auto;
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
90% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-animation-name: T1S5DF;
animation-name: T1S5DF;
}
@-webkit-keyframes T1S5DF {
0% {
margin-right: 0;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: top right;
transform-origin: top right;
}
25% {
width: 100%;
-webkit-transform: translateY(0.375rem) rotate(10deg);
transform: translateY(0.375rem) rotate(10deg);
}
30% {
width: 100%;
-webkit-transform: translateY(0.375rem) rotate(10deg);
transform: translateY(0.375rem) rotate(10deg);
}
40% {
width: 0%;
-webkit-transform: translateY(0.375rem) rotate(10deg);
transform: translateY(0.375rem) rotate(10deg);
}
50% {
width: 0%;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
90% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
@keyframes T1S5DF {
0% {
margin-right: 0;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: top right;
transform-origin: top right;
}
25% {
width: 100%;
-webkit-transform: translateY(0.375rem) rotate(10deg);
transform: translateY(0.375rem) rotate(10deg);
}
30% {
width: 100%;
-webkit-transform: translateY(0.375rem) rotate(10deg);
transform: translateY(0.375rem) rotate(10deg);
}
40% {
width: 0%;
-webkit-transform: translateY(0.375rem) rotate(10deg);
transform: translateY(0.375rem) rotate(10deg);
}
50% {
width: 0%;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
90% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
-webkit-animation-name: T1S5DM;
animation-name: T1S5DM;
width: 0%;
}
@-webkit-keyframes T1S5DM {
0% {
width: 100%;
opacity: 1;
}
40% {
width: 100%;
}
50% {
width: 0%;
opacity: 1;
}
}
@keyframes T1S5DM {
0% {
width: 100%;
opacity: 1;
}
40% {
width: 100%;
}
50% {
width: 0%;
opacity: 1;
}
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-animation-name: T1S5L;
animation-name: T1S5L;
}
@-webkit-keyframes T1S5L {
0% {
margin-left: 0;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
25% {
width: 100%;
-webkit-transform: translateY(-0.375rem) rotate(10deg);
transform: translateY(-0.375rem) rotate(10deg);
}
30% {
width: 100%;
-webkit-transform: translateY(-0.375rem) rotate(10deg);
transform: translateY(-0.375rem) rotate(10deg);
}
40% {
width: 0%;
-webkit-transform: translateY(-0.375rem) rotate(10deg);
transform: translateY(-0.375rem) rotate(10deg);
}
50% {
width: 0%;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
90% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
@keyframes T1S5L {
0% {
margin-left: 0;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
25% {
width: 100%;
-webkit-transform: translateY(-0.375rem) rotate(10deg);
transform: translateY(-0.375rem) rotate(10deg);
}
30% {
width: 100%;
-webkit-transform: translateY(-0.375rem) rotate(10deg);
transform: translateY(-0.375rem) rotate(10deg);
}
40% {
width: 0%;
-webkit-transform: translateY(-0.375rem) rotate(10deg);
transform: translateY(-0.375rem) rotate(10deg);
}
50% {
width: 0%;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
90% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
} .et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
background: 0;
}
.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:before, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:before, .et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:after, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after {
content: '';
display: block;
background: #000;
width: 2px;
min-width: 2px;
height: 2px;
border-radius: 10px;
margin: 0 2px 0 0;
}
.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:after, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after {
width: 100%;
margin: 0;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child), .et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
opacity: 1;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
width: 0;
min-width: 0;
margin-left: 0;
opacity: 1;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-animation-name: T2S3DF;
animation-name: T2S3DF;
}
@-webkit-keyframes T2S3DF {
0% {
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
@keyframes T2S3DF {
0% {
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before {
-webkit-animation-name: T2S3DFB;
animation-name: T2S3DFB;
}
@-webkit-keyframes T2S3DFB {
0% {
width: 100%;
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
}
@keyframes T2S3DFB {
0% {
width: 100%;
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
-webkit-animation-name: T2S3DMA;
animation-name: T2S3DMA;
}
@-webkit-keyframes T2S3DMA {
0% {
width: 100%;
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
}
@keyframes T2S3DMA {
0% {
width: 100%;
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-animation-name: T2S3DL;
animation-name: T2S3DL;
}
@-webkit-keyframes T2S3DL {
0% {
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(-0.25rem);
transform: translateY(-0.25rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
@keyframes T2S3DL {
0% {
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(-0.25rem);
transform: translateY(-0.25rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before {
-webkit-animation-name: T2S3DFB;
animation-name: T2S3DFB;
}
@keyframes T2S3DFB {
0% {
width: 100%;
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
-webkit-animation-name: T2S3DMA;
animation-name: T2S3DMA;
}
@keyframes T2S3DMA {
0% {
width: 100%;
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
-webkit-transform: none;
transform: none;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
width: 0%;
min-width: 0;
margin: 0 auto;
opacity: 0;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child), .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
position: relative;
opacity: 1;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
position: absolute;
width: 100%;
-webkit-transition: all 0.3s linear transform 0.3s 0.3s linear;
transition: all 0.3s linear transform 0.3s 0.3s linear;
-webkit-transform-origin: center;
transform-origin: center;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
width: 100%;
min-width: 0;
opacity: 0;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
-webkit-transform: none;
transform: none;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
position: relative;
-webkit-animation-name: T2S5DF;
animation-name: T2S5DF;
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
@-webkit-keyframes T2S5DF {
20% {
-webkit-transform: none;
transform: none;
}
}
@keyframes T2S5DF {
20% {
-webkit-transform: none;
transform: none;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
position: absolute;
width: 0;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before {
left: 0;
-webkit-animation-name: T2S5DFB;
animation-name: T2S5DFB;
}
@-webkit-keyframes T2S5DFB {
20% {
width: 0%;
}
}
@keyframes T2S5DFB {
20% {
width: 0%;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
right: 0;
-webkit-animation-name: T2S5DFA;
animation-name: T2S5DFA;
}
@-webkit-keyframes T2S5DFA {
20% {
width: 0%;
}
}
@keyframes T2S5DFA {
20% {
width: 0%;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child), .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
position: relative;
opacity: 1;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
margin: 0 auto;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before {
display: none;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
-webkit-animation-name: T2S5DL;
animation-name: T2S5DL;
width: 2px;
}
@-webkit-keyframes T2S5DL {
20% {
-webkit-transform: 100%;
transform: 100%;
}
}
@keyframes T2S5DL {
20% {
-webkit-transform: 100%;
transform: 100%;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
position: relative;
-webkit-animation-name: T2S5DL;
animation-name: T2S5DL;
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
@keyframes T2S5DL {
20% {
-webkit-transform: none;
transform: none;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
position: absolute;
width: 0;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before {
left: 0;
-webkit-animation-name: T2S5DFB;
animation-name: T2S5DFB;
}
@keyframes T2S5DFB {
20% {
width: 0%;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
right: 0;
-webkit-animation-name: T2S5DMA;
animation-name: T2S5DMA;
}
@-webkit-keyframes T2S5DMA {
20% {
width: 0%;
}
}
@keyframes T2S5DMA {
20% {
width: 0%;
}
} .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:before {
width: 100%;
margin: 0 2px 0 0;
}
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after {
width: 2px;
margin: 0;
} .et_divi_100_custom_hamburger_menu--type-4 .et_divi_100_custom_hamburger_menu__icon div {
width: 2px;
margin-right: auto;
margin-left: auto;
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-animation-name: T4S2DF;
animation-name: T4S2DF;
}
@-webkit-keyframes T4S2DF {
0% {
-webkit-transform: none;
transform: none;
}
20% {
width: 2px;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
40% {
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
@keyframes T4S2DF {
0% {
-webkit-transform: none;
transform: none;
}
20% {
width: 2px;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
40% {
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-animation-name: T4S2L;
animation-name: T4S2L;
}
@-webkit-keyframes T4S2L {
0% {
-webkit-transform: none;
transform: none;
}
20% {
width: 2px;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
40% {
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
@keyframes T4S2L {
0% {
-webkit-transform: none;
transform: none;
}
20% {
width: 2px;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
40% {
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {
-webkit-animation: T4S30.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
animation: T4S30.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
}
@-webkit-keyframes T4S3 {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes T4S3 {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-animation-name: T4S3DF;
animation-name: T4S3DF;
}
@-webkit-keyframes T4S3DF {
0% {
-webkit-transform: none;
transform: none;
}
40% {
width: 2px;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
@keyframes T4S3DF {
0% {
-webkit-transform: none;
transform: none;
}
40% {
width: 2px;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-animation-name: T4S3L;
animation-name: T4S3L;
}
@-webkit-keyframes T4S3L {
0% {
-webkit-transform: none;
transform: none;
}
40% {
width: 2px;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
@keyframes T4S3L {
0% {
-webkit-transform: none;
transform: none;
}
40% {
width: 2px;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {
-webkit-animation: T4S40.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
animation: T4S40.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
}
@-webkit-keyframes T4S4 {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes T4S4 {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-animation-name: T4S4DF;
animation-name: T4S4DF;
}
@-webkit-keyframes T4S4DF {}
@keyframes T4S4DF {}.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
-webkit-transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
width: 2px;
-webkit-transform: none;
transform: none;
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
width: 100%;
opacity: 1;
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-transform: translateY(4px);
transform: translateY(4px);
} .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
width: 100%;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
}
.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:after, .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:before {
width: 100%;
}
.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
opacity: 0;
}
.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
.et_divi_100_custom_hamburger_menu .mobile_menu_bar:before, .et_divi_100_custom_hamburger_menu .mobile_menu_bar:after {
display: none;
}
@media (max-width: 980px) {
.et_divi_100_custom_hamburger_menu .mobile_menu_bar {
padding-bottom: 0;
margin-bottom: 26px;
}
}