@charset "UTF-8";

* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box; 
}
*::selection, *::-moz-selection {
background: #6ba539;
}
html {
font-size: 10px;
-webkit-text-size-adjust: 100%;
}
html.msie {
overflow-x: hidden;
}


#header #nav {
display: table;
width: 100%;
height: 6rem;
padding-bottom: 2.5rem;
}
#header #nav > * {
display: table-cell;
vertical-align: middle;
white-space: nowrap; 
}
#header #nav > *.right {
text-align: right;
}
#header #nav ul {
font-size: 1.6rem;
display: inline-block; 
position: relative;
top: .4rem;
}
#header #nav ul li {
display: inline-block;
margin-right: 3.5rem; 
}
#header #nav ul li:last-child {
margin-right: 0;
}
#header #nav ul.user {
font-family: "Roboto", sans-serif;
font-size: 1.1rem;
letter-spacing: .1rem;
text-transform: uppercase;
position: relative;
top: 1.3rem;
}
#header #nav ul.user.logged-in li:after {
display: none;
}
#header #nav ul.user li.company-login {
position: relative;
}
#header #nav ul.user li.company-login:after {
content: "";
position: absolute;
top: 0;
right: -1.8rem;
width: 1px;
height: 100%;
background: #939393;
}
#header #nav ul.user li.applicant-login {
margin-right: 1.8rem; 
}
#header #nav ul.user li.dashboard {
font-family: "Noto Sans", sans-serif;
text-decoration: underline;
text-transform: none;
letter-spacing: 0;
font-size: 1.4rem;
}
#header #nav ul.user li.logout a {
color: #6ba539;
font-size: 1.5em;
position: relative;
top: .2rem; 
}
html.no-touchevents #header #nav ul.user li.logout a:hover {
color: #fff;
text-decoration: none;
}
#header #nav ul.user .btn-line {
font-size: 1.1rem;
color: #fff;
border-color: #fff; 
}
html.no-touchevents #header #nav ul.user .btn-line:hover {
background: #fff;
color: #000; 
}


#header .header-search {
background: #f5f5f5;
padding: 1rem 0;
}
#header .header-search .select-wrapper {
border: none;
}
#header .header-search .selectize-input {
border-color: transparent !important;
background: transparent !important;
padding-right: 3.8rem !important;
}
#header .header-search .selectize-input > * {
color: #333 !important;
}
#header .header-search .selectize-input input {
position: absolute !important;
left: -1000px !important;
opacity: 0 !important;
}
#header .header-search .selectize-input + .selectize-dropdown {
width: 25rem !important;
}
html.msie #header .header-search .selectize-input + .selectize-dropdown {
margin-top: .2rem;
}
#header .header-search .dtable .dcell {
border: 1px solid #d8d8d8;
border-right-width: 0;
background: #fff;
}
#header .header-search .dtable .dcell:first-child {
border-radius: .2rem 0 0 .2rem;
}
#header .header-search .dtable .dcell:nth-child(3) {
border-radius: 0 .2rem .2rem 0;
border-right: 1px solid #d8d8d8; 
}
#header .header-search .dtable .dcell:last-child {
border: 0;
background: none; 
}
#header .header-search .dtable .dcell.full-width input {
width: 100%;
}
#header .header-search .input-wrapper {
position: relative;
}
#header .header-search .input-wrapper .icon-map-marker {
color: #6ba539;
font-size: 2rem;
position: absolute;
z-index: 1001;
left: 1rem;
top: 50%;
margin-top: -1rem;
}
#header .header-search .input-wrapper input {
margin-left: 2.2rem;
}
#header .header-search input, #header .header-search .select-wrapper span {
color: #000;
font-size: 1.6rem;
border: 0;
}
#header .header-search button {
font-size: 1.6rem;
margin-left: 1.7rem;
}
#header.company .logo {
margin-right: 4.5rem; 
}
#header.company #nav ul.main > li {
margin-right: 2.5rem;
}
#header.company #nav ul.user > li.company-login {
margin-right: 1rem;
padding-right: 1rem;
}
#header.company #nav ul.user > li.company-login:after {
right: -.1rem; 
}


