@font-face {
font-family: 'Kraftstoff';
src: url('../fonts/Kraftstoff-Regular.otf');
src: url('../fonts/Kraftstoff-Regular.eot'),
url('../fonts/Kraftstoff-Regular.eot#iefix') format('embedded-opentype'),
url('../fonts/Kraftstoff-Regular.woff') format('woff'),
url('fonts/Kraftstoff/Kraftstoff-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Maritime';
src: url('fonts/Maritime Champion/MaritimeChampion-Black.otf');
src: url('../fonts/MaritimeChampion-Black.eot'),
url('../fonts/MaritimeChampion-Black.eot#iefix') format('embedded-opentype'),
url('../fonts/MaritimeChampion-Black.woff') format('woff'),
url('../fonts/MaritimeChampion-Black.ttf') format('truetype');
}
@font-face {
font-family: 'Trebuchet';
src: url('../fonts/TrebuchetMS.eot'),
url('../fonts/TrebuchetMS.eot#iefix') format('embedded-opentype'),
url('../fonts/TrebuchetMS.woff') format('woff'),
url('../fonts/TrebuchetMS.ttf') format('truetype');
font-weight: normal;
}
@font-face {
font-family: 'Trebuchet';
src: url('../fonts/Trebuchet%20MS%20Bold.ttf');
src: url('../fonts/TrebuchetMS-Bold.eot'),
url('../fonts/TrebuchetMS-Bold.eot#iefix') format('embedded-opentype'),
url('../fonts/TrebuchetMS-Bold.woff') format('woff'),
url('../fonts/TrebuchetMS-Bold.ttf') format('truetype');
font-weight: bold;
}
@font-face {
font-family: 'Trebuchet';
src: url('../fonts/Trebuchet%20MS%20Italic.ttf');
src: url('../fonts/TrebuchetMS-Italic.eot'),
url('../fonts/TrebuchetMS-Italic.eot#iefix') format('embedded-opentype'),
url('../fonts/TrebuchetMS-Italic.woff') format('woff'),
url('../fonts/TrebuchetMS-Italic.ttf') format('truetype');
font-style: italic;
}
@font-face {
font-family: 'Trebuchet';
src: url('../fonts/Trebuchet%20MS%20Bold%20Italic.ttf');
src: url('../fonts/Trebuchet-BoldItalic.eot'),
url('../fonts/Trebuchet-BoldItalic.eot#iefix') format('embedded-opentype'),
url('../fonts/Trebuchet-BoldItalic.woff') format('woff'),
url('../fonts/Trebuchet-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
body {
background-color: #60504d;
color: #ffffff;
font-family: Kraftstoff;
max-width: 1580px;
margin: auto;
font-size: 16px;
}
body.lock-scroll{
overflow:hidden;
}
@media only screen and (max-device-width: 786px) {
body {
font-size: 15px;
}
}
@media only screen and (max-device-width: 425px) {
body {
font-size: 13px;
}
}
body .row {
margin-left: 0;
margin-right: 0;
}
body .uppercase {
text-transform: uppercase;
}
body .yellow-text {
color: #f4ed57;
}
body .light-color {
color: #d2b887;
}
body .lighter-color {
color: #ad7b52;
}
body .regular-color {
color: #60504d;
}
body .boxed {
background: yellow;
padding: 10px 10px 0px 10px;
}
@media only screen and (max-device-width: 787px) {
body .boxed {
padding: 0;
}
}
body nav.desktop {
height: 110px;
background-color: #ffffff;
padding: 0;
padding-left: 10em;
padding-right: 10em;
border: none!important;
}
body nav.desktop.fixed {
margin: auto;
position: fixed;
z-index: 1000;
max-width: 1580px;
width: 100%;
padding-left: 10em;
padding-right: 10em;
-webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
top: 0;
z-index: 9999999;
}
body nav.desktop li .item:hover{
cursor:pointer;
text-decoration: underline;
}
body nav.desktop li .item:active{
cursor:pointer;
text-decoration: none;
opacity:0.8;
}
body nav.desktop li .item.selected{
cursor:pointer;
font-weight: bold;
text-decoration: underline;
}
@media only screen and (max-device-width: 769px) {
body nav.desktop.fixed {
height: 100px;
padding-left: 2%;
padding-right: 2%;
padding-top: 0px;
}
}
@media only screen and (max-device-width: 425px) {
body nav.desktop.fixed {
height: 90px;
}
}
@media only screen and (max-device-width: 786px) {
body nav.desktop.fixed {
margin: 0;
}
}
body nav.desktop span.logo {
background: url('data:image/svg+xml;utf8, ');
background-repeat: no-repeat;
background-position: 50% 50%;
height: 110px;
background-size: contain;
}
body nav.desktop ul {
list-style-type: none;
text-align: right;
padding: 0;
font-family: 'Trebuchet';
font-weight: bold;
}
body nav.desktop ul li {
display: inline-block;
margin-right: 50px;
text-align: right;
height: 110px;
position: relative;
line-height: 110px;
}
@media only screen and (max-device-width: 769px) {
body nav.desktop {
height: 100px;
padding-left: 2%;
padding-right: 2%;
}
}
@media only screen and (max-device-width: 426px) {
body nav.desktop {
height: 90px;
padding-left: 2%;
padding-right: 2%;
}
body nav.desktop .logo {
background-position: 50% 43%!important;
}
body nav.desktop .hamburger-container {
padding-top: 5%!important;
}
}
body nav.mobile {
position: fixed!important;
background: #d2b887;
position: absolute;
top: 0;
z-index: 999999999;
display: none;
-webkit-box-shadow: 24px 36px 72px 14px rgba(0, 0, 0, 0.44);
-moz-box-shadow: 24px 36px 72px 14px rgba(0, 0, 0, 0.44);
box-shadow: 24px 36px 72px 14px rgba(0, 0, 0, 0.44);
}
body nav.mobile.active {
display: block;
}
body nav.mobile span.logo {
background: url('data:image/svg+xml;utf8, ');
background-repeat: no-repeat;
background-position: 50% 50%;
height: 110px;
background-size: contain;
display: block;
}
body nav.mobile ul {
list-style-type: none;
text-align: right;
padding: 0;
font-family: 'Trebuchet';
font-weight: bold;
padding-bottom: 20%;
color: #4d3e30;
}
body nav.mobile ul li {
display: block;
text-align: left;
height: auto;
position: relative;
line-height: 5.02em;
font-size: 1.2em;
border-bottom: 0.1px solid #b7a076;
}
body section {
background-color: #ffffff;
border: none!important;
}
body section.header {
padding-left: 5%;
padding-right: 5%;
}
@media only screen and (max-device-width: 786px) {
body section.header {
max-height: 9999px;
padding-left: 0px;
padding-right: 0px;
}
}
body section.header > .wpr {
-ms-flex: 0 0 73%;
flex: 0 0 73%;
max-width: 73%;
display: block;
padding: 0;
position: relative;
}
@media only screen and (max-device-width: 786px) {
body section.header > .wpr {
-ms-flex: 0 0 98%;
flex: 0 0 98%;
max-width: 98%;
display: block;
padding: 0;
height: auto;
padding-left: 2%;
position: relative;
background-color: #f4ed57;
}
}
body section.header > .wpr img {
display: block;
width: 100%;
}
body section.header > .wpr .header-navigation, body section .header-navigation {
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
body section.header > .wpr .header-navigation .next img, body section .header-navigation .next img {
width: 80px!important;
height: 80px!important;
top: 40%;
right: 0;
display: block;
position: absolute;
}
body section.header > .wpr .header-navigation .previous img, body section .header-navigation .previous img {
width: 80px!important;
height: 80px!important;
top: 40%;
left: 0;
display: block;
position: absolute;
}
body section.header > .wpr .header-navigation .previous img:hover, body section .header-navigation .previous img:hover {
cursor:pointer!important;
}
body section.header > .wpr .header-navigation .next img:hover, body section .header-navigation .next img:hover {
cursor:pointer!important;
}
body section.header > .content {
background: #f4ed57;
display: block;
-ms-flex: 0 0 27%;
flex: 0 0 27%;
max-width: 27%;
position: relative;
}
body section.header > .content .text {
position: absolute;
padding-left: 5%;
padding-right: 5%;
top: 50%;
transform: translate(0, -50%);
}
body section.header > .content .text h1 {
font-size: 3em;
margin-bottom: 40px;
}
body section.header > .content .text p {
font-size: 1em;
font-family: 'Trebuchet';
margin-bottom: 20px;
}
body section.header > .content .text a.know-more {
font-size: 1.8em;
text-decoration: none;
}
body section.header > .content .text a.know-more:hover {
cursor:pointer;
text-decoration: underline;
}
body section.header .yellow-bar {
background: #f4ed57;
height: 50px;
}
@media only screen and (max-device-width: 786px) {
body section.header .yellow-bar {
padding: 5%;
padding-top: 5%;
padding-bottom: 5%;
height: auto;
}
body section.header .yellow-bar .content .text h1 {
font-size: 2em;
}
body section.header .yellow-bar .content .text p {
font-size: 1em;
}
}
body section.menus {
padding-left: 5%;
padding-right: 5%;
padding-bottom: 60px;
}
body section.menus .menus-navigation {
font-family: Maritime;
font-size: 1.375em;
margin: auto;
text-align: center;
}
body section.menus .menus-navigation .current {
margin-left: 20px;
}
body section.menus .menus-navigation .total {
margin-right: 20px;
}
body section.menus .header {
color: #272019;
padding: 3.75em 0 3.125em 0;
}
body section.menus .header .title {
text-align: center;
}
@media only screen and (max-device-width: 425px) {
body section.menus .header .title {
padding: 0;
}
}
body section.menus .header .title h2 {
font-family: Maritime;
font-size: 2.0625em;
}
body section.menus .header .title p {
font-family: 'Trebuchet';
font-size: 1.1875em;
}
body section.menus .header .menus-navigation {
text-align: right;
}
body section.menus .menus-carousel-container {
position: relative;
overflow: hidden;
}
body section#menu-section .header-navigation .next img, body section#menu-section .header-navigation .previous img {
top: 30% !important;
}
body section.menus .owl-carousel .menu-item {
color: #60504d;
}
body section.menus .owl-carousel .menu-item .content {
width: 100%;
}
body section.menus .owl-carousel .menu-item .content > * {
width: 100%;
display: block;
}
body section.menus .owl-carousel .menu-item .content .title {
font-family: Maritime;
font-size: 1.8em;
}
body section.menus .owl-carousel .menu-item .content .name {
font-size: 1.4em;
}
body section.menus .owl-carousel .menu-item .content .name p {
margin-bottom: 0;
}
body section.menus .owl-carousel .menu-item .content .name > * {
font-size: 1em!important;
}
body section.menus .owl-carousel .menu-item .content .extra {
font-family: 'Trebuchet';
font-size: 0.8125em;
}
body section.menus .owl-carousel .menu-item .image {
position: relative;
font-family: 'Trebuchet';
}
body section.menus .owl-carousel .menu-item .image .top-right {
position: absolute;
top: 24px;
right: 24px;
line-height: 0px;
font-size: 12px;
color: #ffffff;
}
body section.menus .owl-carousel .menu-item .image .top-left {
position: absolute;
top: 24px;
left: 24px;
line-height: 0px;
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
}
body section.menus .owl-carousel .menu-item .image .price {
position: absolute;
top: -24px;
right: 24px;
font-family: 'Trebuchet';
font-size: 3.5em;
color: #f4ed57;
}
body section.menus .owl-carousel .menu-item .image .price .euro, body section.menus .owl-carousel .menu-item .image .price .frac {
font-size: 1em;
top: -0.6em;
position: relative;
}
body section.menus .owl-carousel .menu-item .image .price .int {
font-size: 2em;
letter-spacing: -0.1em;
}
body section.menus .menus-nav {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
body section.locator .map {
min-height: 700px;
}
#menus-navigation > span.previous:hover,#menus-navigation > span.next:hover {
cursor: pointer;
}
body section.locator{
padding:0;
min-height: 700px;
}
body section.locator > .stores-container {
background-color: #ad7b52;
padding: 5% 10%;
overflow: auto;
}
body section.locator > .stores-container > .stores-head {
padding: 0;
}
@media only screen and (max-device-width: 425px) {
body section.locator > .stores-container > .stores-head {
text-align: center;
}
}
body section.locator > .stores-container > .stores-head h2 {
font-family: Maritime;
font-size: 2.0625em;
}
body section.locator > .stores-container > .stores-head h3,
body section.locator > .stores-container > .stores-head select {
font-family: 'Trebuchet';
font-style: italic;
font-weight: bold;
font-size: 1.25em;
padding: 5px;
}
body section.locator > .stores-container > .stores-head > select {
font-family: 'Trebuchet';
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
max-width: 480px;
height: 60px;
background: #ad7b52;
color: #ffffff;
border-radius: 3px;
padding: 2ox;
line-height: 20px;
font-weight: 600;
margin: 30px 0 30px 0;
}
body section.locator > .stores-container > .stores-head select {
border: 1px solid #ccc;
border-radius: 3px;
background: transparent url("../images/select.png") no-repeat 100% 50%;
}
body section.locator > .stores-container > .stores-head > select::-ms-expand{
display: none;
}
body section.locator > .stores-container > .stores-head select:focus {
outline: none;
background: #ad7b52 url("../images/select.png") no-repeat 100% 50%;
}
body section.locator > .stores-container .stores-list-container {
height: 360px;
overflow:auto;
}
body section.locator > .stores-container ul.stores-list {
list-style: none;
max-height: 300px;
padding: 0;
height: 100%;
margin: 0;
}
@media only screen and (max-device-width: 786px) {
body section.locator > .stores-container ul.stores-list {
max-height: 250px;
}
}
body section.locator > .stores-container ul.stores-list li.store {
padding: 0;
margin-bottom: 48px;
font-size: 1.25em;
cursor: pointer;
margin-left: 0.1em;
}
body section.locator > .stores-container ul.stores-list li.store .store-name {
font-family: Maritime;
font-size: 1.25em;
}
body section.locator > .stores-container ul.stores-list li.store > .store-address {
margin-bottom: 20px;
}
@media only screen and (max-device-width: 425px) {
body section.locator > .stores-container ul.stores-list li.store > .store-address {
margin-bottom: 10px;
}
}
body section.locator > .stores-container ul.stores-list li.store > .store-distance {
margin-right: 10px;
font-family: 'Trebuchet';
font-size: 0.75em;
font-style: italic;
font-weight: bold;
}
body section.locator > .stores-container ul.stores-list li.store > .store-directions {
font-weight: 600;
font-family: 'Trebuchet';
font-size: 0.9375em;
font-weight: bold;
}
body section.locator > .stores-container ul.stores-list li.store > .store-directions a {
color: whitesmoke;
}
body section.about-us {
padding: 25% 10% 25% 10%;
max-height: 750px;
background: url('../images/about-us.png');
background-size: cover;
background-position: 50% 50%;
}
@media only screen and (min-device-width: 786px) {
body section.about-us {
padding: 5%;
}
}
body section.about-us > .content {
padding: 0;
margin: auto 0;
}
body section.about-us > .content h2 {
font-size: 2.5em;
font-family: Maritime;
padding-bottom: 50px;
}
body section.about-us > .content p {
font-size: 1.05em;
font-family: 'Trebuchet';
}
body section.talk-with-us {
background-color: #ffffff;
padding: 5% 10%;
}
body section.talk-with-us .modal-box {
margin: auto;
padding: 0;
}
@media only screen and (max-device-width: 425px) {
body section.talk-with-us .modal-box {
padding-bottom: 15%;
padding-top: 15%;
text-align: center;
}
}
body section.talk-with-us .modal-box .title {
font-size: 3.3125em;
}
body section.talk-with-us .modal-box .content {
font-family: 'Trebuchet';
font-size: 1em;
min-height: 150px;
}
body section.talk-with-us .modal-box span.button {
display: block;
width: 100%;
padding-top: 23px;
padding-bottom: 23px;
text-align: center;
background-color: #f0dfd1;
font-family: 'Trebuchet';
font-size: 1.25em;
}
body section.talk-with-us .modal-box span.button:hover {
opacity:0.8;
cursor:pointer;
}
body section.talk-with-us .modal-box span.button:active {
opacity:1;
cursor:pointer;
font-size: 1em;
}
body section.social-feed .title {
background: #f4ed57;
margin: auto;
font-size: 2.5em;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
color: #60504d;
}
body footer {
height: 100px;
background: #ffffff;
color: #60504d;
font-size: 0.8em;
padding-left: 5%;
padding-right: 5%;
}
body footer span.button {
cursor: pointer;
}
body footer span.button:hover {
text-decoration: underline;
}
@media only screen and (max-device-width: 769px) {
body footer {
height: 80px;
}
}
body footer .logo {
background: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAABICAMAAADPslvcAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACrFBMVEVhUEyAgIBhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUExhUEwAAADe00/SAAAA4nRSTlMAAKDy5Mitg1Qf3JU9Ad9zDPBwBdYx4FgiP7u0PCNd4686Yef5aO4aA7Ig86wm9oaORDiXgCUdfBWEXFe3T778o3KW9P4h5R4ZY0DrtrF5eu+TuJhvQ2I3flboFgfMa1opSsqwFJ8Q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');
background-repeat: no-repeat;
background-position: 50% 50%;
}
@media only screen and (max-device-width: 769px) {
body footer .logo {
background-size: 60%;
}
}
@media only screen and (max-device-width: 426px) {
body footer .logo {
background-size: 50%;
background-position: 30% 50%;
}
}
body footer > .copyright {
line-height: 100px;
font-family: 'Trebuchet';
}
@media only screen and (max-device-width: 769px) {
body footer > .copyright {
line-height: 75px;
}
}
@media only screen and (max-device-width: 425px) {
body footer {
height: 120px;
}
body footer .copyright-mobile {
font-size: 1.2em;
text-align: center;
padding: 10px 0px 10px 0px;
}
}
body footer .social-links {
text-align: right;
line-height: 100px;
font-family: 'Trebuchet';
}
@media only screen and (max-device-width: 769px) {
body footer .social-links {
line-height: 85px;
}
}
@media only screen and (max-device-width: 426px) {
body footer .social-links {
line-height: 95px;
}
}
body footer .social-links > .instagram-logo {
margin-right: 21px;
margin-left: 21px;
}
body footer .social-links .visit {
font-size: 1.3em;
}
body footer .social-links .ig-link {
margin: 0 1.25em;
}
@media only screen and (max-device-width: 769px) {
body footer .social-links img {
height: 60%;
}
}
@media only screen and (max-device-width: 425px) {
body footer .social-links {
padding-right: 5%!important;
}
body footer .social-links img {
height: 45%;
}
body footer .social-links .visit {
display: none;
}
}
@media only screen and (max-device-width: 769px) {
body footer > div {
padding: 0!important;
}
}
body .overlay {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
z-index: 99999999;
position: fixed;
top: 0;
}
body .hidden {
display: none!important;
}
body .modal {
z-index: 999999999;
position: fixed;
display: block;
background: white;
width: 90%;
margin: auto;
height: 90%;
color: #60504d;
}
body .modal .modal-wrapper {
width: 100%;
display: table;
height: 100%;
vertical-align: middle;
padding-top: 5%;
}
body .modal .modal-wrapper div {
margin: auto;
margin-bottom: 1.5em;
}
body .modal .modal-wrapper h2 {
margin: auto;
text-transform: uppercase;
font-size: 3em;
}
body .modal .modal-wrapper p {
margin: auto;
}
body .modal .modal-wrapper .intro {
margin-bottom: 1.5em;
font-family: 'Trebuchet';
}
body .modal .modal-wrapper .label {
font-family: 'Trebuchet';
margin: auto;
color: #61504c;
opacity: 0.5;
text-align: left;
}
body .modal .modal-wrapper input,
body .modal .modal-wrapper textarea {
font-family: 'Trebuchet';
font-style: italic;
margin: auto;
border: 1px solid #f0dfd1;
border-radius: 2px;
color: #60504d;
padding: 5px;
}
body .modal .modal-wrapper textarea {
height: 80px;
}
body .modal .modal-wrapper .button {
display: block;
width: 100%;
padding-top: 1em;
padding-bottom: 1em;
text-align: center;
background-color: #f0dfd1;
font-family: 'Trebuchet';
font-size: 1.01em;
}
body .modal .modal-wrapper .button:hover {
opacity:0.8;
cursor:pointer;
}
body .modal .modal-wrapper .button:active {
opacity:1;
cursor:pointer;
font-size: 1em;
}
body .modal .modal-wrapper .close {
position: absolute;
top: 0;
right: 0;
width: 51px;
font-size: 1.02em;
}
body .modal .modal-wrapper .close:hover {
cursor: pointer;
}
body .modal .modal-wrapper .close .x {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
overflow: hidden;
}
body .modal .modal-wrapper .close .x::before,
body .modal .modal-wrapper .close .x::after {
content: '';
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #000;
}
body .modal .modal-wrapper .close .x::before {
transform: rotate(45deg);
}
body .modal .modal-wrapper .close .x::after {
transform: rotate(-45deg);
}
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/*
* Default theme - Owl Carousel CSS File
*/
.owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: -43px;
z-index: 99999;
display: block;
position: absolute;
left: 50%;
transform: translate(-50%, 0%);
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #ffffff;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #f4ed57;
}
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
}
/*
* 3DX
*/
.hamburger--3dx .hamburger-box {
perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
* 3DX Reverse
*/
.hamburger--3dx-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
* 3DY
*/
.hamburger--3dy .hamburger-box {
perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
* 3DY Reverse
*/
.hamburger--3dy-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
* 3DXY
*/
.hamburger--3dxy .hamburger-box {
perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
* 3DXY Reverse
*/
.hamburger--3dxy-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent;
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
/*
* Arrow
*/
.hamburger--arrow.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
/*
* Arrow Right
*/
.hamburger--arrow-r.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
/*
* Arrow Alt
*/
.hamburger--arrowalt .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
/*
* Arrow Alt Right
*/
.hamburger--arrowalt-r .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
/*
* Arrow Turn
*/
.hamburger--arrowturn.is-active .hamburger-inner {
transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
/*
* Arrow Turn Right
*/
.hamburger--arrowturn-r.is-active .hamburger-inner {
transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
/*
* Boring
*/
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
}
/*
* Collapse
*/
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Collapse Reverse
*/
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Elastic
*/
.hamburger--elastic .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-270deg);
transition-delay: 0.075s;
}
/*
* Elastic Reverse
*/
.hamburger--elastic-r .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-135deg);
transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(270deg);
transition-delay: 0.075s;
}
/*
* Emphatic
*/
.hamburger--emphatic {
overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -80px;
top: -80px;
transform: translate3d(80px, 80px, 0) rotate(45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -80px;
top: -80px;
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/*
* Emphatic Reverse
*/
.hamburger--emphatic-r {
overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -80px;
top: 80px;
transform: translate3d(80px, -80px, 0) rotate(-45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -80px;
top: 80px;
transform: translate3d(-80px, -80px, 0) rotate(45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/*
* Minus
*/
.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
opacity: 0;
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
bottom: 0;
}
/*
* Slider
*/
.hamburger--slider .hamburger-inner {
top: 2px;
}
.hamburger--slider .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-90deg);
}
/*
* Slider Reverse
*/
.hamburger--slider-r .hamburger-inner {
top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(90deg);
}
/*
* Spin
*/
.hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Spin Reverse
*/
.hamburger--spin-r .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Spring
*/
.hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 10px;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent;
}
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(-45deg);
}
/*
* Spring Reverse
*/
.hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Stand
*/
.hamburger--stand .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Stand Reverse
*/
.hamburger--stand-r .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Squeeze
*/
.hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/*
* Vortex
*/
.hamburger--vortex .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
}
/*
* Vortex Reverse
*/
.hamburger--vortex-r .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
}
.feed-item{
width: 25%;
display: block;
flex: 1;
background-repeat: no-repeat;
background-position: center;
background-size: cover!important;
position:relative;
}
.feed-items.mobile{
display:none!important;
}
@media only screen and (max-device-width: 789px) {
.feed-item:first-child{
display:none;
}
.feed-items.mobile{
display:flex!important;
}
}
@media only screen and (max-device-width: 425px) {
.feed-item:last-child{
display:none;
}
body .modal {
height:100%;
width:100%;
}
}
.modal .label.invalid{
color:red!important;
}
#send-mail.innactive{
pointer-events: none;
}
body .cookie__bar, body .cookie__modal.active {
font-family: 'Trebuchet MS'
}