.text-center, #navigation .firstRow .inner .right .item, #footer #floating-social-media li { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-bold { font-weight: bold; } .text-normal { font-family: 'gothambook', Fallback, Courier !important; font-weight: normal !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-lowercase { text-transform: lowercase !important; } .text-italic { font-style: italic !important; } .text-underline { text-decoration: underline !important; } .c-black { color: black !important; } .c-blue { color: blue !important; } .c-ocean { color: #64f0f4 !important; } .c-red { color: #f12502 !important; } .c-yellow { color: #FEE50B !important; } .c-orange { color: #052845 !important; } .c-purple { color: #660BFF !important; } .c-pink { color: #F90A5E !important; } .c-green { color: #2dc603 !important; } .c-grey { color: #818385 !important; } .c-dark { color: #313132 !important; } .no-mb { margin: 0; } .no-mb-l { margin-left: 0 !important; } .no-mb-r { margin-right: 0 !important; } .no-mb-t { margin-top: 0 !important; } .no-mb-b { margin-bottom: 0 !important; } .margin-0 { margin: 0 !important; } .mb-4 { margin-bottom: 1.5rem !important; } @media screen and (min-width: 1400px) { .mb-4 { margin-bottom: 3rem !important; } } .mb-5 { margin-bottom: 3rem !important; } @media screen and (min-width: 1400px) { .mb-5 { margin-bottom: 5rem !important; } } .mb-6 { margin-bottom: 4rem !important; } @media screen and (min-width: 1400px) { .mb-6 { margin-bottom: 6rem !important; } } .mb-7 { margin-bottom: 5rem !important; } @media screen and (min-width: 1400px) { .mb-7 { margin-bottom: 7rem !important; } } .mb-8 { margin-bottom: 6rem !important; } @media screen and (min-width: 1400px) { .mb-8 { margin-bottom: 8rem !important; } } .mb-9 { margin-bottom: 7rem !important; } @media screen and (min-width: 1400px) { .mb-9 { margin-bottom: 9rem !important; } } .mb-10 { margin-bottom: 8rem !important; } @media screen and (min-width: 1400px) { .mb-10 { margin-bottom: 10rem !important; } } .no-bg { background: none !important; } .no-bd { border: none !important; } .no-xs { box-shadow: none !important; } .no-pd { padding: 0 !important; } .no-pd-l { padding-left: 0 !important; } .no-pd-r { padding-right: 0 !important; } .no-pd-t { padding-top: 0 !important; } .no-pd-b { padding-bottom: 0 !important; } @font-face { font-family: 'gothamblack'; src: url("../fonts/gotham-black-webfont-6a41c9e8.woff2") format("woff2"), url("../fonts/gotham-black-webfont-b74bd573.woff") format("woff"), url("../fonts/gotham-black-webfont-04d9bbdb.ttf") format("truetype"), url("../img/gotham-black-webfont-eeac6bbb.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothambold'; src: url("../fonts/gotham-bold-webfont-29a0b367.woff2") format("woff2"), url("../fonts/gotham-bold-webfont-641f53c3.woff") format("woff"), url("../fonts/gotham-bold-webfont-8f223b98.ttf") format("truetype"), url("../img/gotham-bold-webfont-9730e99d.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothambold_italic'; src: url("../fonts/gotham-bolditalic-webfont-432eb070.woff2") format("woff2"), url("../fonts/gotham-bolditalic-webfont-4bb36dfc.woff") format("woff"), url("../fonts/gotham-bolditalic-webfont-4d8f290c.ttf") format("truetype"), url("../img/gotham-bolditalic-webfont-c765a314.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothambook'; src: url("../fonts/gotham-book-webfont-1d79bec5.woff2") format("woff2"), url("../fonts/gotham-book-webfont-9c86de05.woff") format("woff"), url("../fonts/gotham-book-webfont-2e2b780b.ttf") format("truetype"), url("../img/gotham-book-webfont-85472eac.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothambook_italic'; src: url("../fonts/gotham-bookitalic-webfont-9804a227.woff2") format("woff2"), url("../fonts/gotham-bookitalic-webfont-8ae9ee83.woff") format("woff"), url("../fonts/gotham-bookitalic-webfont-8c43b2f4.ttf") format("truetype"), url("../img/gotham-bookitalic-webfont-e7b3f613.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothamlight'; src: url("../fonts/gotham-light-webfont-ec84298a.woff2") format("woff2"), url("../fonts/gotham-light-webfont-30fc3b87.woff") format("woff"), url("../fonts/gotham-light-webfont-8b125d3e.ttf") format("truetype"), url("../img/gotham-light-webfont-979d87a2.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothamlight_italic'; src: url("../fonts/gotham-lightitalic-webfont-01d76c62.woff2") format("woff2"), url("../fonts/gotham-lightitalic-webfont-3504d153.woff") format("woff"), url("../fonts/gotham-lightitalic-webfont-5fc303f8.ttf") format("truetype"), url("../img/gotham-lightitalic-webfont-9314a717.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothammedium'; src: url("../fonts/gotham-medium-webfont-d2695a22.woff2") format("woff2"), url("../fonts/gotham-medium-webfont-01d4814d.woff") format("woff"), url("../fonts/gotham-medium-webfont-eed0f7e9.ttf") format("truetype"), url("../img/gotham-medium-webfont-934548a2.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothammedium_italic'; src: url("../fonts/gotham-mediumitalic-webfont-082ff8dc.woff2") format("woff2"), url("../fonts/gotham-mediumitalic-webfont-f989ba75.woff") format("woff"), url("../fonts/gotham-mediumitalic-webfont-5205b4a1.ttf") format("truetype"), url("../img/gotham-mediumitalic-webfont-a91b8ec4.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothamthin'; src: url("../fonts/gotham-thin-webfont-510f4677.woff2") format("woff2"), url("../fonts/gotham-thin-webfont-1f6cadbe.woff") format("woff"), url("../fonts/gotham-thin-webfont-b1c09fce.ttf") format("truetype"), url("../img/gotham-thin-webfont-e7054a35.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothamthin_italic'; src: url("../fonts/gotham-thinitalic-webfont-89702eb7.woff2") format("woff2"), url("../fonts/gotham-thinitalic-webfont-285b399c.woff") format("woff"), url("../fonts/gotham-thinitalic-webfont-d73da84d.ttf") format("truetype"), url("../img/gotham-thinitalic-webfont-d4a0d1e5.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothamultra_italic'; src: url("../fonts/gotham-ultraitalic-webfont-ef283440.woff2") format("woff2"), url("../fonts/gotham-ultraitalic-webfont-087b709d.woff") format("woff"), url("../fonts/gotham-ultraitalic-webfont-70047f6b.ttf") format("truetype"), url("../img/gotham-ultraitalic-webfont-c60fe717.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothamxlight'; src: url("../fonts/gotham-xlight-webfont-22335cc9.woff2") format("woff2"), url("../fonts/gotham-xlight-webfont-431a1159.woff") format("woff"), url("../fonts/gotham-xlight-webfont-423b5dd4.ttf") format("truetype"), url("../img/gotham-xlight-webfont-b9d1b6fd.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothamxlight_italic'; src: url("../fonts/gotham-xlightitalic-webfont-81c83d03.woff2") format("woff2"), url("../fonts/gotham-xlightitalic-webfont-8373a18b.woff") format("woff"), url("../fonts/gotham-xlightitalic-webfont-c7c09133.ttf") format("truetype"), url("../img/gotham-xlightitalic-webfont-731d818b.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto-Regular'; src: url("../fonts/Roboto-Regular-53527074.eot"); src: url("../fonts/Roboto-Regular-97ec9095.eot") format("embedded-open_cardtype"), url("../fonts/Roboto-Regular-58e0fe73.woff2") format("woff2"), url("../img/Roboto-Regular-4b49b580.svg") format("svg"), url("../fonts/Roboto-Regular-48b96624.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'OpenSans-Bold'; src: url("../fonts/OpenSans-Bold-f0a6ad5a.eot"); src: url("../fonts/OpenSans-Bold-946e4da6.eot") format("embedded-open_cardtype"), url("../fonts/OpenSans-Bold-92f5ebaf.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'OpenSans'; src: url("../fonts/OpenSans-8bb5782c.eot"); src: url("../fonts/OpenSans-a12000b9.eot") format("embedded-open_cardtype"), url("../fonts/OpenSans-429c5ae2.woff") format("woff"); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /*FLEXBOX*/ .text-center, #navigation .firstRow .inner .right .item, #footer #floating-social-media li { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-bold { font-weight: bold; } .text-normal { font-family: 'gothambook', Fallback, Courier !important; font-weight: normal !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-lowercase { text-transform: lowercase !important; } .text-italic { font-style: italic !important; } .text-underline { text-decoration: underline !important; } .c-black { color: black !important; } .c-blue { color: blue !important; } .c-ocean { color: #64f0f4 !important; } .c-red { color: #f12502 !important; } .c-yellow { color: #FEE50B !important; } .c-orange { color: #052845 !important; } .c-purple { color: #660BFF !important; } .c-pink { color: #F90A5E !important; } .c-green { color: #2dc603 !important; } .c-grey { color: #818385 !important; } .c-dark { color: #313132 !important; } .no-mb { margin: 0; } .no-mb-l { margin-left: 0 !important; } .no-mb-r { margin-right: 0 !important; } .no-mb-t { margin-top: 0 !important; } .no-mb-b { margin-bottom: 0 !important; } .margin-0 { margin: 0 !important; } .mb-4 { margin-bottom: 1.5rem !important; } @media screen and (min-width: 1400px) { .mb-4 { margin-bottom: 3rem !important; } } .mb-5 { margin-bottom: 3rem !important; } @media screen and (min-width: 1400px) { .mb-5 { margin-bottom: 5rem !important; } } .mb-6 { margin-bottom: 4rem !important; } @media screen and (min-width: 1400px) { .mb-6 { margin-bottom: 6rem !important; } } .mb-7 { margin-bottom: 5rem !important; } @media screen and (min-width: 1400px) { .mb-7 { margin-bottom: 7rem !important; } } .mb-8 { margin-bottom: 6rem !important; } @media screen and (min-width: 1400px) { .mb-8 { margin-bottom: 8rem !important; } } .mb-9 { margin-bottom: 7rem !important; } @media screen and (min-width: 1400px) { .mb-9 { margin-bottom: 9rem !important; } } .mb-10 { margin-bottom: 8rem !important; } @media screen and (min-width: 1400px) { .mb-10 { margin-bottom: 10rem !important; } } .no-bg { background: none !important; } .no-bd { border: none !important; } .no-xs { box-shadow: none !important; } .no-pd { padding: 0 !important; } .no-pd-l { padding-left: 0 !important; } .no-pd-r { padding-right: 0 !important; } .no-pd-t { padding-top: 0 !important; } .no-pd-b { padding-bottom: 0 !important; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /*FLEXBOX*/ .hv-o { opacity: 1; filter: alpha(opacity=100); -webkit-transition: 0.7s ease opacity; -moz-transition: 0.7s ease opacity; -ms-transition: 0.7s ease opacity; -o-transition: 0.7s ease opacity; transition: 0.7s ease opacity; } .hv-o:active, .hv-o:focus, .hv-o:hover { opacity: 0.7; filter: alpha(opacity=70); } .hv-u:active, .hv-u:focus, .hv-u:hover { text-decoration: underline !important; } .hv-blue { -webkit-transition: 0.7s ease color; -moz-transition: 0.7s ease color; -ms-transition: 0.7s ease color; -o-transition: 0.7s ease color; transition: 0.7s ease color; } .hv-blue:active, .hv-blue:focus, .hv-blue:hover { color: blue !important; } .reset { margin: 0; padding: 0; } .fullImage { background-repeat: no-repeat; background-position: center center; background-size: cover; } .scrollbar { scrollbar-width: none; } .scrollbar::-webkit-scrollbar { height: 7px; width: 10px; } .scrollbar::-webkit-scrollbar-track { background: #f1f1f1; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } .scrollbar::-webkit-scrollbar-thumb { background: #888; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; -webkit-transition: 0.7s ease background; -moz-transition: 0.7s ease background; -ms-transition: 0.7s ease background; -o-transition: 0.7s ease background; transition: 0.7s ease background; } .scrollbar::-webkit-scrollbar-thumb:hover { background: #555; -webkit-transition: 0.7s ease background; -moz-transition: 0.7s ease background; -ms-transition: 0.7s ease background; -o-transition: 0.7s ease background; transition: 0.7s ease background; } .no-scrollbar, #navigation .firstRow .outer #myMobilemenu { scrollbar-width: none; } .no-scrollbar::-webkit-scrollbar, #navigation .firstRow .outer #myMobilemenu::-webkit-scrollbar { height: 0; width: 0; } .no-scrollbar::-webkit-scrollbar-track, #navigation .firstRow .outer #myMobilemenu::-webkit-scrollbar-track { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .no-scrollbar::-webkit-scrollbar-thumb, #navigation .firstRow .outer #myMobilemenu::-webkit-scrollbar-thumb { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .shadow { -webkit-box-shadow: inset 0px 0px 60px 30px rgba(0, 0, 0, 0.19); -moz-box-shadow: inset 0px 0px 60px 30px rgba(0, 0, 0, 0.19); -ms-box-shadow: inset 0px 0px 60px 30px rgba(0, 0, 0, 0.19); -o-box-shadow: inset 0px 0px 60px 30px rgba(0, 0, 0, 0.19); box-shadow: inset 0px 0px 60px 30px rgba(0, 0, 0, 0.19); } .middleCenter, #footer #floating-social-media li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; -o-box-pack: center; box-pack: center; -webkit-flex-pack: center; -moz-flex-pack: center; -ms-flex-pack: center; -o-flex-pack: center; flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; -webkit-flex-align: center; -moz-flex-align: center; -ms-flex-align: center; -o-flex-align: center; flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .middleLeft { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; -o-box-pack: center; box-pack: center; -webkit-flex-pack: center; -moz-flex-pack: center; -ms-flex-pack: center; -o-flex-pack: center; flex-pack: center; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; -webkit-flex-align: center; -moz-flex-align: center; -ms-flex-align: center; -o-flex-align: center; flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .animatedDuration { -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -ms-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; } .animateDelay { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; } .loading { -webkit-animation-name: loading; -moz-animation-name: loading; -ms-animation-name: loading; -o-animation-name: loading; animation-name: loading; -webkit-animation-duration: 3.1s; -moz-animation-duration: 3.1s; -ms-animation-duration: 3.1s; -o-animation-duration: 3.1s; animation-duration: 3.1s; } @-webkit-keyframes loading { 0% { top: 50%; height: 2px; width: 0; } 50% { top: 50%; height: 2px; width: 100%; } 100% { top: 0; height: 100vh; width: 100%; } } @-moz-keyframes loading { 0% { top: 50%; height: 2px; width: 0; } 50% { top: 50%; height: 2px; width: 100%; } 100% { top: 0; height: 100vh; width: 100%; } } @-ms-keyframes loading { 0% { top: 50%; height: 2px; width: 0; } 50% { top: 50%; height: 2px; width: 100%; } 100% { top: 0; height: 100vh; width: 100%; } } @keyframes loading { 0% { top: 50%; height: 2px; width: 0; } 50% { top: 50%; height: 2px; width: 100%; } 100% { top: 0; height: 100vh; width: 100%; } } .transformSection { -webkit-animation-name: transformSection; -moz-animation-name: transformSection; -ms-animation-name: transformSection; -o-animation-name: transformSection; animation-name: transformSection; -webkit-animation-direction: initial; -moz-animation-direction: initial; -ms-animation-direction: initial; -o-animation-direction: initial; animation-direction: initial; -webkit-animation-duration: 5s; -moz-animation-duration: 5s; -ms-animation-duration: 5s; -o-animation-duration: 5s; animation-duration: 5s; } @-webkit-keyframes transformSection { from { -webkit-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } to { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-moz-keyframes transformSection { from { -webkit-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } to { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-ms-keyframes transformSection { from { -webkit-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } to { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes transformSection { from { -webkit-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } to { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } .moveTop { margin-bottom: 36px; -webkit-animation: moveTop 0.7s; -moz-animation: moveTop 0.7s; -ms-animation: moveTop 0.7s; -o-animation: moveTop 0.7s; animation: moveTop 0.7s; } @-webkit-keyframes moveTop { from { margin-bottom: 0; } to { margin-bottom: 36px; } } @-moz-keyframes moveTop { from { margin-bottom: 0; } to { margin-bottom: 36px; } } @-ms-keyframes moveTop { from { margin-bottom: 0; } to { margin-bottom: 36px; } } @keyframes moveTop { from { margin-bottom: 0; } to { margin-bottom: 36px; } } .linkUnderline { display: inline-block; color: white; text-decoration: none; } .linkUnderline::after { content: ''; display: block; width: 0; height: 1px; background: white; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; } .linkUnderline:hover::after { background: white; width: 100%; } .mouseTransform { -webkit-transform: perspective(600px) rotateY(0deg) rotateX(0deg); -moz-transform: perspective(600px) rotateY(0deg) rotateX(0deg); -ms-transform: perspective(600px) rotateY(0deg) rotateX(0deg); -o-transform: perspective(600px) rotateY(0deg) rotateX(0deg); transform: perspective(600px) rotateY(0deg) rotateX(0deg); } .hideShow { opacity: 1; filter: alpha(opacity=100); -webkit-animation-name: hideShow; -moz-animation-name: hideShow; -ms-animation-name: hideShow; -o-animation-name: hideShow; animation-name: hideShow; -webkit-animation-direction: initial; -moz-animation-direction: initial; -ms-animation-direction: initial; -o-animation-direction: initial; animation-direction: initial; -webkit-animation-duration: 0.9s; -moz-animation-duration: 0.9s; -ms-animation-duration: 0.9s; -o-animation-duration: 0.9s; animation-duration: 0.9s; -webkit-animation-iteration-count: alternate; -moz-animation-iteration-count: alternate; -ms-animation-iteration-count: alternate; -o-animation-iteration-count: alternate; animation-iteration-count: alternate; } @-webkit-keyframes hideShow { from { opacity: 0; filter: alpha(opacity=0); } to { opacity: 1; filter: alpha(opacity=100); } } @-moz-keyframes hideShow { from { opacity: 0; filter: alpha(opacity=0); } to { opacity: 1; filter: alpha(opacity=100); } } @-ms-keyframes hideShow { from { opacity: 0; filter: alpha(opacity=0); } to { opacity: 1; filter: alpha(opacity=100); } } @keyframes hideShow { from { opacity: 0; filter: alpha(opacity=0); } to { opacity: 1; filter: alpha(opacity=100); } } .showHide { opacity: 0; filter: alpha(opacity=0); -webkit-animation-name: showHide; -moz-animation-name: showHide; -ms-animation-name: showHide; -o-animation-name: showHide; animation-name: showHide; -webkit-animation-direction: initial; -moz-animation-direction: initial; -ms-animation-direction: initial; -o-animation-direction: initial; animation-direction: initial; -webkit-animation-duration: 0.9s; -moz-animation-duration: 0.9s; -ms-animation-duration: 0.9s; -o-animation-duration: 0.9s; animation-duration: 0.9s; -webkit-animation-iteration-count: alternate; -moz-animation-iteration-count: alternate; -ms-animation-iteration-count: alternate; -o-animation-iteration-count: alternate; animation-iteration-count: alternate; } @-webkit-keyframes showHide { from { opacity: 1; filter: alpha(opacity=100); } to { opacity: 0; filter: alpha(opacity=0); } } @-moz-keyframes showHide { from { opacity: 1; filter: alpha(opacity=100); } to { opacity: 0; filter: alpha(opacity=0); } } @-ms-keyframes showHide { from { opacity: 1; filter: alpha(opacity=100); } to { opacity: 0; filter: alpha(opacity=0); } } @keyframes showHide { from { opacity: 1; filter: alpha(opacity=100); } to { opacity: 0; filter: alpha(opacity=0); } } .hoverHide { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.4s linear; -moz-transition: opacity 1.4s linear; -ms-transition: opacity 1.4s linear; -o-transition: opacity 1.4s linear; transition: opacity 1.4s linear; } .hoverHide:active, .hoverHide:focus, .hoverHide:hover { opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: opacity 1.4s linear; -moz-transition: opacity 1.4s linear; -ms-transition: opacity 1.4s linear; -o-transition: opacity 1.4s linear; transition: opacity 1.4s linear; } .hoverShow { opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: opacity 1.4s linear; -moz-transition: opacity 1.4s linear; -ms-transition: opacity 1.4s linear; -o-transition: opacity 1.4s linear; transition: opacity 1.4s linear; } .hoverShow:active, .hoverShow:focus, .hoverShow:hover { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.4s linear; -moz-transition: opacity 1.4s linear; -ms-transition: opacity 1.4s linear; -o-transition: opacity 1.4s linear; transition: opacity 1.4s linear; } .rotate90degLeft { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left top 0; -moz-transform-origin: left top 0; -ms-transform-origin: left top 0; -o-transform-origin: left top 0; transform-origin: left top 0; } .rotate90degRight { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right top 0; -moz-transform-origin: right top 0; -ms-transform-origin: right top 0; -o-transform-origin: right top 0; transform-origin: right top 0; } .bounce { -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -ms-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } } .effect1 { -webkit-box-shadow: 0 10px 6px -6px #313132; -moz-box-shadow: 0 10px 6px -6px #313132; -ms-box-shadow: 0 10px 6px -6px #313132; -o-box-shadow: 0 10px 6px -6px #313132; box-shadow: 0 10px 6px -6px #313132; } .effect2 { position: relative; } .effect2:before, .effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #313132; -webkit-box-shadow: 0 15px 10px #313132; -moz-box-shadow: 0 15px 10px #313132; -ms-box-shadow: 0 15px 10px #313132; -o-box-shadow: 0 15px 10px #313132; box-shadow: 0 15px 10px #313132; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } .effect2:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } .effect3 { position: relative; } .effect3:before { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #313132; -webkit-box-shadow: 0 15px 10px #313132; -moz-box-shadow: 0 15px 10px #313132; -ms-box-shadow: 0 15px 10px #313132; -o-box-shadow: 0 15px 10px #313132; box-shadow: 0 15px 10px #313132; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } .effect4 { position: relative; } .effect4:after { z-index: -1; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width: 300px; background: #313132; -webkit-box-shadow: 0 15px 10px #313132; -moz-box-shadow: 0 15px 10px #313132; -ms-box-shadow: 0 15px 10px #313132; -o-box-shadow: 0 15px 10px #313132; box-shadow: 0 15px 10px #313132; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } .effect5 { position: relative; } .effect5:before, .effect5:after { z-index: -1; position: absolute; content: ""; bottom: 25px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #313132; -webkit-box-shadow: 0 35px 20px #313132; -moz-box-shadow: 0 35px 20px #313132; -ms-box-shadow: 0 35px 20px #313132; -o-box-shadow: 0 35px 20px #313132; box-shadow: 0 35px 20px #313132; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -o-transform: rotate(-8deg); transform: rotate(-8deg); } .effect5:after { -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -o-transform: rotate(8deg); transform: rotate(8deg); right: 10px; left: auto; } .effect6 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .effect6:before, .effect6:after { content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); top: 50%; bottom: 0; left: 10px; right: 10px; -webkit-border-radius: 10; -moz-border-radius: 10; -ms-border-radius: 10; -o-border-radius: 10; border-radius: 10; } .effect6:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } .effect7 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .effect7:before, .effect7:after { content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); top: 0; bottom: 0; left: 10px; right: 10px; -webkit-border-radius: 10; -moz-border-radius: 10; -ms-border-radius: 10; -o-border-radius: 10; border-radius: 10; } .effect7:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } .effect8 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .effect8:before, .effect8:after { content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); top: 10px; bottom: 10px; left: 0; right: 0; -webkit-border-radius: 10; -moz-border-radius: 10; -ms-border-radius: 10; -o-border-radius: 10; border-radius: 10; } .effect8:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } .radius { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; position: absolute; top: 14px; right: 3px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px; height: 10px; z-index: 1; } .radius .border-animation, .radius .place { display: block; width: 100%; height: 100%; position: absolute; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .radius .place { background-color: #f12502; z-index: 2; } .radius .border-animation { z-index: 1; } .radius .ba1 { animation: rounder1 1.3s linear 1.3s infinite alternate; background-color: rgba(239, 8, 20, 0.6); } @keyframes rounder1 { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.39); -moz-transform: scale(1.39); -ms-transform: scale(1.39); -o-transform: scale(1.39); transform: scale(1.39); } } .radius .ba2 { animation: rounder2 1.3s linear 1.3s infinite alternate; background-color: rgba(239, 8, 20, 0.5); } @keyframes rounder2 { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.69); -moz-transform: scale(1.69); -ms-transform: scale(1.69); -o-transform: scale(1.69); transform: scale(1.69); } } .radius .ba3 { animation: rounder3 1.3s linear 1.3s infinite alternate; background-color: rgba(239, 8, 20, 0.4); } @keyframes rounder3 { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.99); -moz-transform: scale(1.99); -ms-transform: scale(1.99); -o-transform: scale(1.99); transform: scale(1.99); } } #navigation { background-color: transparent; width: 100%; z-index: 999; -webkit-transition: 0.7s ease top; -moz-transition: 0.7s ease top; -ms-transition: 0.7s ease top; -o-transition: 0.7s ease top; transition: 0.7s ease top; } #navigation.scrolled .firstRow { background-color: white; position: fixed; top: 0; left: 0; right: 0; -webkit-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); -webkit-transition: 0.7s ease box-shadow, 0.7s ease position, 0.7s ease top; -moz-transition: 0.7s ease box-shadow, 0.7s ease position, 0.7s ease top; -ms-transition: 0.7s ease box-shadow, 0.7s ease position, 0.7s ease top; -o-transition: 0.7s ease box-shadow, 0.7s ease position, 0.7s ease top; transition: 0.7s ease box-shadow, 0.7s ease position, 0.7s ease top; z-index: 999; } #navigation.scrolled .firstRow .inner { -webkit-transition: 0.7s ease height; -moz-transition: 0.7s ease height; -ms-transition: 0.7s ease height; -o-transition: 0.7s ease height; transition: 0.7s ease height; height: 90px; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation.scrolled .firstRow .inner { height: 90px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation.scrolled .firstRow .inner { height: 110px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation.scrolled .firstRow .inner { height: 140px; } } #navigation.scrolled .firstRow .inner .left { -webkit-transition: 0.7s ease width; -moz-transition: 0.7s ease width; -ms-transition: 0.7s ease width; -o-transition: 0.7s ease width; transition: 0.7s ease width; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation.scrolled .firstRow .inner .left { width: 140px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation.scrolled .firstRow .inner .left { width: 160px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation.scrolled .firstRow .inner .left { width: 210px; } } @media (min-width: 1200px) and (max-width: 1400px) { #navigation.scrolled .firstRow .inner .left { width: 140px; } } @media (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation.scrolled .firstRow .inner .left { width: 100px; } } #navigation.scrolled .firstRow .inner .left .my-brand { -webkit-transition: 0.7s ease height; -moz-transition: 0.7s ease height; -ms-transition: 0.7s ease height; -o-transition: 0.7s ease height; transition: 0.7s ease height; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation.scrolled .firstRow .inner .left .my-brand { height: 120px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation.scrolled .firstRow .inner .left .my-brand { height: 140px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation.scrolled .firstRow .inner .left .my-brand { height: 220px; } } @media (min-width: 1200px) and (max-width: 1400px), (min-width: 992px) and (max-width: 1200px) { #navigation.scrolled .firstRow .inner .left .my-brand { height: 120px; } } @media (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation.scrolled .firstRow .inner .left .my-brand { height: 110px; } } #navigation.scrolled .firstRow .inner .left .my-brand img { -webkit-transition: 0.7s ease height, 0.7s ease margin; -moz-transition: 0.7s ease height, 0.7s ease margin; -ms-transition: 0.7s ease height, 0.7s ease margin; -o-transition: 0.7s ease height, 0.7s ease margin; transition: 0.7s ease height, 0.7s ease margin; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation.scrolled .firstRow .inner .left .my-brand img { height: 90px; margin: 14px 0 0 0; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation.scrolled .firstRow .inner .left .my-brand img { height: 100px; margin: 21px 0 0 0; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation.scrolled .firstRow .inner .left .my-brand img { height: 160px; margin: 35px 0 0 0; } } @media (min-width: 1200px) and (max-width: 1400px) { #navigation.scrolled .firstRow .inner .left .my-brand img { height: 90px; margin: 14px 0 0 0; } } @media (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation.scrolled .firstRow .inner .left .my-brand img { height: 86px; margin: 11px 0 0 0; } } #navigation.scrolled .firstRow .inner .center { -webkit-transition: 0.7s ease visibility; -moz-transition: 0.7s ease visibility; -ms-transition: 0.7s ease visibility; -o-transition: 0.7s ease visibility; transition: 0.7s ease visibility; } #navigation .firstRow { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-transition: 0.7s ease box-shadow, 0.7s ease position, 0.7s ease background-color; -moz-transition: 0.7s ease box-shadow, 0.7s ease position, 0.7s ease background-color; -ms-transition: 0.7s ease box-shadow, 0.7s ease position, 0.7s ease background-color; -o-transition: 0.7s ease box-shadow, 0.7s ease position, 0.7s ease background-color; transition: 0.7s ease box-shadow, 0.7s ease position, 0.7s ease background-color; position: relative; top: unset; left: unset; } #navigation .firstRow .inner { background-color: transparent; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; position: relative; -webkit-transition: 0.7s ease background-color; -moz-transition: 0.7s ease background-color; -ms-transition: 0.7s ease background-color; -o-transition: 0.7s ease background-color; transition: 0.7s ease background-color; height: 100px; width: 100%; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner { height: 100px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner { height: 120px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner { height: 140px; } } #navigation .firstRow .inner .left, #navigation .firstRow .inner .center, #navigation .firstRow .inner .right { height: auto; z-index: 2; } #navigation .firstRow .inner .left { position: relative; height: 100%; -webkit-transition: 0.7s ease width; -moz-transition: 0.7s ease width; -ms-transition: 0.7s ease width; -o-transition: 0.7s ease width; transition: 0.7s ease width; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .left { width: 150px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .left { height: 180px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .left { width: 240px; } } @media (min-width: 1200px) and (max-width: 1400px) { #navigation .firstRow .inner .left { width: 150px; } } @media (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .left { width: 110px; } } #navigation .firstRow .inner .left .my-brand { background-color: white; position: absolute; left: 0; top: 0; text-align: center; width: 100%; -webkit-transition: 0.7s ease height; -moz-transition: 0.7s ease height; -ms-transition: 0.7s ease height; -o-transition: 0.7s ease height; transition: 0.7s ease height; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .left .my-brand { border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; height: 140px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .left .my-brand { border-bottom-left-radius: 42px; border-bottom-right-radius: 42px; height: 160px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .left .my-brand { border-bottom-left-radius: 49px; border-bottom-right-radius: 49px; height: 240px; } } @media (min-width: 1200px) and (max-width: 1400px) { #navigation .firstRow .inner .left .my-brand { border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; height: 140px; } } @media (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .left .my-brand { border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; height: 126px; } } #navigation .firstRow .inner .left .my-brand img { -webkit-transition: 0.7s ease height, 0.7s ease margin; -moz-transition: 0.7s ease height, 0.7s ease margin; -ms-transition: 0.7s ease height, 0.7s ease margin; -o-transition: 0.7s ease height, 0.7s ease margin; transition: 0.7s ease height, 0.7s ease margin; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .left .my-brand img { height: 104px; margin: 21px 0 0 0; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .left .my-brand img { height: 104px; margin: 42px 0 0 0; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .left .my-brand img { height: 180px; margin: 35px 0 0 0; } } @media (min-width: 1200px) and (max-width: 1400px) { #navigation .firstRow .inner .left .my-brand img { height: 104px; margin: 21px 0 0 0; } } @media (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .left .my-brand img { height: 100px; margin: 11px 0 0 0; } } #navigation .firstRow .inner .center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 100%; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .center { padding: 7px 0; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .center { padding: 10px 0; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .center { padding: 21px 0; } } @media (min-width: 1200px) and (max-width: 1400px) { #navigation .firstRow .inner .center { padding: 7px 0; } } @media (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .center { display: none; } } #navigation .firstRow .inner .center .menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #navigation .firstRow .inner .center .menu .item { background-color: white; border: 1px solid #052845; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; margin: 0 7px 0 0; text-align: center; text-transform: uppercase; min-width: 84px; white-space: nowrap; width: auto; } #navigation .firstRow .inner .center .menu .item#register-dropdown { background-color: #FFC60C; } @media (min-width: 1400px) { #navigation .firstRow .inner .center .menu .item { -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .center .menu .item { min-width: 90px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .center .menu .item { min-width: 120px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .center .menu .item { min-width: 140px; } } #navigation .firstRow .inner .center .menu .item:hover, #navigation .firstRow .inner .center .menu .item#register-dropdown:hover, #navigation .firstRow .inner .center .menu .item:active, #navigation .firstRow .inner .center .menu .item:focus { background-color: #052845; border: 1px solid #052845; -webkit-transition: 0.7s ease background-color, 0.7s ease border; -moz-transition: 0.7s ease background-color, 0.7s ease border; -ms-transition: 0.7s ease background-color, 0.7s ease border; -o-transition: 0.7s ease background-color, 0.7s ease border; transition: 0.7s ease background-color, 0.7s ease border; } #navigation .firstRow .inner .center .menu .item:hover .link, #navigation .firstRow .inner .center .menu .item:active .link, #navigation .firstRow .inner .center .menu .item:focus .link { -webkit-transition: 0.7s ease color; -moz-transition: 0.7s ease color; -ms-transition: 0.7s ease color; -o-transition: 0.7s ease color; transition: 0.7s ease color; color: white; } #navigation .firstRow .inner .center .menu .item.active { background-color: #052845; border: 1px solid #052845; -webkit-transition: 0.7s ease background-color, 0.7s ease border; -moz-transition: 0.7s ease background-color, 0.7s ease border; -ms-transition: 0.7s ease background-color, 0.7s ease border; -o-transition: 0.7s ease background-color, 0.7s ease border; transition: 0.7s ease background-color, 0.7s ease border; } #navigation .firstRow .inner .center .menu .item.active .link { -webkit-transition: 0.7s ease color; -moz-transition: 0.7s ease color; -ms-transition: 0.7s ease color; -o-transition: 0.7s ease color; transition: 0.7s ease color; color: white; } #navigation .firstRow .inner .center .menu .item.no-border { border: none; } #navigation .firstRow .inner .center .menu .item.min-width-70px { min-width: 70px; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .center .menu .item.min-width-70px { min-width: 70px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .center .menu .item.min-width-70px { min-width: 100px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .center .menu .item.min-width-70px { min-width: 140px; } } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-toggle .lnr-chevron-down { font-size: 10px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-toggle .lnr-chevron-down { font-size: 16px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-toggle .lnr-chevron-down { font-size: 21px; } } @media (min-width: 1200px) and (max-width: 1400px), (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-toggle .lnr-chevron-down { font-size: 10px; } } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-toggle .lnr-menu { font-size: 21px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-toggle .lnr-menu { font-size: 24px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-toggle .lnr-menu { font-size: 28px; } } @media (min-width: 1200px) and (max-width: 1400px), (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-toggle .lnr-menu { font-size: 21px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu { min-width: 15rem; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item { padding: 7px 14px; } } #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item.active, #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item:hover, #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item:active, #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item:focus { background-color: #052845; color: white; -webkit-transition: 0.7s ease background-color, 0.7s ease color; -moz-transition: 0.7s ease background-color, 0.7s ease color; -ms-transition: 0.7s ease background-color, 0.7s ease color; -o-transition: 0.7s ease background-color, 0.7s ease color; transition: 0.7s ease background-color, 0.7s ease color; } #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item.active .dropdown-link, #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item:hover .dropdown-link, #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item:active .dropdown-link, #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item:focus .dropdown-link { color: white; } #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item .dropdown-link { text-transform: uppercase !important; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item .dropdown-link { font-size: 14px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item .dropdown-link { font-size: 18px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item .dropdown-link { font-size: 24px; } } @media (min-width: 1200px) and (max-width: 1400px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item .dropdown-link { font-size: 12px; } } @media (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .center .menu .item.dropdown .dropdown-menu .dropdown-item .dropdown-link { font-size: 14px; } } #navigation .firstRow .inner .center .menu .item .link { color: black; display: block; font-family: "gothambook", Fallback, Courier; -webkit-transition: 0.7s ease color; -moz-transition: 0.7s ease color; -ms-transition: 0.7s ease color; -o-transition: 0.7s ease color; transition: 0.7s ease color; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .center .menu .item .link { font-size: 14px; line-height: 1.5; padding: 7px 7px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .center .menu .item .link { font-size: 18px; line-height: 1.5; padding: 10px 10px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .center .menu .item .link { font-size: 24px; padding: 16px 16px; } } @media (min-width: 1200px) and (max-width: 1400px), (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px) { #navigation .firstRow .inner .center .menu .item .link { font-size: 12px; line-height: 1.5; padding: 7px 7px; } } @media (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .center .menu .item .link { font-size: 14px; } } #navigation .firstRow .inner .right { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .right { padding: 7px 0 7px 0; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .right { padding: 14px 0 14px 0; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .right { padding: 14px 0 14px 0; } } @media (min-width: 1200px) and (max-width: 1400px), (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .right { padding: 7px 0 7px 0; } } #navigation .firstRow .inner .right .item { display: inline-block; margin: 0 7px 0 0; } @media (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .right .item { margin: 0; } } #navigation .firstRow .inner .right .item.active .link-nav { color: #052845; } #navigation .firstRow .inner .right .item.this-mobile { margin: 28px; width: 28px; } @media (min-width: 1400px), (min-width: 1200px) and (max-width: 1400px) { #navigation .firstRow .inner .right .item.this-mobile { display: none; } } @media (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px) { #navigation .firstRow .inner .right .item.this-mobile { display: block; position: relative; top: 0; } } @media (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .right .item.this-mobile { margin: 28px 0; position: relative; top: 0; width: auto; } } #navigation .firstRow .inner .right .item.this-mobile .mobilemenu, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu2, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu3, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu4, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu5 { transition: transform 0.5s; } #navigation .firstRow .inner .right .item.this-mobile .mobilemenu .line-1, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu2 .line-1, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu3 .line-1, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu4 .line-1, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu5 .line-1, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu .line-2, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu2 .line-2, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu3 .line-2, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu4 .line-2, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu5 .line-2, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu .line-3, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu2 .line-3, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu3 .line-3, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu4 .line-3, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu5 .line-3 { border-top: 2px solid #052845; display: block; transition: margin 0.5s, transform 0.5s; width: 28px; } #navigation .firstRow .inner .right .item.this-mobile .mobilemenu .line-2, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu2 .line-2, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu3 .line-2, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu4 .line-2, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu5 .line-2 { margin: 7px 0; } #navigation .firstRow .inner .right .item.this-mobile .mobilemenu.toggle, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu2, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu3, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu4, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu5 { position: relative; top: -5px; } #navigation .firstRow .inner .right .item.this-mobile .mobilemenu.toggle .line-1, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu2 .line-1, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu3 .line-1, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu4 .line-1, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu5 .line-1, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu.toggle .line-2, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu2 .line-2, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu3 .line-2, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu4 .line-2, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu5 .line-2, #navigation .firstRow .inner .right .item.this-mobile .mobilemenu.toggle .line-3, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu2 .line-3, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu3 .line-3, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu4 .line-3, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu5 .line-3 { transform: rotate(45deg); } #navigation .firstRow .inner .right .item.this-mobile .mobilemenu.toggle .line-2, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu2 .line-2, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu3 .line-2, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu4 .line-2, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu5 .line-2 { margin: -2px 0; opacity: 0; } #navigation .firstRow .inner .right .item.this-mobile .mobilemenu.toggle .line-3, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu2 .line-3, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu3 .line-3, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu4 .line-3, #navigation .firstRow .inner .right .item.this-mobile .toggle.mobilemenu5 .line-3 { transform: rotate(-45deg); } #navigation .firstRow .inner .right .item.this-mobile .mobilemenu2.toggle { transform: rotateX(180deg); } #navigation .firstRow .inner .right .item.this-mobile .mobilemenu3.toggle { transform: rotateY(180deg); } #navigation .firstRow .inner .right .item.this-mobile .mobilemenu4.toggle { transform: rotate(90deg); } #navigation .firstRow .inner .right .item.this-mobile .mobilemenu5.toggle { transform: rotate(180deg); } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .right .item.my-profile { min-width: 100px; padding: 0; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .right .item.my-profile { min-width: 140px; padding: 0; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .right .item.my-profile { min-width: 140px; padding: 0; } } @media (min-width: 1200px) and (max-width: 1400px), (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .right .item.my-profile { min-width: 100px; padding: 0; } } #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-picture { background-position: center; background-repeat: no-repeat; background-size: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; margin: 0 auto; margin-bottom: 5px; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-picture { height: 40px; width: 40px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-picture { height: 60px; width: 60px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-picture { height: 70px; width: 70px; } } @media (min-width: 1200px) and (max-width: 1400px), (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-picture { height: 40px; width: 40px; } } #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-name { font-family: "gothambook", Fallback, Courier; text-align: left; position: relative; width: 100%; } #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-name .my-name { display: inline-block; width: calc(100% - 21px); overflow: hidden; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-name .my-name { font-size: 14px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-name .my-name { width: calc(100% - 28px); font-size: 18px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-name .my-name { width: calc(100% - 28px); font-size: 24px; } } @media (min-width: 1200px) and (max-width: 1400px), (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-name .my-name { font-size: 14px; } } #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-name .my-lnr { display: inline-block; position: absolute; right: 0; top: 6px; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-name .my-lnr { font-size: 14px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-name .my-lnr { font-size: 19px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-name .my-lnr { font-size: 24px; } } @media (min-width: 1200px) and (max-width: 1400px), (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-toggle .display-name .my-lnr { font-size: 14px; } } #navigation .firstRow .inner .right .item.my-profile .dropdown-menu .dropdown-item { background-color: #052845; color: white; -webkit-transition: 0.7s ease background-color, 0.7s ease color; -moz-transition: 0.7s ease background-color, 0.7s ease color; -ms-transition: 0.7s ease background-color, 0.7s ease color; -o-transition: 0.7s ease background-color, 0.7s ease color; transition: 0.7s ease background-color, 0.7s ease color; } #navigation .firstRow .inner .right .item.my-profile .dropdown-menu .dropdown-item.active .dropdown-link, #navigation .firstRow .inner .right .item.my-profile .dropdown-menu .dropdown-item:hover .dropdown-link, #navigation .firstRow .inner .right .item.my-profile .dropdown-menu .dropdown-item:active .dropdown-link, #navigation .firstRow .inner .right .item.my-profile .dropdown-menu .dropdown-item:focus .dropdown-link { color: white; } #navigation .firstRow .inner .right .item.my-profile .dropdown-menu .dropdown-item .dropdown-link { text-transform: uppercase !important; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-menu .dropdown-item .dropdown-link { font-size: 14px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-menu .dropdown-item .dropdown-link { font-size: 16px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-menu .dropdown-item .dropdown-link { font-size: 24px; } } @media (min-width: 1200px) and (max-width: 1400px), (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .right .item.my-profile .dropdown-menu .dropdown-item .dropdown-link { font-size: 14px; } } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #navigation .firstRow .inner .right .item .btn { font-size: 14px !important; min-width: 100px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #navigation .firstRow .inner .right .item .btn { font-size: 18px !important; min-width: 120px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #navigation .firstRow .inner .right .item .btn { font-size: 24px !important; min-width: 160px; } } @media (min-width: 1200px) and (max-width: 1400px), (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px) { #navigation .firstRow .inner .right .item .btn { font-size: 14px !important; } } @media (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .inner .right .item .btn { display: none; } } #navigation .firstRow .outer #myMobilemenu { background-color: white; -webkit-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); display: block; padding: 21px 0; position: fixed; left: -300px; top: 0; -webkit-transition: 0.7s ease box-shadow, 0.7s ease left; -moz-transition: 0.7s ease box-shadow, 0.7s ease left; -ms-transition: 0.7s ease box-shadow, 0.7s ease left; -o-transition: 0.7s ease box-shadow, 0.7s ease left; transition: 0.7s ease box-shadow, 0.7s ease left; height: 100vh; width: 300px; z-index: 9999; overflow-x: hidden; overflow-y: scroll; } @media (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .outer #myMobilemenu { left: -240px; width: 240px; } } #navigation .firstRow .outer #myMobilemenu.show { -webkit-transition: 0.7s ease left; -moz-transition: 0.7s ease left; -ms-transition: 0.7s ease left; -o-transition: 0.7s ease left; transition: 0.7s ease left; left: 0; } #navigation .firstRow .outer #myMobilemenu .item { margin: 0; padding: 0; position: relative; } #navigation .firstRow .outer #myMobilemenu .item:hover .link, #navigation .firstRow .outer #myMobilemenu .item:active .link, #navigation .firstRow .outer #myMobilemenu .item:focus .link { background-color: #052845; color: white; } #navigation .firstRow .outer #myMobilemenu .item.active .link { background-color: #052845; color: white; } #navigation .firstRow .outer #myMobilemenu .item.mainmenu:hover .link, #navigation .firstRow .outer #myMobilemenu .item.mainmenu:active .link, #navigation .firstRow .outer #myMobilemenu .item.mainmenu:focus .link { background-color: #052845; color: white; } #navigation .firstRow .outer #myMobilemenu .item.mainmenu .submenu .item { padding: 0 0 0 21px; } #navigation .firstRow .outer #myMobilemenu .item.my-button { padding: 14px 21px; } @media (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .outer #myMobilemenu .item.my-button { padding: 0; } } #navigation .firstRow .outer #myMobilemenu .item.my-profile:hover .link, #navigation .firstRow .outer #myMobilemenu .item.my-profile:active .link, #navigation .firstRow .outer #myMobilemenu .item.my-profile:focus .link { background-color: white; color: black; } #navigation .firstRow .outer #myMobilemenu .item.my-profile .display-profile { padding: 14px 21px; } #navigation .firstRow .outer #myMobilemenu .item.my-profile .display-profile .display-picture { background-position: center; background-repeat: no-repeat; background-size: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; margin: 0 auto; height: 115px; width: 115px; } #navigation .firstRow .outer #myMobilemenu .item.my-profile .display-profile .display-name { font-family: "gothammedium", Fallback, Courier; font-size: 18px; position: relative; width: 100%; } #navigation .firstRow .outer #myMobilemenu .item.my-profile .display-profile .display-name .lnr { font-size: 14px; position: absolute; right: 0; top: 7px; } #navigation .firstRow .outer #myMobilemenu .item.my-profile .submenu .item .subHeading { font-family: "gothammedium", Fallback, Courier; font-size: 18px; } #navigation .firstRow .outer #myMobilemenu .item.my-profile .submenu .item .link { padding: 14px 35px; } #navigation .firstRow .outer #myMobilemenu .item.my-profile .submenu .item .link:hover, #navigation .firstRow .outer #myMobilemenu .item.my-profile .submenu .item .link:active, #navigation .firstRow .outer #myMobilemenu .item.my-profile .submenu .item .link:focus { background-color: #052845; color: white; } #navigation .firstRow .outer #myMobilemenu .item .subHeading { padding: 14px 21px; } #navigation .firstRow .outer #myMobilemenu .item .btn { font-size: 18px !important; } @media (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .outer #myMobilemenu .item .btn { margin: 0 21px 7px 21px; width: calc(100% - 42px); } } #navigation .firstRow .outer #myMobilemenu .item .btn:first-child { margin: 0 7px 0 0; } @media (min-width: 280px) and (max-width: 411px) { #navigation .firstRow .outer #myMobilemenu .item .btn:first-child { margin: 0 21px 7px 21px; } } #navigation .firstRow .outer #myMobilemenu .item .link { color: black; display: block; font-family: "gothambook", Fallback, Courier; -webkit-transition: 0.7s ease color; -moz-transition: 0.7s ease color; -ms-transition: 0.7s ease color; -o-transition: 0.7s ease color; transition: 0.7s ease color; font-size: 18px; line-height: 1.5; padding: 14px 21px; } #navigation .firstRow .outer #myMobilemenu .item .link .lnr { font-size: 14px; position: absolute; right: 21px; top: 21px; } #footer { background-color: #207BC4; padding: 4rem 0 0 0; } #footer #floating-social-media { background-color: white; border-top-left-radius: 21px; border-bottom-left-radius: 21px; -webkit-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); padding: 16px 10px 8px 10px; position: fixed; right: 0; top: 42%; z-index: 9998; } @media (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #footer #floating-social-media { display: none; } } #footer #floating-social-media li { background-color: #0212df; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; margin: 0 0 7px 0; height: 25px; width: 25px; -webkit-transition: 0.7s ease background-color; -moz-transition: 0.7s ease background-color; -ms-transition: 0.7s ease background-color; -o-transition: 0.7s ease background-color; transition: 0.7s ease background-color; } @media (min-width: 1400px) { #footer #floating-social-media li { height: 35px; width: 35px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #footer #floating-social-media li { height: 56px; width: 56px; } } #footer #floating-social-media li:hover, #footer #floating-social-media li:active, #footer #floating-social-media li:focus { background-color: #052845; -webkit-transition: 0.7s ease background-color; -moz-transition: 0.7s ease background-color; -ms-transition: 0.7s ease background-color; -o-transition: 0.7s ease background-color; transition: 0.7s ease background-color; } #footer #floating-social-media li a { color: white; } #footer #floating-social-media li a .fa-brands { color: white !important; font-size: 14px; } @media (min-width: 1400px) { #footer #floating-social-media li a .fa-brands { font-size: 14px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #footer #floating-social-media li a .fa-brands { font-size: 24px; } } #footer #chat-me { position: fixed; bottom: 21px; right: 49px; width: 100px; z-index: 9998; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #footer #chat-me { right: 49px; width: 100px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #footer #chat-me { right: 56px; width: 120px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #footer #chat-me { right: 70px; width: 150px; } } @media (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #footer #chat-me { right: 21px; } } #footer #chat-me .button-chat { cursor: pointer; -webkit-transition: 0.7s ease width; -moz-transition: 0.7s ease width; -ms-transition: 0.7s ease width; -o-transition: 0.7s ease width; transition: 0.7s ease width; width: 90%; } #footer #chat-me .button-chat:hover, #footer #chat-me .button-chat:active, #footer #chat-me .button-chat:focus { -webkit-transition: 0.7s ease width; -moz-transition: 0.7s ease width; -ms-transition: 0.7s ease width; -o-transition: 0.7s ease width; transition: 0.7s ease width; width: auto; } #footer #chat-me .card.card-chat { display: none; background-color: #f7f7f7; -webkit-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); -ms-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); -o-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.07); position: absolute; right: 0; bottom: 77px; width: 320px; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #footer #chat-me .card.card-chat { right: 0; bottom: 77px; width: 320px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #footer #chat-me .card.card-chat { right: 14px; bottom: 91px; width: 420px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #footer #chat-me .card.card-chat { right: 21px; bottom: 91px; width: 530px; } } #footer #chat-me .card.card-chat.show { display: block; } #footer #chat-me .card.card-chat .card-body { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } #footer #chat-me .card.card-chat .card-body-left { width: 21%; } #footer #chat-me .card.card-chat .card-body-right { width: 73%; } #footer #chat-me .card.card-chat .card-body-right .box { background-color: white; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; margin: 0 0 1.25rem 0; padding: 7px 14px; } #footer #chat-me .card.card-chat .card-body-right .box span { font-family: "gothammedium", Fallback, Courier; } #footer #chat-me .card.card-chat .card-body-right .box span.blue { color: #0212df; } #footer #chat-me .card.card-chat .card-body-right .box span.red { color: #f12502; } #footer #chat-me .card.card-chat .card-body-right .box span.orange { color: #052845; } #footer #chat-me .card.card-chat .card-body-right .box span.ocean { color: #64f0f4; } #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a { color: black; font-family: "gothammedium", Fallback, Courier; } #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a.blue { color: #0212df; -webkit-transition: 0.7s ease color; -moz-transition: 0.7s ease color; -ms-transition: 0.7s ease color; -o-transition: 0.7s ease color; transition: 0.7s ease color; } #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a.blue:hover, #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a.blue:active, #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a.blue:focus { color: #010eb2; } #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a.red { color: #f12502; -webkit-transition: 0.7s ease color; -moz-transition: 0.7s ease color; -ms-transition: 0.7s ease color; -o-transition: 0.7s ease color; transition: 0.7s ease color; } #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a.red:hover, #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a.red:active, #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a.red:focus { color: #c01d01; } #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a.orange { color: #052845; -webkit-transition: 0.7s ease color; -moz-transition: 0.7s ease color; -ms-transition: 0.7s ease color; -o-transition: 0.7s ease color; transition: 0.7s ease color; } #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a.orange:hover, #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a.orange:active, #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a.orange:focus { color: #b43a0b; } #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a:hover, #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a:active, #footer #chat-me .card.card-chat .card-body-right .box .list-contact li a:focus { text-decoration: underline !important; } #footer .firstRow { color: white; margin: 0 0 63px 0; } #footer .firstRow .heading { font-family: "gothammedium", Fallback, Courier; margin: 0 0 .5rem 0; } #footer .firstRow h4.heading { font-size: 14px; } @media (min-width: 1400px) { #footer .firstRow h4.heading { font-size: 21px; } } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #footer .firstRow h4.heading { font-size: 14px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #footer .firstRow h4.heading { font-size: 21px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #footer .firstRow h4.heading { font-size: 24px; } } #footer .firstRow .list-menu li a { color: white; -webkit-transition: 0.7s ease color; -moz-transition: 0.7s ease color; -ms-transition: 0.7s ease color; -o-transition: 0.7s ease color; transition: 0.7s ease color; } #footer .firstRow .list-menu li a:hover, #footer .firstRow .list-menu li a:active, #footer .firstRow .list-menu li a:focus { color: #0212df; -webkit-transition: 0.7s ease color; -moz-transition: 0.7s ease color; -ms-transition: 0.7s ease color; -o-transition: 0.7s ease color; transition: 0.7s ease color; text-decoration: underline !important; } #footer .firstRow .outer .form-modal .form-modal-dialog { -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; } #footer .firstRow .outer .form-modal .form-modal-dialog .close { position: absolute; z-index: 2; } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #footer .firstRow .outer .form-modal .form-modal-dialog .close { font-size: 24px; right: 42px; top: 16px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #footer .firstRow .outer .form-modal .form-modal-dialog .close { font-size: 35px; right: 35px; top: 21px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #footer .firstRow .outer .form-modal .form-modal-dialog .close { font-size: 49px; right: 49px; top: 21px; } } @media (min-width: 1200px) and (max-width: 1400px) { #footer .firstRow .outer .form-modal .form-modal-dialog .close { font-size: 24px; right: 42px; top: 16px; } } @media (min-width: 992px) and (max-width: 1200px) { #footer .firstRow .outer .form-modal .form-modal-dialog .close { font-size: 21px; right: 21px; top: 16px; } } @media (min-width: 768px) and (max-width: 992px) { #footer .firstRow .outer .form-modal .form-modal-dialog .close { font-size: 18px; right: 21px; top: 16px; } } @media (min-width: 576px) and (max-width: 768px) { #footer .firstRow .outer .form-modal .form-modal-dialog .close { font-size: 24px; right: 28px; top: 18px; } } @media (min-width: 412px) and (max-width: 576px) { #footer .firstRow .outer .form-modal .form-modal-dialog .close { font-size: 21px; right: 21px; top: 14px; } } @media (min-width: 280px) and (max-width: 411px) { #footer .firstRow .outer .form-modal .form-modal-dialog .close { font-size: 18px; right: 16px; top: 9px; } } @media (min-width: 1400px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .brand-image-modal { margin: 1.5rem 0 1rem 0; width: 30%; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .brand-image-modal { margin: 2rem 0 1.5rem 0; width: 30%; } } @media (min-width: 1200px) and (max-width: 1400px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .brand-image-modal { margin: 1rem 0 .75rem 0; width: 30%; } } @media only screen and (min-width: 1200px) and (max-width: 1400px) and (min-height: 600px) and (max-height: 767px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .brand-image-modal { margin: 1rem 0 .75rem 0; width: 30%; } } @media (min-width: 992px) and (max-width: 1200px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .brand-image-modal { margin: .75rem 0 .5rem 0; width: 33%; } } @media (min-width: 768px) and (max-width: 992px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .brand-image-modal { margin: .75rem 0 .5rem 0; width: 35%; } } @media screen and (min-width: 768px) and (max-width: 992px) and (orientation: landscape) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .brand-image-modal { margin: .25rem 0 .5rem 0; width: 33%; } } @media (min-width: 576px) and (max-width: 768px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .brand-image-modal { margin: .75rem 0 1rem 0; width: 40%; } } @media (min-width: 412px) and (max-width: 576px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .brand-image-modal { margin: .75rem 0 .75rem 0; width: 33%; } } @media (min-width: 280px) and (max-width: 411px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .brand-image-modal { margin: .5rem 0 .5rem 0; width: 30%; } } #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .btn { font-family: "gothammedium", Fallback, Courier; font-size: 16px !important; background-color: #f12502; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: white; -webkit-transition: 0.7s ease background-color, 0.7s ease box-shadow, 0.7s ease color; -moz-transition: 0.7s ease background-color, 0.7s ease box-shadow, 0.7s ease color; -ms-transition: 0.7s ease background-color, 0.7s ease box-shadow, 0.7s ease color; -o-transition: 0.7s ease background-color, 0.7s ease box-shadow, 0.7s ease color; transition: 0.7s ease background-color, 0.7s ease box-shadow, 0.7s ease color; width: auto; } #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .btn:hover, #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .btn:active, #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .btn:focus { background-color: #c01d01; -webkit-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21); -moz-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21); -ms-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21); -o-box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21); box-shadow: 7px 7px 21px 0px rgba(0, 0, 0, 0.21); color: white; } @media (min-width: 1400px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .btn { font-size: 26px !important; margin: 14px 0 0 0; padding: 0 14px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .btn { font-size: 35px !important; margin: 21px 0 0 0; padding: 0 21px; width: auto; } } @media (min-width: 1200px) and (max-width: 1400px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .btn { font-size: 21px !important; margin: 7px 0 0 0; padding: 0 14px; } } @media (min-width: 992px) and (max-width: 1200px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .btn { font-size: 18px !important; margin: 7px 0 0 0; padding: 0 14px; } } @media (min-width: 768px) and (max-width: 992px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .btn { font-size: 16px !important; margin: 7px 0 0 0; padding: 0 14px; min-width: 100px; } } @media (min-width: 576px) and (max-width: 768px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .btn { font-size: 21px !important; margin: 7px 0 0 0; padding: 0 14px; min-width: 100px; } } @media (min-width: 412px) and (max-width: 576px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .btn { font-size: 18px !important; margin: 7px 0 0 0; padding: 0 14px; } } @media (min-width: 280px) and (max-width: 411px) { #footer .firstRow .outer .form-modal .form-modal-dialog .form-modal-body .form-group .btn { font-size: 16px !important; margin: 0; padding: 0 14px; } } #footer .firstRow .btn { -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; border-radius: 21px; font-family: "gothammedium", Fallback, Courier; font-size: 21px !important; position: relative; padding-top: 0; padding-bottom: 0; width: auto; z-index: 2; } @media (min-width: 1400px) { #footer .firstRow .btn { -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; border-radius: 21px; font-size: 26px !important; margin: 0 0 1rem 0; padding: 0 21px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #footer .firstRow .btn { -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; border-radius: 35px; font-size: 35px !important; margin: 0 0 2rem 0; padding: 0 28px; } } @media (min-width: 1200px) and (max-width: 1400px) { #footer .firstRow .btn { margin: 0 0 1rem 0; padding: 0 21px; } } @media (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px) { #footer .firstRow .btn { margin: 0 0 1rem 0; padding: 0 14px; } } @media (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #footer .firstRow .btn { padding-bottom: 0; padding-top: 0; font-size: 24px !important; margin: 0 0 1rem 0; width: auto; } } @media only screen and (min-width: 576px) and (max-width: 768px) and (min-height: 600px) and (max-height: 767px), only screen and (min-width: 412px) and (max-width: 576px) and (min-height: 600px) and (max-height: 767px), only screen and (min-width: 280px) and (max-width: 411px) and (min-height: 600px) and (max-height: 767px) { #footer .firstRow .btn { padding-bottom: 0; padding-top: 0; font-size: 24px !important; margin: 0 0 1rem 0; width: auto; } } #footer .firstRow .btn.shake-baby { animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } #footer .secondRow .brand-image { margin-bottom: 2rem; height: auto; width: 200px; } #footer .secondRow .social-media { position: relative; z-index: 2; } #footer .secondRow .social-media li { margin: 0; width: 40px; } @media (min-width: 1400px) { #footer .secondRow .social-media li { margin: 0 2px; } } #footer .secondRow .social-media li a { text-decoration: none; } #footer .secondRow .social-media li a img { width: 80%; } @media (min-width: 1400px) { #footer .secondRow .social-media li a img { width: auto; } } #footer .thirdRow { color: white; padding: 35px 0 35px 0; } @media (min-width: 1400px) { #footer .thirdRow .caption { font-size: 21px; } } @media only screen and (min-width: 1400px) and (min-width: 1400px) { #footer .thirdRow .caption { font-size: 14px; } } @media only screen and (min-width: 1400px) and (min-width: 1900px) { #footer .thirdRow .caption { font-size: 21px; } } @media only screen and (min-width: 1400px) and (min-width: 2500px) { #footer .thirdRow .caption { font-size: 24px; } } @media (min-width: 1200px) and (max-width: 1400px), (min-width: 992px) and (max-width: 1200px), (min-width: 768px) and (max-width: 992px), (min-width: 576px) and (max-width: 768px), (min-width: 412px) and (max-width: 576px), (min-width: 280px) and (max-width: 411px) { #footer .thirdRow .caption { font-size: 14px; } } .talk-bubble { position: relative; } .talk-bubble.tri-right:active.left-top:after, .talk-bubble.tri-right:focus.left-top:after, .talk-bubble.tri-right:hover.left-top:after { border-color: white transparent transparent transparent; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right:active.left-in:after, .talk-bubble.tri-right:focus.left-in:after, .talk-bubble.tri-right:hover.left-in:after { border-color: #c01d01 #c01d01 transparent transparent; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right:active.btm-left:after, .talk-bubble.tri-right:focus.btm-left:after, .talk-bubble.tri-right:hover.btm-left:after { border-color: transparent transparent transparent #c01d01; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right:active.btm-left-in:after, .talk-bubble.tri-right:focus.btm-left-in:after, .talk-bubble.tri-right:hover.btm-left-in:after { border-color: #c01d01 transparent transparent #c01d01; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right:active.btm-right-in:after, .talk-bubble.tri-right:focus.btm-right-in:after, .talk-bubble.tri-right:hover.btm-right-in:after { border-color: #c01d01 #c01d01 transparent transparent; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right:active.btm-right:after, .talk-bubble.tri-right:focus.btm-right:after, .talk-bubble.tri-right:hover.btm-right:after { border-color: #c01d01 #c01d01 transparent transparent; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right:active.right-in:after, .talk-bubble.tri-right:focus.right-in:after, .talk-bubble.tri-right:hover.right-in:after { border-color: #c01d01 transparent transparent #c01d01; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right:active.right-top:after, .talk-bubble.tri-right:focus.right-top:after, .talk-bubble.tri-right:hover.right-top:after { border-color: #c01d01 transparent transparent transparent; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right.border.left-top:before { content: ' '; position: absolute; width: 0; height: 0; left: -40px; right: auto; top: -8px; bottom: auto; border: 32px solid; border-color: white transparent transparent transparent; } .talk-bubble.tri-right.left-top:after { content: " "; position: absolute; width: 0; height: 0; left: -20px; right: auto; top: 0px; bottom: auto; border: 22px solid; border-color: white transparent transparent transparent; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right.left-in:after { content: " "; position: absolute; width: 0; height: 0; left: -20px; right: auto; top: 38px; bottom: auto; border: 12px solid; border-color: #f12502 #f12502 transparent transparent; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right.btm-left:after { content: " "; position: absolute; width: 0; height: 0; left: 0px; right: auto; top: auto; bottom: -20px; border: 22px solid; border-color: transparent transparent transparent #f12502; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right.btm-left-in:after { content: " "; position: absolute; width: 0; height: 0; left: 21px; right: auto; top: auto; bottom: -14px; border: 7px solid; border-color: #f12502 transparent transparent #f12502; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right.btm-right-in:after { content: " "; position: absolute; width: 0; height: 0; left: auto; right: 21px; bottom: -20px; border: 12px solid; border-color: #f12502 #f12502 transparent transparent; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right.btm-right:after { content: " "; position: absolute; width: 0; height: 0; left: auto; right: 0px; bottom: -20px; border: 12px solid; border-color: #f12502 #f12502 transparent transparent; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right.right-in:after { content: " "; position: absolute; width: 0; height: 0; left: auto; right: -20px; top: 38px; bottom: auto; border: 12px solid; border-color: #f12502 transparent transparent #f12502; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } .talk-bubble.tri-right.right-top:after { content: " "; position: absolute; width: 0; height: 0; left: auto; right: -20px; top: 0px; bottom: auto; border: 20px solid; border-color: #f12502 transparent transparent transparent; -webkit-transition: 0.7s ease border-color; -moz-transition: 0.7s ease border-color; -ms-transition: 0.7s ease border-color; -o-transition: 0.7s ease border-color; transition: 0.7s ease border-color; } /* FILE ARCHIVED ON 08:06:23 Jul 27, 2023 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 07:58:10 Jun 02, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.851 exclusion.robots: 0.096 exclusion.robots.policy: 0.08 esindex: 0.014 cdx.remote: 5.776 LoadShardBlock: 51.385 (3) PetaboxLoader3.datanode: 58.798 (4) load_resource: 86.608 PetaboxLoader3.resolve: 67.174 */