#header.register {
height: 9.5rem;
font-family: "Roboto", sans-serif;
position: fixed;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
top: 0;
width: 100%;
}
#header.register + * {
padding-top: 11rem !important;
}
#header.register.taller + * {
padding-top: 15rem !important;
}
html.no-touchevents #header.register .close:hover {
text-decoration: none; 
}
#header.register .row-lr > :first-child, #header.register .row-lr > :last-child {
width: 24rem;
}
#header.register .row-lr > :nth-child(2) {
padding-top: 1rem;
font-size: 1.8rem;
text-align: left; 
}
#header.register .row-lr > :nth-child(2) p.big {
font-weight: 300;
font-size: 3.2rem;
}
#header.register .row-lr > :nth-child(2) .link {
color: #6ba539;
/*
font-size: 1.4rem;
margin-left: 2rem;
*/
}
#header.register .row-lr > :last-child {
vertical-align: top !important;
padding-top: 2rem;
font-weight: 100;
font-size: 4rem;
line-height: 1.5rem; 
}
#header.register .row-lr > :last-child html.no-touchevents a:hover {
text-decoration: none;
opacity: .7; 
}
#header.register a.logo {
margin-right: 0; 
}


@media screen and (max-width: 1259px) {
.tooltipster-default.navigation {
margin-left: -19rem;
}
#header .logo {
margin-right: 4rem;
}
#header .logo img {
width: 16rem;
height: 3.4rem;
top: 1.2rem;
}
#nav ul.main li {
margin-right: 2rem !important;
}
#nav ul.main li a {
font-size: 1.5rem;
}
#mobile-nav, #mobile-nav > ul {
background: #eee;
}
#mobile-nav > ul > li a.logo {
padding: 0;
}
#header #mobile-nav a.logo img {
top: .2rem;
}
#header #nav .left {
position: relative;
top: -1rem;
}
#header #nav .right {
position: relative;
top: -1.2rem;
}
#header #nav ul {
top: 0;
}
#header #nav ul li {
margin-right: 2.4rem;
}
#header #nav ul.user li.company-login:after {
right: -1.2rem; 
}
.regular-width {
max-width: 96.4rem;
width: 96.4rem;
padding: 0 !important;
}
.with-aside > :first-child {
width: 100%;
}
.wide-width {
max-width: 96.4rem;
}
.row-lr.thin > p:first-child {
padding-bottom: 1rem;
}
.tpl-home .opacity_background {
z-index: 1004;
}
.tpl-home .opacity_background  #popup_home {
top: 13%;
left: 0;
margin: 0;
}
.aspect-ratio {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56%;
}
.aspect-ratio iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
}


@media screen and (min-width: 1024px) {
#mobile-nav, #mobile-nav-toggle, #mobile-nav-search, #mobile-search, .l12-only, #mobile-dashboard, hr.l12 {
display: none !important;
}
}


@media screen and (max-width: 1023px) {
#mobile-nav-toggle {
position: fixed;
z-index: 1005;
top: 2.1rem;
left: 3rem;
width: 2.2rem;
height: 2.2rem;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
cursor: pointer;
}
html.nav-expanded #mobile-nav-toggle {
left: 20rem;
}
#mobile-nav-toggle span {
position: absolute;
top: 50%;
margin-top: -2px;
width: 2.2rem;
height: 3px;
background: #0098B2;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
html.nav-expanded #mobile-nav-toggle span {
-webkit-transform: scale(0.01, 0.01);
-moz-transform: scale(0.01, 0.01);
-ms-transform: scale(0.01, 0.01);
-o-transform: scale(0.01, 0.01);
transform: scale(0.01, 0.01);
opacity: 0;
}
#mobile-nav-toggle:before, #mobile-nav-toggle:after {
content: "";
width: 2.2rem;
height: 2px;
background: #fff;
position: absolute;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(0) translate3d(0, 0, 0);
-moz-transform: rotate(0) translate3d(0, 0, 0);
-ms-transform: rotate(0) translate3d(0, 0, 0);
-o-transform: rotate(0) translate3d(0, 0, 0);
transform: rotate(0) translate3d(0, 0, 0);
}
#mobile-nav-toggle:before {
top: .1rem;
-webkit-transform-origin: 100% 100% 0;
-moz-transform-origin: 100% 100% 0;
-ms-transform-origin: 100% 100% 0;
-o-transform-origin: 100% 100% 0;
transform-origin: 100% 100% 0;
}
html.nav-expanded #mobile-nav-toggle:before {
-webkit-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
-moz-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
-ms-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
-o-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
}
#mobile-nav-toggle:after {
bottom: .1rem;
-webkit-transform-origin: 100% 0% 0;
-moz-transform-origin: 100% 0% 0;
-ms-transform-origin: 100% 0% 0;
-o-transform-origin: 100% 0% 0;
transform-origin: 100% 0% 0;
}
html.nav-expanded #mobile-nav-toggle:after {
-webkit-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
-moz-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
-ms-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
-o-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
transform: rotate(45deg) translate3d(0, -0.1rem, 0); 
}
#mobile-nav {
-webkit-transition: transform 0.3s, -webkit-transform 0.3s;
-moz-transition: transform 0.3s, -webkit-transform 0.3s;
-ms-transition: transform 0.3s, -webkit-transform 0.3s;
-o-transition: transform 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
background: #eee;
position: fixed;
z-index: 1004;
top: 0;
left: -24.5rem;
width: 24.5rem;
height: 100vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
html.nav-expanded #mobile-nav {
-webkit-transform: translate(24.5rem, 0);
-moz-transform: translate(24.5rem, 0);
-ms-transform: translate(24.5rem, 0);
-o-transform: translate(24.5rem, 0);
transform: translate(24.5rem, 0);
}
html.nav-expanded #mobile-nav {
box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
}
html.nav-expanded #mobile-nav .big span img {
float: right;
margin: -.4rem 0 0;
width: 12rem;
}
#mobile-nav .toggle {
display: block;
width: 2rem;
height: 2rem;
background: #ff0;
position: absolute;
right: -4rem;
top: 0; 
}
#mobile-nav > ul {
margin-bottom: 6rem;
}
#mobile-nav > ul > li {
position: relative; 
}
#mobile-nav > ul > li:last-child {
padding-top: 2rem;
}
#mobile-nav > ul > li:before {
content: "";
position: absolute;
top: -1px;
left: 2rem;
right: 2rem;
height: 1px;
background: #fff;
background: transparent !important;
}
#mobile-nav > ul > li.big {
background: #ddd;
padding: 1.5rem 2rem;
font-size: 2rem;
font-family: "Roboto", sans-serif;
}
#mobile-nav > ul > li.big img {
max-width: 16rem;
}
#mobile-nav > ul > li.big:before, #mobile-nav > ul > li.big + li:before {
display: none;
}
#mobile-nav > ul > li a,
#mobile-nav > ul > li .link {
color: #9a9a9a;
display: block;
padding: 1.4rem 2rem;
font-size: 1.6rem;
position: relative;
}
#mobile-nav > ul > li .btn {
color: #fff;
margin: 0 2rem; 
}
#mobile-nav.active + #mobile-nav-overlay {
display: block;
}
#mobile-nav-search {
position: fixed;
z-index: 1002;
font-size: 2.2rem;
top: 2.1rem;
right: 3rem;
cursor: pointer;
}
#mobile-nav-overlay {
content: "";
display: none;
position: fixed;
z-index: 1003;
top: 0;
left: 0;
width: 120vw;
height: 120vh;
background: #d1d1d1;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
html.nav-expanded #mobile-nav-overlay {
opacity: .8;
}
#mobile-search {
background: #3b3b3b;
position: fixed;
z-index: 1001;
top: 6.4rem;
left: 0;
width: 100%;
padding: 3rem;
height: 25.2rem;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, -32.2rem, 0);
-moz-transform: translate3d(0, -32.2rem, 0);
-ms-transform: translate3d(0, -32.2rem, 0);
-o-transform: translate3d(0, -32.2rem, 0);
transform: translate3d(0, -32.2rem, 0);
}
html.search-expanded #mobile-search {
box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.5);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#mobile-search-overlay {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 120vw;
height: 120vh;
background: #000;
opacity: 0;
display: none;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s; 
}
#mobile-search-overlay.active {
display: block; 
}
html.search-expanded #mobile-search-overlay {
opacity: .7; 
}
}


@media screen and (min-width: 1260px) {
/*
html.firefox body {
min-width: 1200px;
}
*/
.l23-only {
display: none;
}
.l4-hide {
display: none !important;
}
.l1-only, .l2-only, .l3-only {
display: none !important;
}
}
@media screen and (max-width: 1259px) {
.tooltipster-default.navigation {
margin-left: -19rem;
}
#header .logo {
margin-right: 4rem;
}
#header .logo img {
width: 16rem;
height: 3.4rem;
top: 1.2rem;
}
#nav ul.main li {
margin-right: 2rem !important;
}
#nav ul.main li a {
font-size: 1.5rem;
}
#mobile-nav > ul > li a.logo {
padding: 0;
}
#header #mobile-nav a.logo img {
top: .2rem;
}
#header #nav .left {
position: relative;
top: -1rem;
}
#header #nav .right {
position: relative;
top: -1.2rem;
}
#header #nav ul {
top: 0;
}
#header #nav ul li {
margin-right: 2.4rem;
}
#header #nav ul.user li.company-login:after {
right: -1.2rem; 
}
.regular-width {
max-width: 96.4rem;
width: 96.4rem;
padding: 0 !important;
}
.with-aside > :first-child {
width: 100%;
}
.wide-width {
max-width: 96.4rem;
}
.row-lr.thin > p:first-child {
padding-bottom: 1rem;
}
.tpl-home .opacity_background {
z-index: 1004;
}
.tpl-home .opacity_background  #popup_home {
top: 13%;
left: 0;
margin: 0;
}
.aspect-ratio {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56%;
}
.aspect-ratio iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
}
@media screen and (min-width: 1024px) and (max-width: 1259px) {
.native-stuck {
position: -webkit-sticky !important;
position: -moz-sticky !important;
position: -ms-sticky !important;
position: -o-sticky !important;
position: sticky !important;
}
.tabs > li {
padding: 1.2rem 1.8rem;
}
.tooltipster-filter .tooltipster-content .table-cols-4 ul li {
width: 33%;
display: inline-block;
}
.tooltipster-filter .tooltipster-content, .tooltipster-base .tooltipster-content {
max-width: 92rem;
}
html.ios .sticky * {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden; 
}
html.ios .column-wrapper {
position: relative;
}
html.ios .column-wrapper, html.ios .column-wrapper * {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden; 
}
html.ios .column-wrapper:before, html.ios .column-wrapper:after {
content: "•••";
font-size: 1rem;
position: absolute;
z-index: 1500000;
text-align: center;
width: 7rem;
left: 50%;
margin-left: -3.5rem;
background: #c0c0c0;
color: #fff;
opacity: 0; 
}
html.ios .column-wrapper:before {
top: 0;
border-radius: 0 0 .4rem .4rem; 
}
html.ios .column-wrapper:after {
bottom: 0;
border-radius: .4rem .4rem 0 0;
}
html.ios.shadow-top .column-wrapper:before, html.ios.shadow-bottom .column-wrapper:after {
opacity: 1; 
}
.l3-hide {
display: none !important; 
}
.l1-only, .l2-only, .l4-only {
display: none !important;
}
.l3-br {
display: block;
}
}
@media screen and (min-width: 1024px) {
#mobile-nav, #mobile-nav-toggle, #mobile-nav-search, #mobile-search, .l12-only, #mobile-dashboard, hr.l12 {
display: none !important;
}
}
@media screen and (max-width: 1023px) {
.h2 {
min-height: 6.3rem;
}
.reset-input-wrapper.riw-fill-mobile {
width: 100%;
}
label {
font-size: 1.4rem;
margin-bottom: .7rem; 
}
#lightbox [id*="lightbox-filters-"] .cols-4 {
-webkit-column-count: 1;
-moz-column-count: 1;
-ms-column-count: 1;
-o-column-count: 1;
column-count: 1;
}
#lightbox [id*="lightbox-filters-"] .cols-2 {
-webkit-column-count: 1;
-moz-column-count: 1;
-ms-column-count: 1;
-o-column-count: 1;
column-count: 1;
}
#header.register {
position: fixed;
z-index: 1000;
height: 6.5rem;
padding-top: 0;
width: 100%;
}
#header.register[class] + * {
padding-top: 3rem !important; }
#header.register .logo img {
width: 12.2rem;
height: auto;
top: 1.6rem;
}
#header.register .row-lr {
display: block !important; 
}
#header.register .row-lr > :first-child {
display: block !important;
padding: .4rem 0 0;
width: 100%;
text-align: center;
}
#header.register .row-lr > :nth-child(2) {
display: none !important; 
}
#header.register .row-lr > :last-child {
position: absolute;
top: 0;
right: 0; 
}
#header.register + * {
margin-top: 6.5rem !important; 
}
#header.register a.close {
position: absolute;
top: 2.2rem;
right: 3rem;
font-size: 5rem;
}
.header-search {
display: none; 
}
#header {
padding-top: 6.5rem;
}
#header #nav {
position: fixed;
z-index: 1002;
top: 0;
left: 0;
background: #2f2f2f;
height: 6.5rem;
}
#header #nav ul.main {
display: none;
}
#header #nav div.left {
text-align: center;
}
#header #nav div.right {
display: none; 
}
#header #nav a.logo {
margin-right: 0;
}
#mobile-nav-toggle {
position: fixed;
z-index: 1005;
top: 2.1rem;
left: 3rem;
width: 2.2rem;
height: 2.2rem;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
cursor: pointer;
}
html.nav-expanded #mobile-nav-toggle {
left: 20rem;
}
#mobile-nav-toggle span {
position: absolute;
top: 50%;
margin-top: -2px;
width: 2.2rem;
height: 3px;
background: #0098B2;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
html.nav-expanded #mobile-nav-toggle span {
-webkit-transform: scale(0.01, 0.01);
-moz-transform: scale(0.01, 0.01);
-ms-transform: scale(0.01, 0.01);
-o-transform: scale(0.01, 0.01);
transform: scale(0.01, 0.01);
opacity: 0;
}
#mobile-nav-toggle:before, #mobile-nav-toggle:after {
content: "";
width: 2.2rem;
height: 3px;
background: #0098B2;
position: absolute;
left: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(0) translate3d(0, 0, 0);
-moz-transform: rotate(0) translate3d(0, 0, 0);
-ms-transform: rotate(0) translate3d(0, 0, 0);
-o-transform: rotate(0) translate3d(0, 0, 0);
transform: rotate(0) translate3d(0, 0, 0);
}
#mobile-nav-toggle:before {
top: .1rem;
-webkit-transform-origin: 100% 100% 0;
-moz-transform-origin: 100% 100% 0;
-ms-transform-origin: 100% 100% 0;
-o-transform-origin: 100% 100% 0;
transform-origin: 100% 100% 0;
}
html.nav-expanded #mobile-nav-toggle:before {
-webkit-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
-moz-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
-ms-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
-o-transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
transform: rotate(-45deg) translate3d(0, 0.1rem, 0);
}
#mobile-nav-toggle:after {
bottom: .1rem;
-webkit-transform-origin: 100% 0% 0;
-moz-transform-origin: 100% 0% 0;
-ms-transform-origin: 100% 0% 0;
-o-transform-origin: 100% 0% 0;
transform-origin: 100% 0% 0;
}
html.nav-expanded #mobile-nav-toggle:after {
-webkit-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
-moz-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
-ms-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
-o-transform: rotate(45deg) translate3d(0, -0.1rem, 0);
transform: rotate(45deg) translate3d(0, -0.1rem, 0); 
}
#mobile-nav {
-webkit-transition: transform 0.3s, -webkit-transform 0.3s;
-moz-transition: transform 0.3s, -webkit-transform 0.3s;
-ms-transition: transform 0.3s, -webkit-transform 0.3s;
-o-transition: transform 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
background: #eee;
position: fixed;
z-index: 1004;
top: 0;
left: -24.5rem;
width: 24.5rem;
height: 100vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
html.nav-expanded #mobile-nav {
-webkit-transform: translate(24.5rem, 0);
-moz-transform: translate(24.5rem, 0);
-ms-transform: translate(24.5rem, 0);
-o-transform: translate(24.5rem, 0);
transform: translate(24.5rem, 0);
}
html.nav-expanded #mobile-nav {
box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
}
html.nav-expanded #mobile-nav .big span img {
float: right;
margin: -.4rem 0 0;
width: 12rem;
}
#mobile-nav .toggle {
display: block;
width: 2rem;
height: 2rem;
background: #ff0;
position: absolute;
right: -4rem;
top: 0; 
}
#mobile-nav > ul {
margin-bottom: 6rem;
}
#mobile-nav > ul > li {
position: relative; 
}
#mobile-nav > ul > li:last-child {
padding-top: 2rem;
}
#mobile-nav > ul > li:before {
content: "";
position: absolute;
top: -1px;
left: 2rem;
right: 2rem;
height: 1px;
background: #fff;
background: transparent !important;
}
#mobile-nav > ul > li.big {
background: #ddd;
padding: 1.5rem 2rem;
font-size: 2rem;
font-family: "Roboto", sans-serif;
}
#mobile-nav > ul > li.big img {
max-width: 16rem;
}
#mobile-nav > ul > li.big:before, #mobile-nav > ul > li.big + li:before {
display: none;
}
#mobile-nav > ul > li a,
#mobile-nav > ul > li .link {
color: #9a9a9a;
display: block;
padding: 1.4rem 2rem;
font-size: 1.6rem;
position: relative;
}
#mobile-nav > ul > li .btn {
color: #fff;
margin: 0 2rem; 
}
#mobile-nav.active + #mobile-nav-overlay {
display: block;
}
#mobile-nav-search {
position: fixed;
z-index: 1002;
font-size: 2.2rem;
/*top: 2.1rem;*/
top: 1.8rem;
right: 3rem;
cursor: pointer;
color: #0098B2;
}
#mobile-nav-overlay {
content: "";
display: none;
position: fixed;
z-index: 1003;
top: 0;
left: 0;
width: 120vw;
height: 120vh;
background: #d1d1d1;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
html.nav-expanded #mobile-nav-overlay {
opacity: .8;
}
#mobile-search {
background: #3b3b3b;
position: fixed;
z-index: 1001;
top: 6.4rem;
left: 0;
width: 100%;
padding: 3rem;
height: 25.2rem;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, -32.2rem, 0);
-moz-transform: translate3d(0, -32.2rem, 0);
-ms-transform: translate3d(0, -32.2rem, 0);
-o-transform: translate3d(0, -32.2rem, 0);
transform: translate3d(0, -32.2rem, 0);
}
html.search-expanded #mobile-search {
box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.5);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#mobile-search-overlay {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 120vw;
height: 120vh;
background: #000;
opacity: 0;
display: none;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s; 
}
#mobile-search-overlay.active {
display: block; 
}
html.search-expanded #mobile-search-overlay {
opacity: .7; 
}
html.nav-expanded body {
overflow: hidden; 
}
html.search-expanded body {
overflow: hidden;
position: fixed;
}
}