/*================================================================ CSS dokument - izdelava spletnih strani www.intuitiva.si ================================================================*/ :focus { outline: none; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Reset CSS ----------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { padding-left: 32px; margin: 20px 0 0; } ol li + li, ul li + li { padding: 8px 0 0 0; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* FONT ----------------------------------------------------------------*/ /* exo-2-regular - latin-ext_latin */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 400; src: url('../fonts/exo-2-v19-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/exo-2-v19-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/exo-2-v19-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/exo-2-v19-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/exo-2-v19-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/exo-2-v19-latin-ext_latin-regular.svg#Exo2') format('svg'); /* Legacy iOS */ } /* exo-2-700 - latin-ext_latin */ @font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 700; src: url('../static/fonts/exo-2-v19-latin-ext_latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/exo-2-v19-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/exo-2-v19-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/exo-2-v19-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/exo-2-v19-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/exo-2-v19-latin-ext_latin-700.svg#Exo2') format('svg'); /* Legacy iOS */ } /* GENERAL ----------------------------------------------------------------*/ html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ height: 100%; font-size: 16px; position: relative; } body { margin: 0; padding: 0; line-height: 1.2rem; font-family: 'Exo 2', sans-serif; color: rgba(0,0,0,1.00); font-weight: 400; background: rgba(255, 255, 255, 1); } strong { font-weight: 700; } a { color: rgba(0, 0, 0, 1.00); text-decoration: none; position: relative; } a:hover { color: rgba(0, 0, 0, 1.00); text-decoration: none; } input[type=text], input[type=submit], button, textarea, select { font-size: 16px; padding: 0; border-radius: 0; -webkit-appearance: none; font-family: 'Exo 2', sans-serif; } a.m1q416vx { color: rgba(9,77,145,1.00); text-decoration: underline; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); } @media (hover: hover) { a.m1q416vx:hover { color: rgba(255,118,0,1.00); text-decoration: none; } } @media (hover: none) { a.m1q416vx:active { color: rgba(255,118,0,1.00); text-decoration: none; } } /* HEADER ----------------------------------------------------------------*/ header { display: flex; width: 100%; /*border-bottom: 1px solid rgba(0,0,0,0.10);*/ } #header { display: flex; flex-flow: row; width: 100%; justify-content: space-between; } .bqkzn4xky4, .t2kib9mm68 { display: flex; flex-flow: row; } #headerLogo { display: block; margin: 40px 0; } #logo, #logo img { display: block; height: 40px; width: auto; } @media only screen and (min-width: 1024px) { #mobileHeaderContainer { display: none !important; } #header { max-width: 1220px; margin: 0 auto; padding: 0 20px; } } @media only screen and (max-width: 1023px) { #header { height: 64px; padding: 0 10px; } } /* HEADER NAVIGATION ----------------------------------------------------------------*/ nav#headerNav { display: flex; flex-flow: row; align-items: center; } nav#headerNav a { display: flex; color: rgba(0,0,0,1.00); font-weight: 400; position: relative; margin-left: 40px; } nav#headerNav a:hover { text-decoration: none; color: rgba(9,77,145,1.00); } @media only screen and (min-width: 1024px) { #headerTopMobileLanguage { display: none !important; } nav#headerNav a::after, a.ra6jmm4ve4::after { content: ''; display: block; position: absolute; bottom: -0px; opacity: 0; left: 0; width: 100%; height: 3px; background: rgba(9,77,145,1.00); transition: all .3s; } nav#headerNav a:hover::after, a.ra6jmm4ve4:hover::after { bottom: -4px; opacity: 1; } } /* HEADER PROFILE ----------------------------------------------------------------*/ .podfk64bbm { display: flex; align-items: center; padding-right: 40px; } #header a.oa2ni6nc6n { display: flex; padding: 0 25px; align-items: center; font-weight: 700; color: rgba(255,255,255,1.00); margin-left: 20px; height: 40px; border-radius: 6px; background-color: rgba(9,77,145,1.00); text-decoration: none; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); } #header a.oa2ni6nc6n:hover { background-color: rgba(255,118,0,1.00); } a.ra6jmm4ve4 { position: relative; } a.ra6jmm4ve4:hover { color: rgba(9,77,145,1.00); } @media only screen and (min-width: 1024px) { .mobileProfile { display: none!important; } } @media only screen and (max-width: 1023px) { .podfk64bbm { display: none!important; } } .mobileProfile, #mobileProfileBtn { display: flex; justify-content: center; align-content: center; width: 64px; height: 64px; } #mobileProfileBtn { display: inline-block; width: 64px; height: 64px; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iIzA5NGQ5MSI+PHBhdGggZD0iTTg2LDIxLjVjLTE1Ljc0NzI4LDAgLTI4LjY2NjY3LDEyLjkxOTM5IC0yOC42NjY2NywyOC42NjY2N2MwLDE1Ljc0NzI4IDEyLjkxOTM5LDI4LjY2NjY3IDI4LjY2NjY3LDI4LjY2NjY3YzE1Ljc0NzI3LDAgMjguNjY2NjcsLTEyLjkxOTM5IDI4LjY2NjY3LC0yOC42NjY2N2MwLC0xNS43NDcyOCAtMTIuOTE5MzksLTI4LjY2NjY3IC0yOC42NjY2NywtMjguNjY2Njd6TTg2LDM1LjgzMzMzYzguMDAwOTcsMCAxNC4zMzMzMyw2LjMzMjM3IDE0LjMzMzMzLDE0LjMzMzMzYzAsOC4wMDA5NyAtNi4zMzIzNywxNC4zMzMzMyAtMTQuMzMzMzMsMTQuMzMzMzNjLTguMDAwOTcsMCAtMTQuMzMzMzMsLTYuMzMyMzcgLTE0LjMzMzMzLC0xNC4zMzMzM2MwLC04LjAwMDk3IDYuMzMyMzcsLTE0LjMzMzMzIDE0LjMzMzMzLC0xNC4zMzMzM3pNODYsMTAwLjMzMzMzYy0xMi41MDU1LDAgLTI3LjMyNTMzLDIuOTM2NzggLTM5Ljc4MDYsNy44NTI1NGMtNi4yMjc2NCwyLjQ1Nzg4IC0xMS44NTc0MSw1LjM3NzQ5IC0xNi4zNjI5Niw5LjEyNjMxYy00LjUwNTU0LDMuNzQ4ODEgLTguMzU2NDUsOC44MTY3NCAtOC4zNTY0NSwxNS4yNzExNnYxNy45MTY2N2gxMjl2LTcuMTY2Njd2LTEwLjc1YzAsLTYuNDU0NDEgLTMuODUwOSwtMTEuNTIyMzQgLTguMzU2NDUsLTE1LjI3MTE2Yy00LjUwNTU0LC0zLjc0ODgyIC0xMC4xMzUzMSwtNi42Njg0MyAtMTYuMzYyOTUsLTkuMTI2MzFjLTEyLjQ1NTI3LC00LjkxNTc2IC0yNy4yNzUxLC03Ljg1MjU0IC0zOS43ODA2LC03Ljg1MjU0ek04NiwxMTQuNjY2NjdjMTAuMTM0LDAgMjMuOTgwMDYsMi42ODAzMyAzNC41MzE1Nyw2Ljg0NDczYzUuMjc1NzYsMi4wODIyIDkuNzM2NjUsNC41NjQzNiAxMi40NDM2OSw2LjgxNjczYzIuNzA3MDIsMi4yNTIzOCAzLjE5MTQsMy43ODY2MiAzLjE5MTQsNC4yNTUyMXYzLjU4MzMzaC0xMDAuMzMzMzN2LTMuNTgzMzNjMCwtMC40Njg1OSAwLjQ4NDM3LC0yLjAwMjgzIDMuMTkxNDEsLTQuMjU1MjFjMi43MDcwMywtMi4yNTIzOCA3LjE2NzkzLC00LjczNDUzIDEyLjQ0MzY4LC02LjgxNjczYzEwLjU1MTUyLC00LjE2NDQgMjQuMzk3NTcsLTYuODQ0NzMgMzQuNTMxNTgsLTYuODQ0NzN6Ij48L3BhdGg+PC9nPjwvZz48L3N2Zz4='); background-repeat: no-repeat; background-position: 50% 50%; background-size: 24px 24px; cursor: pointer; } /* HEADER LANGUAGE ----------------------------------------------------------------*/ .sjgi1fmai0 { display: flex; align-items: center; color: rgba(0,0,0,1.00); transition: top .3s cubic-bezier(0.165, 0.84, 0.44, 1); position: relative; } .sjgi1fmai0:hover { display: flex; align-items: center; color: rgba(9,77,145,1.00); cursor: pointer; } .sjgi1fmai0 span { position: relative; } .sjgi1fmai0 span::after { content: ''; display: block; position: absolute; bottom: -0px; opacity: 0; left: 0; width: 100%; height: 3px; background: rgba(9,77,145,1.00); transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1); } #headerLanguage:hover span::after { bottom: -4px; opacity: 1; } .n2z4bti3xy { position: absolute; visibility: visible; width: 260px; top: 24px; right: -24px; z-index: 1001; border: 2px solid rgba(9,77,145,1.00); box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2); background-color: rgba(255,255,255,1.00); transition: opacity .25s ease-in-out, transform .25s ease-in-out, visibility .25s ease-in-out; transform-origin: top center; } .n2z4bti3xy.hidden { opacity: 0; transform: scale(.9); visibility: hidden; } .rivh3xtgsq { padding: 10px; } .rivh3xtgsq a { display: flex; height: 44px; padding: 0 10px; align-items: center; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); font-weight: 700; cursor: pointer; color: rgba(34,34,34,1.00); } .fyo86s::before { content: ""; width: 24px; height: 24px; float: left; margin: 0 10px 0 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAzMCAzMCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBmaWxsPSIjZjJmYWZmIiBkPSJNMC41IDQuNUgyOS41VjI1LjVIMC41eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNhM2I3Y2MiIGQ9Ik0yOSw1djIwSDFWNUgyOSBNMzAsNEgwdjIyaDMwVjRMMzAsNHoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZjc4ZjhmIiBkPSJNMC41IDE1LjVIMjkuNVYyNS41SDAuNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjYzc0MzQzIiBkPSJNMjksMTZ2OUgxdi05SDI5IE0zMCwxNUgwdjExaDMwVjE1TDMwLDE1eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiM4YmI3ZjAiIGQ9Ik0wLjUgMTEuNUgyOS41VjE4LjVIMC41eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiM0ZTdhYjUiIGQ9Ik0yOSwxMnY2SDF2LTZIMjkgTTMwLDExSDB2OGgzMFYxMUwzMCwxMXoiPjwvcGF0aD48Zz48cGF0aCBmaWxsPSIjOGJiN2YwIiBkPSJNOCwxNi40NjVDNy4yOTUsMTYuMTY2LDQuNSwxNC42ODgsNC41LDEwVjguNWg3VjEwQzExLjUsMTQuNjg4LDguNzA1LDE2LjE2Niw4LDE2LjQ2NXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjNGU3YWI1IiBkPSJNMTEsOXYxYzAsNC4wMi0yLjE3NSw1LjQ5OC0yLjk5OSw1LjkxM0M3LjE3LDE1LjQ5NCw1LDE0LjAxNSw1LDEwVjlIMTEgTTEyLDhINHYyYzAsNS43MTEsNCw3LDQsNyBzNC0xLjI4OSw0LTdWOEwxMiw4eiI+PC9wYXRoPjwvZz48cGF0aCBmaWxsPSIjYzc0MzQzIiBkPSJNMTEsOHYxdjFjMCw0LjAyLTIuMTc1LDUuNDk4LTIuOTk5LDUuOTEzQzcuMTcsMTUuNDk0LDUsMTQuMDE1LDUsMTBWOVY4SDR2MmMwLDUuNzExLDQsNyw0LDcJczQtMS4yODksNC03VjhIMTF6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTguMDAxLDE1LjkxM2MwLjY4NC0wLjM0NSwyLjI5Ny0xLjQyOSwyLjgyNS00LjA4N0wxMCwxMWwtMSwxbC0xLTJsLTEsMmwtMS0xbC0wLjgyNiwwLjgyNglDNS43MDEsMTQuNDgxLDcuMzExLDE1LjU2NSw4LjAwMSwxNS45MTN6Ij48L3BhdGg+PC9zdmc+'); } .veotqp::before { content: ""; width: 24px; height: 24px; float: left; margin: 0 10px 0 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAzMCAzMCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBmaWxsPSIjOGJiN2YwIiBkPSJNMC41IDUuNUgyOS41VjI0LjVIMC41eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiM0ZTdhYjUiIGQ9Ik0yOSw2djE4SDFWNkgyOSBNMzAsNUgwdjIwaDMwVjVMMzAsNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMSA4LjcxTDE0LjI0MyAxNi44ODcgMTYuMjM0IDEzLjU5NSAzLjkzMiA2IDEgNnoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjkgNkwyNi43MDMgNiAxNC40MDIgMTMuNTk1IDE2LjM5MyAxNi44ODcgMjkgOS4xMDJ6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjM5MyAxMi42MDNMMTQuNDAyIDE1Ljg5NCAyNy41MzEgMjQgMjkgMjQgMjkgMjAuMzg3eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xIDIwLjc4TDEgMjQgMy4xMDYgMjQgMTYuMjM0IDE1Ljg5NSAxNC4yNDMgMTIuNjAzeiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xIDEzSDI5VjE3SDF6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEzIDZIMTdWMjRIMTN6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2Y3OGY4ZiIgZD0iTTEuNSAxNC41SDI4LjVWMTUuNUgxLjV6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2M3NDM0MyIgZD0iTTI5IDE0TDEgMTQgMSAxNiAyOSAxNiAyOSAxNHoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZjc4ZjhmIiBkPSJNMTQuNSA2LjVIMTUuNVYyMy41SDE0LjV6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2M3NDM0MyIgZD0iTTE1IDd2MTZWN00xNiA2aC0ydjE4aDJWNkwxNiA2ek0yOSA2TDI4LjA3NiA2IDE3LjE4NyAxMyAxOS4wMzYgMTMgMjkgNi41OTR6TTEyLjgxMyAxN0wxMC45NjQgMTcgMSAyMy40MDYgMSAyNCAxLjkyNCAyNHpNMSA2LjY2TDEgNy44NCA5LjI1NyAxMyAxMS4xNDMgMTN6TTI5IDIxLjIxN0wyMS45NzIgMTcgMjAuMDI4IDE3IDI5IDIyLjM4M3oiPjwvcGF0aD48L3N2Zz4='); } .ays1gq::before { content: ""; width: 24px; height: 24px; float: left; margin: 0 10px 0 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMzAiIGhlaWdodD0iMzAiCnZpZXdCb3g9IjAgMCAzMCAzMCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBmaWxsPSIjZmZlZWEzIiBkPSJNMC41IDE4LjVIMjkuNVYyNS41SDAuNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZjVjMjc2IiBkPSJNMjksMTl2Nkgxdi02SDI5IE0zMCwxOEgwdjhoMzBWMThMMzAsMTh6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2Y3OGY4ZiIgZD0iTTAuNSAxMS41SDI5LjVWMTguNUgwLjV6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2M3NDM0MyIgZD0iTTI5LDEydjZIMXYtNkgyOSBNMzAsMTFIMHY4aDMwVjExTDMwLDExeiI+PC9wYXRoPjxnPjxwYXRoIGZpbGw9IiM0YjY0NzciIGQ9Ik0wLjUgNC41SDI5LjVWMTEuNUgwLjV6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzM2NDA0ZCIgZD0iTTI5LDV2NkgxVjVIMjkgTTMwLDRIMHY4aDMwVjRMMzAsNHoiPjwvcGF0aD48L2c+PC9zdmc+'); } .js21c6::before { content: ""; width: 24px; height: 24px; float: left; margin: 0 10px 0 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMTYiIGhlaWdodD0iMTYiCnZpZXdCb3g9IjAgMCA0MCA0MCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cmVjdCB3aWR0aD0iMzkiIGhlaWdodD0iMTEiIHg9Ii41IiB5PSIxNC41IiBmaWxsPSIjZjJmYWZmIj48L3JlY3Q+PHBhdGggZmlsbD0iI2EzYjdjYyIgZD0iTTM5LDE1djEwSDFWMTVIMzkgTTQwLDE0SDB2MTJoNDBWMTRMNDAsMTR6Ij48L3BhdGg+PHJlY3Qgd2lkdGg9IjM5IiBoZWlnaHQ9IjkiIHg9Ii41IiB5PSIyNS41IiBmaWxsPSIjOGJiN2YwIj48L3JlY3Q+PHBhdGggZmlsbD0iIzRlN2FiNSIgZD0iTTM5LDI2djhIMXYtOEgzOSBNNDAsMjVIMHYxMGg0MFYyNUw0MCwyNXoiPjwvcGF0aD48cmVjdCB3aWR0aD0iMzkiIGhlaWdodD0iOSIgeD0iLjUiIHk9IjUuNSIgZmlsbD0iI2Y3OGY4ZiI+PC9yZWN0PjxwYXRoIGZpbGw9IiNjNzQzNDMiIGQ9Ik0zOSw2djhIMVY2SDM5IE00MCw1SDB2MTBoNDBWNUw0MCw1eiI+PC9wYXRoPjxnPjxwYXRoIGZpbGw9IiNmNzhmOGYiIGQ9Ik0yMCwyNy41Yy0zLjAzMiwwLTUuNS0yLjQ2OC01LjUtNS41di03LjVoMTFWMjJDMjUuNSwyNS4wMzIsMjMuMDMyLDI3LjUsMjAsMjcuNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjYzc0MzQzIiBkPSJNMjUsMTV2N2MwLDIuNzU3LTIuMjQzLDUtNSw1cy01LTIuMjQzLTUtNXYtN0gyNSBNMjYsMTRIMTR2OGMwLDMuMzE0LDIuNjg2LDYsNiw2czYtMi42ODYsNi02VjE0IEwyNiwxNHoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZjc4ZjhmIiBkPSJNMjUsMTVIMTV2N2MwLDIuNzU3LDIuMjQzLDUsNSw1czUtMi4yNDMsNS01VjE1eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNmMmZhZmYiIGQ9Ik0yMSwyNi44OTljMC43NDMtMC4xNTIsMS40MTYtMC40ODIsMi0wLjkyNFYyNWgtMlYyNi44OTl6Ij48L3BhdGg+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMjEiIHk9IjIxIiBmaWxsPSIjZjJmYWZmIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMjEiIHk9IjE3IiBmaWxsPSIjZjJmYWZmIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMTkiIHk9IjIzIiBmaWxsPSIjZjJmYWZmIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMTkiIHk9IjE5IiBmaWxsPSIjZjJmYWZmIj48L3JlY3Q+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMiIgeD0iMTkiIHk9IjE1IiBmaWxsPSIjZjJmYWZmIj48L3JlY3Q+PHBhdGggZmlsbD0iI2YyZmFmZiIgZD0iTTE3LDI1Ljk3NWMwLjU4NCwwLjQ0MiwxLjI1NywwLjc3MywyLDAuOTI0VjI1aC0yVjI1Ljk3NXoiPjwvcGF0aD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIxNyIgeT0iMjEiIGZpbGw9IiNmMmZhZmYiPjwvcmVjdD48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4PSIxNyIgeT0iMTciIGZpbGw9IiNmMmZhZmYiPjwvcmVjdD48cGF0aCBmaWxsPSIjZjJmYWZmIiBkPSJNMTYuMDI1LDI1SDE3di0yaC0xLjg5OUMxNS4yNTMsMjMuNzQzLDE1LjU4MywyNC40MTYsMTYuMDI1LDI1eiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjE1IiB5PSIxOSIgZmlsbD0iI2YyZmFmZiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjE1IiB5PSIxNSIgZmlsbD0iI2YyZmFmZiI+PC9yZWN0PjxwYXRoIGZpbGw9IiNmMmZhZmYiIGQ9Ik0yNC44OTksMjNIMjN2MmgwLjk3NUMyNC40MTcsMjQuNDE2LDI0Ljc0NywyMy43NDMsMjQuODk5LDIzeiI+PC9wYXRoPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjIzIiB5PSIxOSIgZmlsbD0iI2YyZmFmZiI+PC9yZWN0PjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHg9IjIzIiB5PSIxNSIgZmlsbD0iI2YyZmFmZiI+PC9yZWN0PjwvZz48Zz48cGF0aCBmaWxsPSIjOGVlNGVmIiBkPSJNMTQuMzIxLDE0LjU4NkwxMywxMS41OTlsMC45NzUtMS41OTZsMS43NSwwLjY1bDAuODA0LDMuMTYyIEMxNi41MjgsMTMuODE2LDE1LjI4NSwxNC4xMzksMTQuMzIxLDE0LjU4NnoiPjwvcGF0aD48cGF0aCBmaWxsPSIjNGU3YWI1IiBkPSJNMTguODI3LDEzLjQzOGwtMC4yNjMtMy4yNTRsLTEuNjE4LTAuOTM1bC0xLjIyMywxLjQwNGwwLjgwOCwzLjE1OSBDMTYuNTMyLDEzLjgxMiwxNy44MDcsMTMuNDk3LDE4LjgyNywxMy40Mzh6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzRlN2FiNSIgZD0iTTIxLjE3NiwxMy40MzhsMC4yNjMtMy4yNTRsMS42MTgtMC45MzVsMS4yMjMsMS40MDRsLTAuODA4LDMuMTU5IEMyMy40NzIsMTMuODEyLDIyLjE5NywxMy40OTcsMjEuMTc2LDEzLjQzOHoiPjwvcGF0aD48cGF0aCBmaWxsPSIjOGVlNGVmIiBkPSJNMjEuMTc2LDEzLjQzOGwwLjI2My0zLjI1NEwyMC4wMDIsOWwtMS40MzgsMS4xODRsMC4yNjMsMy4yNTQgQzE4LjgyNywxMy40MzgsMjAuMjU5LDEzLjMyOCwyMS4xNzYsMTMuNDM4eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiM0ZmMzZjciIGQ9Ik0yNS42NzgsMTQuNTg2TDI3LDExLjU5OWwtMC45NzUtMS41OTZsLTEuNzUsMC42NWwtMC44MDQsMy4xNjIgQzIzLjQ3MiwxMy44MTYsMjQuNzE1LDE0LjEzOSwyNS42NzgsMTQuNTg2eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiM4ZWU0ZWYiIGQ9Ik0yNS42NzgsMTQuNTg2TDI3LDExLjU5OWwtMC45NzUtMS41OTZsLTEuNzUsMC42NWwtMC44MDQsMy4xNjIgQzIzLjQ3MiwxMy44MTYsMjQuNzE1LDE0LjEzOSwyNS42NzgsMTQuNTg2eiI+PC9wYXRoPjwvZz48L3N2Zz4='); } .sjgi1fmai0::before { content: ""; width: 24px; height: 24px; float: left; margin: 0 10px 0 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6IzAwMDAwMDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iIzA5NGQ5MSI+PHBhdGggZD0iTTg2LDE0LjMzMzMzYy0zOS40OTU1MiwwIC03MS42NjY2NywzMi4xNzExNSAtNzEuNjY2NjcsNzEuNjY2NjdjMCwzOS40OTU1MiAzMi4xNzExNSw3MS42NjY2NyA3MS42NjY2Nyw3MS42NjY2N2MzOS40OTU1MiwwIDcxLjY2NjY3LC0zMi4xNzExNSA3MS42NjY2NywtNzEuNjY2NjdjMCwtMzkuNDk1NTIgLTMyLjE3MTE1LC03MS42NjY2NyAtNzEuNjY2NjcsLTcxLjY2NjY3ek04NiwyOC42NjY2N2MxLjc3OTM5LDAgMy43Mjk3MSwwLjcyODQgNi4yMTQ4NSwzLjA5MzQyYzIuNDg1MTMsMi4zNjUwMyA1LjE4MzUxLDYuMzI5OSA3LjUwMjYsMTEuNTQ3ODVjMS43NjU0LDMuOTcyMTQgMy4yMDk2Miw4LjgyMDA4IDQuNDUxMTcsMTQuMDI1MzloLTM2LjMzNzI0YzEuMjQxNTUsLTUuMjA1MzEgMi42ODU3NywtMTAuMDUzMjUgNC40NTExOCwtMTQuMDI1MzljMi4zMTkwOCwtNS4yMTc5NSA1LjAxNzQ4LC05LjE4MjgzIDcuNTAyNiwtMTEuNTQ3ODVjMi40ODUxNCwtMi4zNjUwMyA0LjQzNTQ2LC0zLjA5MzQyIDYuMjE0ODUsLTMuMDkzNDJ6TTYwLjU2NjczLDM0LjY0MzU1Yy0wLjQ2Njc5LDAuOTM4MTQgLTAuOTQ4MzYsMS44NTczNiAtMS4zODU3NCwyLjg0MTQ3Yy0yLjU5MjMsNS44MzI2NyAtNC42MDQ0MiwxMi41ODI4IC02LjExNjg2LDE5Ljg0ODMxaC0xNi43MTI4OWM1LjYzNjE1LC05Ljc2NjkxIDE0LjA2NTM5LC0xNy42NzA0IDI0LjIxNTUsLTIyLjY4OTc4ek0xMTEuNDMzMjcsMzQuNjQzNTVjMTAuMTUwMTEsNS4wMTkzNyAxOC41NzkzNCwxMi45MjI4NyAyNC4yMTU0OSwyMi42ODk3OGgtMTYuNzEyODljLTEuNTEyNDQsLTcuMjY1NTEgLTMuNTI0NTYsLTE0LjAxNTYzIC02LjExNjg2LC0xOS44NDgzMWMtMC40MzczOCwtMC45ODQxMSAtMC45MTg5NiwtMS45MDMzMyAtMS4zODU3NSwtMi44NDE0N3pNMzAuNTQyMzIsNzEuNjY2NjdoMjAuMzI0MjJjLTAuNDM5OTUsNC42MzU5OCAtMC42OTk4Nyw5LjQxNDM2IC0wLjY5OTg3LDE0LjMzMzMzYzAsNC45MTg5NyAwLjI1OTkyLDkuNjk3MzUgMC42OTk4NywxNC4zMzMzM2gtMjAuMzI0MjJjLTEuMTc2NTEsLTQuNTg4MTkgLTEuODc1NjUsLTkuMzY5NTQgLTEuODc1NjUsLTE0LjMzMzMzYzAsLTQuOTYzNzkgMC42OTkxNCwtOS43NDUxNSAxLjg3NTY1LC0xNC4zMzMzM3pNNjUuMzM5ODQsNzEuNjY2NjdoNDEuMzIwMzFjMC40OTg4OSw0LjYwNTIyIDAuODM5ODUsOS4zNjQxNCAwLjgzOTg1LDE0LjMzMzMzYzAsNC45NjkxOSAtMC4zNDA5Niw5LjcyODExIC0wLjgzOTg1LDE0LjMzMzMzaC00MS4zMjAzMWMtMC40OTg4OCwtNC42MDUyMiAtMC44Mzk4NCwtOS4zNjQxNCAtMC44Mzk4NCwtMTQuMzMzMzNjMCwtNC45NjkxOSAwLjM0MDk2LC05LjcyODExIDAuODM5ODQsLTE0LjMzMzMzek0xMjEuMTMzNDcsNzEuNjY2NjdoMjAuMzI0MjJjMS4xNzY1Miw0LjU4ODE5IDEuODc1NjUsOS4zNjk1NCAxLjg3NTY1LDE0LjMzMzMzYzAsNC45NjM3OSAtMC42OTkxNCw5Ljc0NTE1IC0xLjg3NTY1LDE0LjMzMzMzaC0yMC4zMjQyMmMwLjQzOTk1LC00LjYzNTk4IDAuNjk5ODcsLTkuNDE0MzYgMC42OTk4NywtMTQuMzMzMzNjMCwtNC45MTg5NyAtMC4yNTk5MiwtOS42OTczNSAtMC42OTk4NywtMTQuMzMzMzN6TTM2LjM1MTI0LDExNC42NjY2N2gxNi43MTI4OWMxLjUxMjQ0LDcuMjY1NTEgMy41MjQ1NiwxNC4wMTU2NCA2LjExNjg2LDE5Ljg0ODMxYzAuNDM3MzgsMC45ODQxMSAwLjkxODk2LDEuOTAzMzMgMS4zODU3NCwyLjg0MTQ4Yy0xMC4xNTAxMSwtNS4wMTkzOCAtMTguNTc5MzQsLTEyLjkyMjg3IC0yNC4yMTU1LC0yMi42ODk3OHpNNjcuODMxMzgsMTE0LjY2NjY3aDM2LjMzNzI0Yy0xLjI0MTU1LDUuMjA1MzEgLTIuNjg1NzcsMTAuMDUzMjUgLTQuNDUxMTcsMTQuMDI1MzljLTIuMzE5MDgsNS4yMTc5NiAtNS4wMTc0OCw5LjE4MjgzIC03LjUwMjYsMTEuNTQ3ODVjLTIuNDg1MTMsMi4zNjUwMyAtNC40MzU0NiwzLjA5MzQzIC02LjIxNDg1LDMuMDkzNDNjLTEuNzc5MzksMCAtMy43Mjk3MSwtMC43Mjg0IC02LjIxNDg1LC0zLjA5MzQzYy0yLjQ4NTEzLC0yLjM2NTAyIC01LjE4MzUyLC02LjMyOTg5IC03LjUwMjYsLTExLjU0Nzg1Yy0xLjc2NTQsLTMuOTcyMTQgLTMuMjA5NjIsLTguODIwMDggLTQuNDUxMTgsLTE0LjAyNTM5ek0xMTguOTM1ODcsMTE0LjY2NjY3aDE2LjcxMjg5Yy01LjYzNjE1LDkuNzY2OTEgLTE0LjA2NTM5LDE3LjY3MDQxIC0yNC4yMTU0OSwyMi42ODk3OGMwLjQ2Njc5LC0wLjkzODE1IDAuOTQ4MzcsLTEuODU3MzcgMS4zODU3NSwtMi44NDE0OGMyLjU5MjMsLTUuODMyNjcgNC42MDQ0MiwtMTIuNTgyOCA2LjExNjg2LC0xOS44NDgzMXoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg=='); } .sjgi1fmai0::after { content: ""; width: 24px; height: 24px; float: right; margin: -3px 0 0 2px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij4gICAgPHBhdGggZD0iTSA3LjQyOTY4NzUgOS41IEwgNS45Mjk2ODc1IDExIEwgMTIgMTcuMDcwMzEyIEwgMTguMDcwMzEyIDExIEwgMTYuNTcwMzEyIDkuNSBMIDEyIDE0LjA3MDMxMiBMIDcuNDI5Njg3NSA5LjUgeiI+PC9wYXRoPjwvc3ZnPg=='); } @media only screen and (min-width : 1024px) { .rivh3xtgsq a:hover { background-color: rgba(0,0,0,0.10); color: rgba(0,0,0,1.00); text-decoration: none; } } @media only screen and (max-width : 1023px) { #mobileHeaderContainer { display: flex; flex-flow: row; height: 48px; align-self: center; } #mobileLogo { align-self: center; margin-left: 10px; } #mobileLogo, #mobileLogo img { display: block; height: 34px; width: auto; } #headerTopContainer { height: 64px; } .bqkzn4xky4 { display: none!important; } .rivh3xtgsq a:active { background-color: rgba(0,0,0,0.10); color: rgba(0,0,0,1.00); text-decoration: none; } } @media only screen and (max-width : 567px) { #mobileLogo { margin-left: 0; } } @media only screen and (max-width : 460px) { #mobileLogo, #mobileLogo img { height: 26px; } } /* MOBILE MENU ----------------------------------------------------------------*/ #mobileMenuBtn { display: none; width: 48px; height: 48px; cursor: pointer; align-self: center; } #nav-icon { width: 26px; height: 20px; position: relative; margin: 14px auto; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; } #nav-icon span { display: block; position: absolute; height: 2px; width: 100%; background: rgba(0,0,0,1.00); opacity: 1; left: 0; transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon span:nth-child(1) { top: 1px; } #nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 9px; } #nav-icon span:nth-child(4) { top: 18px; } #nav-icon.open span:nth-child(1) { top: 10px; width: 0; left: 50%; } #nav-icon.open span:nth-child(2) { transform: rotate(45deg); } #nav-icon.open span:nth-child(3) { transform: rotate(-45deg); } #nav-icon.open span:nth-child(4) { top: 10px; width: 0; left: 50%; } @media only screen and (max-width : 1023px) { /* MM MENU */ .nlzsdr9 { --mm-navbar-size: 65px; } .z92dzr00a4 { font-weight: 700; } .z92dzr00a4 > span { overflow: visible; color: rgba(0,0,0,1.00); } .gdnr3r42yk { background: rgba(0,0,0,1.00); opacity: .5; } /* MOBILE MENU OPEN*/ #mobileMenuBtn { display: flex !important; } } /* TRANSPORT SELECTOR ----------------------------------------------------------------*/ .aesltrsyxs { display: flex; width: 100%; margin: 0 auto; position: relative; } .l2d0p53kn1 { display: flex; flex-flow: column; width: 100%; position: relative; z-index: 2; } .luok33g3q3 { position: absolute; display: flex; align-items: center; width: 100%; height: 400px; background-color: rgba(223,225,227,1.00); top: 0; left: 0; z-index: 1; overflow: hidden; } .luok33g3q3 img { display: block; width: 100%; height: auto; } @media only screen and (min-width : 1460px) { .luok33g3q3 { border-radius: 20px; } } .uqad8up2kd { display: flex; width: 100%; padding: 60px 20px 40px; max-width: 1220px; margin: 0 auto; } .uqad8up2kd h1 { font-size: 3.375rem; line-height: 1em; color: rgba(255,255,255,1.00); font-weight: 700; } .q0r4fqp3qx { display: flex; width: 100%; max-width: 1220px; padding: 0 20px; margin: 0 auto; font-size: 1.5rem; line-height: 1em; color: rgba(255,255,255,1.00); } .xtnk8ts3jg { display: flex; width: 100%; padding: 0 20px; margin-top: 60px; } .qc6im0wozi { display: flex; width: 100%; flex-flow: row; background-color: rgba(255,255,255,1.00); border: 2px solid rgba(223,225,227,1.00); border-radius: 10px; max-width: 1180px; margin: 0 auto; padding: 35px; } .whivj3641x { display: flex; flex-flow: column; width: 50%; } .hugejg02pi { display: flex; flex-grow: 1; flex-flow: row wrap; } .znp6mimqi9 { display: flex; width: 25%; padding: 5px; } .ue92bn9oh8 { display: block; padding: 5px; } .ue92bn9oh8 a { display: flex; width: 100%; font-size: 1.25rem; line-height: 1em; border-radius: 6px; color: rgba(255,255,255,1.00); height: 40px; text-align: center; justify-content: center; align-items: center; } .g5wr2127ar .ue92bn9oh8 a { background-color: rgba(9,77,145,1.00); } .dzmuh30gas .ue92bn9oh8 a { background-color: rgba(255,118,0,1.00); } .znp6mimqi9 a { display: flex; flex-flow: column; width: 100%; border-radius: 6px; padding: 5px; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); } .g5wr2127ar .znp6mimqi9 a { border: 2px solid rgba(9,77,145,1.00); } .dzmuh30gas .znp6mimqi9 a { border: 2px solid rgba(255,118,0,1.00); } .trasportSelectionItemIcon { display: flex; width: 100%; background-repeat: no-repeat; background-size: 54px 54px; background-position: 50% 50%; min-height: 64px; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); } .jqrjljc737 { display: flex; width: 100%; flex-flow: column; font-size: 0.875rem; line-height: 1.1em; text-align: center; justify-content: center; flex-grow: 1; min-height: 40px; } .g5wr2127ar .znp6mimqi9:nth-child(2) .trasportSelectionItemIcon { background-image: url("../img/icons/car.svg"); } .g5wr2127ar .znp6mimqi9:nth-child(3) .trasportSelectionItemIcon { background-image: url("../img/icons/van.svg"); } .g5wr2127ar .znp6mimqi9:nth-child(4) .trasportSelectionItemIcon { background-image: url("../img/icons/bus.svg"); } .g5wr2127ar .znp6mimqi9:nth-child(5) .trasportSelectionItemIcon { background-image: url("../img/icons/rent-a-car.svg"); } .g5wr2127ar .znp6mimqi9:nth-child(6) .trasportSelectionItemIcon { background-image: url("../img/icons/camper.svg"); } .g5wr2127ar .znp6mimqi9:nth-child(7) .trasportSelectionItemIcon { background-image: url("../img/icons/ambulance.svg"); } .g5wr2127ar .znp6mimqi9:nth-child(8) .trasportSelectionItemIcon { background-image: url("../img/icons/tourist.svg"); } .g5wr2127ar .znp6mimqi9:nth-child(9) .trasportSelectionItemIcon { background-image: url("../img/icons/driver.svg"); } .dzmuh30gas .znp6mimqi9:nth-child(2) .trasportSelectionItemIcon { background-image: url("../img/icons/van-cargo.svg"); } .dzmuh30gas .znp6mimqi9:nth-child(3) .trasportSelectionItemIcon { background-image: url("../img/icons/truck.svg"); } .dzmuh30gas .znp6mimqi9:nth-child(4) .trasportSelectionItemIcon { background-image: url("../img/icons/tow-truck.svg"); } .dzmuh30gas .znp6mimqi9:nth-child(5) .trasportSelectionItemIcon { background-image: url("../img/icons/truck-trailer.svg"); } .dzmuh30gas .znp6mimqi9:nth-child(6) .trasportSelectionItemIcon { background-image: url("../img/icons/freezer.svg"); } .dzmuh30gas .znp6mimqi9:nth-child(7) .trasportSelectionItemIcon { background-image: url("../img/icons/crane.svg"); } .dzmuh30gas .znp6mimqi9:nth-child(8) .trasportSelectionItemIcon { background-image: url("../img/icons/truck-2.svg"); } .dzmuh30gas .znp6mimqi9:nth-child(9) .trasportSelectionItemIcon { background-image: url("../img/icons/logistics.svg"); } @media (hover: hover) { .g5wr2127ar .znp6mimqi9 a:hover { background-color: rgba(9,77,145,0.10); } .dzmuh30gas .znp6mimqi9 a:hover { background-color: rgba(255,118,0,0.10); } .znp6mimqi9 a:hover .trasportSelectionItemIcon { background-size: 60px 60px; } } @media (hover: none) { .g5wr2127ar .znp6mimqi9 a:active { background-color: rgba(9,77,145,0.10); } .dzmuh30gas .znp6mimqi9 a:active { background-color: rgba(255,118,0,0.10); } } @media only screen and (max-width : 1023px) { .xtnk8ts3jg { padding: 0; } .kwe0ewysyc .xtnk8ts3jg { margin-top: 110px; } .qc6im0wozi { border-radius: 0px; border: none; padding: 15px; } .uqad8up2kd { padding: 40px 20px 20px; } .kwe0ewysyc .uqad8up2kd { padding: 100px 20px 20px; } .xtnk8ts3jg { margin-top: 50px; } .twm6rpko03 { max-width: 600px; margin: 0 auto; } } @media only screen and (max-width : 950px) { .znp6mimqi9 { width: 50%; } } @media only screen and (min-width : 568px) { .p50bri6wjc { display: none!important; } } @media only screen and (max-width : 567px) { .qc6im0wozi { flex-flow: column; } .whivj3641x { width: 100%; } .znp6mimqi9 { width: 33.333333%; } .ue92bn9oh8 { display: none!important; } .g5wr2127ar .znp6mimqi9.p50bri6wjc a { background-color: rgba(9,77,145,1.00); color: rgba(255,255,255,1.00); text-align: center; align-items: center; justify-content: center; font-size: 1.25rem; line-height: 1em; padding: 0 20px; } .dzmuh30gas .znp6mimqi9.p50bri6wjc a { background-color: rgba(255,118,0,1.00); color: rgba(255,255,255,1.00); text-align: center; align-items: center; justify-content: center; font-size: 1.25rem; line-height: 1em; padding: 0 20px; } .qc6im0wozi { padding: 15px 15px 35px; border-bottom: none; } } @media only screen and (max-width : 460px) { .uqad8up2kd h1 { font-size: 2.5rem; } .kfmdmmke76.q0r4fqp3qx { font-size: 1.2rem; line-height: 1em; } .xtnk8ts3jg { margin-top: 40px; } } /* HOME RANDOM ADS ----------------------------------------------------------------*/ .g0ta1ioivw { display: block; width: 100%; margin: 40px auto 0; } .euzw7d8hb4 { display: block; width: 100%; padding: 0 20px; } .r6o3iou9ad { display: block; width: 100%; border: 2px solid rgba(223,225,227,1.00); border-radius: 10px; } .s44r3tixvq { display: flex; height: 42px; width: 100%; text-align: center; font-size: 1.5rem; line-height: 1em; background-color: rgba(223,225,227,1.00); justify-content: center; align-items: center; padding-bottom: 2px; } .f0lmsiubn3 { display: block; width: 100%; padding: 40px; } .qxnjf6f2ph { display: flex; flex-flow: row; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); } .funw3h0689 { display: block; width: 140px; min-width: 140px; height: 120px; flex: 0 0 140px; border-radius: 6px; border: 2px solid rgba(223,225,227,1.00); overflow: hidden; } .funw3h0689 img { display: block; width: 100%; height: auto; transition: all .3s; } @media (hover: hover) { .qxnjf6f2ph:hover { background-color: rgba(0,0,0,0.05); border-radius: 6px; } } @media (hover: none) { } .qtxujjwodh { display: flex; flex-flow: column; padding: 0 5px 0 15px; justify-content: center; max-height: 120px; overflow: hidden; } .qtxujjwodh div + div { margin-top: 10px; } .randomContentItemTitle, .akpevbyuun { display: block; } .akpevbyuun img { display: inline-block; width: 24px; height: auto; margin-bottom: -1px; } @media only screen and (max-width : 1023px) { .f0lmsiubn3 { padding: 20px; } } @media only screen and (max-width : 767px) { .s44r3tixvq { font-size: 1.2rem; line-height: 1em; } .funw3h0689 { width: 120px; min-width: 120px; height: 100px; flex: 0 0 120px; } } @media only screen and (max-width : 567px) { .g0ta1ioivw { margin: 0px auto; } .euzw7d8hb4 { padding: 0px; } .euzw7d8hb4.d1nanz7f6q { padding: 40px 20px 0; } .r6o3iou9ad { border-left: none; border-right: none; border-top: none; border-radius: 0; } .s44r3tixvq { font-size: 1.2rem; line-height: 1em; } .funw3h0689 { width: 100px; min-width: 100px; height: 84px; flex: 0 0 100px; } .qtxujjwodh div + div { margin-top: 0px; } } /* HOME TRANSPORT LINKS ----------------------------------------------------------------*/ .mw3wjklbcg { display: block; margin: 20px auto 0; } .nz61g8r5t7 { display: block; text-align: right; padding: 0 60px; } .ysenrz8k2b a { color: rgba(9,77,145,1.00); text-decoration: underline; line-height: 40px; } .homeTransportLinks2 a { display: inline-block; line-height: 40px; padding: 0 25px; align-items: center; font-weight: 700; color: rgba(255,255,255,1.00); margin-left: 20px; height: 40px; border-radius: 6px; background-color: rgba(9,77,145,1.00); text-decoration: none; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); } @media (hover: hover) { .ysenrz8k2b a:hover { color: rgba(255,118,0,1.00); text-decoration: none; } .homeTransportLinks2 a:hover { background-color: rgba(255,118,0,1.00); } } @media (hover: none) { .ysenrz8k2b a:active { color: rgba(255,118,0,1.00); text-decoration: none; } .homeTransportLinks2 a:active { background-color: rgba(255,118,0,1.00); } } @media only screen and (max-width : 567px) { .nz61g8r5t7 { text-align: center; padding: 0; } } /* HOME EXCHANGE ----------------------------------------------------------------*/ .mw3wjklbcg + .aesltrsyxs { margin-top: 80px; } .kfmdmmke76 .uqad8up2kd h1, .kfmdmmke76 .q0r4fqp3qx { color: rgba(0,0,0,1.00); } .w3a97ik1tx a { display: flex; padding: 0 40px; align-items: center; font-weight: 700; min-height: 40px; color: rgba(255,255,255,1.00); border-radius: 6px; background-color: rgba(9,77,145,1.00); text-decoration: none; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); text-align: center; justify-content: center; } .y8jpv3u1cz .akpevbyuun { font-size: 0.875rem; line-height: 1.2rem; } .twm6rpko03, .twm6rpko03 form { display: flex; width: 100%; flex-flow: row; } .ue9tmnmzid { display: flex; flex-flow: column; width: 25%; justify-content: flex-start; padding: 10px; } .wm5daidom9 { display: flex; text-align: center; justify-content: center; text-transform: uppercase; font-weight: 700; min-height: 44px; } .kfmdmmke76 .qc6im0wozi { padding: 30px; } .n8178ls04t { display: flex; flex-flow: column; flex-grow: 1; justify-content: center; } .t6a68xb68c { display: flex; width: 100%; flex-flow: row; min-height: 44px; } .t6a68xb68c + .t6a68xb68c { margin-top: 10px; } .t6a68xb68c .vu8fs81mql { display: flex; flex-flow: column; justify-content: center; padding-left: 40px; } .t6a68xb68c .vu8fs81mql .zr8teyiusw { top: auto; } .t6a68xb68c .vu8fs81mql img { display: block; width: 64px; height: 64px; } .tohmmlelqq { display: flex; width: 100%; justify-content: center; text-align: center; text-transform: uppercase; flex-flow: column; font-weight: 700; color: rgba(0,0,0,0.50); } .d1nanz7f6q a { display: flex; padding: 0 25px; align-items: center; font-weight: 700; min-height: 44px; max-width: 600px; margin: 0 auto; color: rgba(255,255,255,1.00); border-radius: 6px; background-color: rgba(9,77,145,1.00); text-decoration: none; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); text-align: center; justify-content: center; } @media (hover: hover) { .w3a97ik1tx a:hover, .d1nanz7f6q a:hover { background-color: rgba(255,118,0,1.00); color: rgba(255,255,255,1.00); } } @media (hover: none) { .w3a97ik1tx a:active, .d1nanz7f6q a:active { background-color: rgba(255,118,0,1.00); color: rgba(255,255,255,1.00); } } @media (hover: hover) { .w3a97ik1tx a:hover { background-color: rgba(255,118,0,1.00); color: rgba(255,255,255,1.00); } } @media (hover: none) { .w3a97ik1tx a:active { background-color: rgba(255,118,0,1.00); color: rgba(255,255,255,1.00); } } #exchangeSubmitBtn { display: block; width: 100%; line-height: 44px; padding: 0; align-items: center; font-weight: 700; color: rgba(255,255,255,1.00); height: 44px; border-radius: 6px; background-color: rgba(9,77,145,1.00); text-decoration: none; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); cursor: pointer; border: 0; } @media (hover: hover) { #exchangeSubmitBtn:hover { background-color: rgba(255,118,0,1.00); } } @media (hover: none) { #exchangeSubmitBtn:active { background-color: rgba(255,118,0,1.00); } } @media only screen and (min-width : 1024px) { .w3a97ik1tx { display: block; position: absolute; top: 0; width: 100%; } .rycdiijyms { display: flex; width: 100%; max-width: 1220px; padding: 0 20px; margin: 60px auto 0; justify-content: end; } .w3a97ik1tx a { max-width: 300px; min-height: 64px; } .t6a68xb68c { justify-content: center; } } @media only screen and (max-width : 1023px) { .w3a97ik1tx { display: flex; width: 100%; max-width: 1220px; padding: 0 20px; margin: 30px auto 0; } .mw3wjklbcg + .aesltrsyxs { margin-top: 40px; } .kfmdmmke76 .qc6im0wozi { padding: 10px; } .kfmdmmke76 .uqad8up2kd, .kfmdmmke76 .q0r4fqp3qx { text-align: center; justify-content: center; } .kfmdmmke76 .uqad8up2kd h1 { display: block; width: 100%; } .w3a97ik1tx { justify-content: center; } .twm6rpko03, .twm6rpko03 form { flex-flow: column; } .ue9tmnmzid { width: 100%; } .n8178ls04t { flex-flow: column; } .wm5daidom9 { min-height: 30px; } .wm5daidom9.hide { display: none!important; } .n8178ls04t.nkpg0daux9 { flex-flow: row; } .nkpg0daux9 .t6a68xb68c.nikexuwra4 { justify-content: flex-end; padding-right: 20px; } .nkpg0daux9 .t6a68xb68c.adxhohchc6 { justify-content: flex-start; padding-left: 20px; } .w3a97ik1tx a { display: flex; width: 100%; max-width: 600px; padding: 0 25px; align-items: center; font-weight: 700; min-height: 40px; color: rgba(255,255,255,1.00); border-radius: 6px; background-color: rgba(9,77,145,1.00); text-decoration: none; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); text-align: center; justify-content: center; margin: 0 auto; } .rycdiijyms { display: block; width: 100%; } } /* SLIDER ----------------------------------------------------------------*/ .qfuqa3 ul li, .qfuqa3 ol li { padding: 0; } .zr6102v2ug { width: 40px; height: 40px; background: none; background-color: rgba(223,225,227,1.00); background-repeat: no-repeat; background-size: 32px 32px; background-position: 50% 50%; border-radius: 6px; opacity: 1; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); } .zr6102v2ug:hover { opacity: 1; background-color: rgba(175,180,185,1.00); } .jd21t6ya8e { background-image: url("../img/slider-arrow-next.svg"); right: -55px; } .u7dwqaw23k { background-image: url("../img/slider-arrow-prev.svg"); left: -55px; } .zr6102v2ug svg { display: none; } .lon7effpbu { bottom: -30px; } .akju42xhpt { background: rgba(223,225,227,1.00); width: 8px; height: 8px; padding: 0; margin: 5px; opacity: 1; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); } .akju42xhpt.mjck3tmza { background-color: rgba(175,180,185,1.00); } .akju42xhpt:hover { background: rgba(255,118,0,1.00); } /* COMPANIES LIST FILTER HEADER ----------------------------------------------------------------*/ .dpfo5f07pc { display: flex; width: 100%; margin: 0 auto; } .qyfqoosm2o { display: flex; width: 100%; min-height: 160px; background-color: rgba(223,225,227,1.00); } @media only screen and (min-width : 1460px) { .qyfqoosm2o { border-radius: 20px; } } .ucxmeh4bi0 { display: flex; flex-flow: row; width: 100%; max-width: 1220px; margin: 0 auto; } .vmuqyfw2of { display: flex; flex-flow: column; } .v73hi3ow6w { flex-grow: 1; padding: 0 20px 25px; } .hlc8bpswv8 { padding: 60px 0 40px; } .hlc8bpswv8 h1 { display: none; font-size: 3.375rem; line-height: 1em; color: rgba(0,0,0,1.00); font-weight: 700; } .hlc8bpswv8 h1:first-of-type { display: block; } .vpz5pdvo2f { display: flex; flex-flow: column; width: 100%; margin-bottom: 40px; } .vpz5pdvo2f select { max-width: 300px; } .vpz5pdvo2f select + select { margin-top: 20px; } @media only screen and (max-width : 1023px) { .hlc8bpswv8 { padding-top: 40px; } .v73hi3ow6w { padding: 0 20px 10px; } .zhevxnk57q { display: none!important; } } @media only screen and (max-width : 460px) { .hlc8bpswv8 h1 { font-size: 2.5rem; } .qyfqoosm2o { min-height: 130px; } } /* COMPANIES LIST ----------------------------------------------------------------*/ .w6u62364sn { display: flex; width: 100%; margin: 40px auto 0; padding: 0 20px; } .uzj1fx5i10 { display: flex; flex-flow: column; width: 100%; } .xzhurmu3 { display: flex; width: 100%; flex-flow: row; border: 2px solid rgba(223,225,227,1.00); border-radius: 10px; padding: 20px; } .xzhurmu3 + .xzhurmu3 { margin-top: 20px; } .xzhurmu3.l1nbwubs { border: 4px solid rgba(255,118,0,1.00); padding: 18px; position: relative; } .xzhurmu3.l1nbwubs::after { content: ''; display: block; position: absolute; top: -4px; right: -4px; width: 40px; height: 40px; border-radius: 0 10px; background-color: rgba(255,118,0,1.00); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6I3VuZGVmaW5lZDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTg2LDEyOC4xMTg1bDQ4Ljk1NTUsMjkuNTQ4MTdsLTEyLjk5MzE3LC01NS42ODVsNDMuMjUwODMsLTM3LjQ2NzMzbC01Ni45NTM1LC00LjgzMDMzbC0yMi4yNTk2NywtNTIuNTE3MzNsLTIyLjI1OTY3LDUyLjUxNzMzbC01Ni45NTM1LDQuODMwMzNsNDMuMjUwODMsMzcuNDY3MzNsLTEyLjk5MzE3LDU1LjY4NXoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg=='); background-repeat: no-repeat; background-position: 50% 50%; background-size: 24px 24px; } .z7cyr00x9x { display: block; width: 140px; min-width: 140px; height: 120px; flex: 0 0 140px; border-radius: 6px; border: 2px solid rgba(223,225,227,1.00); overflow: hidden; } .z7cyr00x9x img { display: block; width: 100%; height: auto; transition: all .3s; } @media (hover: hover) { .xzhurmu3:hover { background-color: rgba(0,0,0,0.05); cursor: pointer; } } @media (hover: none) { .xzhurmu3:active { background-color: rgba(0,0,0,0.05); } } .kv1y4jvdfe { display: flex; flex-grow: 1; flex-flow: column; padding: 0 5px 0 15px; } .kv1y4jvdfe h3.q6iddfwrgm { font-size: 1.5rem; line-height: 1em; color: rgba(9,77,145,1.00); margin-bottom: 10px; font-weight: 700; } .kv1y4jvdfe p.tmpr8yq5rz { margin-bottom: 10px; } @media only screen and (max-width : 767px) { .w6u62364sn { margin: 20px auto 0; padding: 0 20px; } .xzhurmu3 { padding: 10px; } .z7cyr00x9x { display: block; width: 100px; min-width: 100px; height: 84px; flex: 0 0 100px; border-radius: 6px; border: 2px solid rgba(223,225,227,1.00); overflow: hidden; } .kv1y4jvdfe { padding: 0 0 0 10px; } .kv1y4jvdfe h3.q6iddfwrgm { font-size: 1.2rem; line-height: 1em; } .xzhurmu3.l1nbwubs { padding: 8px; } .xzhurmu3.l1nbwubs::after { content: ''; display: block; position: absolute; width: 32px; height: 32px; background-size: 18px 18px; } .kv1y4jvdfe h3.q6iddfwrgm { padding-right: 20px; } } @media only screen and (max-width : 374px) { .xzhurmu3 { flex-flow: column; } .z7cyr00x9x { flex: 0 0 84px; } .kv1y4jvdfe { padding: 10px 0 0 0; } } /* PAGINATION ----------------------------------------------------------------*/ .a2ra18cr5d, .tems5h056i { display: flex; width: 100%; } .a2ra18cr5d { margin: 40px 0; } .tems5h056i { flex-flow: row wrap; justify-content: center; } .g7mwnqkzoc { display: flex; min-width: 40px; height: 40px; line-height: 40px; justify-content: center; background-color: rgba(223,225,227,1.00); border-radius: 6px; padding: 0 10px; font-weight: 700; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); background-repeat: no-repeat; background-position: 50% 50%; margin: 5px; } .zny6gucy24 { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiN1bmRlZmluZWQ7Ij4gICAgPHBhdGggZD0iTSAxMCA0LjkyOTY4NzUgTCAyLjkyOTY4NzUgMTIgTCAxMCAxOS4wNzAzMTIgTCAxMS41IDE3LjU3MDMxMiBMIDYuOTI5Njg3NSAxMyBMIDIxIDEzIEwgMjEgMTEgTCA2LjkyOTY4NzUgMTEgTCAxMS41IDYuNDI5Njg3NSBMIDEwIDQuOTI5Njg3NSB6Ij48L3BhdGg+PC9zdmc+'); } .gfke903naj { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAyNCAyNCIKc3R5bGU9IiBmaWxsOiN1bmRlZmluZWQ7Ij4gICAgPHBhdGggZD0iTSAxNCA0LjkyOTY4NzUgTCAxMi41IDYuNDI5Njg3NSBMIDE3LjA3MDMxMiAxMSBMIDMgMTEgTCAzIDEzIEwgMTcuMDcwMzEyIDEzIEwgMTIuNSAxNy41NzAzMTIgTCAxNCAxOS4wNzAzMTIgTCAyMS4wNzAzMTIgMTIgTCAxNCA0LjkyOTY4NzUgeiI+PC9wYXRoPjwvc3ZnPg=='); } @media (hover: hover) { .g7mwnqkzoc:not(.nva91ampc5):hover { color: rgba(255,255,255,1.00); background-color: rgba(9,77,145,1.00); } .gfke903naj:hover { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6I3VuZGVmaW5lZDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEwMC4zMzMzMywzNS4zMjk0M2wtMTAuNzUsMTAuNzVsMzIuNzUzOSwzMi43NTM5MWgtMTAwLjgzNzI0djE0LjMzMzMzaDEwMC44MzcyNGwtMzIuNzUzOSwzMi43NTM5bDEwLjc1LDEwLjc1bDUwLjY3MDU3LC01MC42NzA1N3oiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg=='); } .zny6gucy24:hover { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6I3VuZGVmaW5lZDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTcxLjY2NjY3LDM1LjMyOTQzbC01MC42NzA1Nyw1MC42NzA1N2w1MC42NzA1Nyw1MC42NzA1N2wxMC43NSwtMTAuNzVsLTMyLjc1MzkxLC0zMi43NTM5aDEwMC44MzcyNHYtMTQuMzMzMzNoLTEwMC44MzcyNGwzMi43NTM5MSwtMzIuNzUzOTF6Ij48L3BhdGg+PC9nPjwvZz48L3N2Zz4='); } } @media (hover: none) { .g7mwnqkzoc:not(.nva91ampc5):active { color: rgba(255,255,255,1.00); background-color: rgba(9,77,145,1.00); } .gfke903naj:active { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6I3VuZGVmaW5lZDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEwMC4zMzMzMywzNS4zMjk0M2wtMTAuNzUsMTAuNzVsMzIuNzUzOSwzMi43NTM5MWgtMTAwLjgzNzI0djE0LjMzMzMzaDEwMC44MzcyNGwtMzIuNzUzOSwzMi43NTM5bDEwLjc1LDEwLjc1bDUwLjY3MDU3LC01MC42NzA1N3oiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg=='); } .zny6gucy24:active { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMjQiIGhlaWdodD0iMjQiCnZpZXdCb3g9IjAgMCAxNzIgMTcyIgpzdHlsZT0iIGZpbGw6I3VuZGVmaW5lZDsiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxwYXRoIGQ9Ik0wLDE3MnYtMTcyaDE3MnYxNzJ6IiBmaWxsPSJub25lIj48L3BhdGg+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTcxLjY2NjY3LDM1LjMyOTQzbC01MC42NzA1Nyw1MC42NzA1N2w1MC42NzA1Nyw1MC42NzA1N2wxMC43NSwtMTAuNzVsLTMyLjc1MzkxLC0zMi43NTM5aDEwMC44MzcyNHYtMTQuMzMzMzNoLTEwMC44MzcyNGwzMi43NTM5MSwtMzIuNzUzOTF6Ij48L3BhdGg+PC9nPjwvZz48L3N2Zz4='); } } .nva91ampc5 { background-color: transparent; } /* COMPANY LISTING ----------------------------------------------------------------*/ .dk820rs9td { display: flex; flex-flow: column; width: 100%; padding: 60px 20px; max-width: 1220px; margin: 0 auto; } .nn33q4kf7y { display: block; width: 100%; } .nn33q4kf7y h1 { font-size: 2rem; line-height: 1.2em; font-weight: 700; } .w8l0yoy5l0, .companyEditBox { display: flex; flex-flow: row; margin-top: 40px; } .vsh9fqs4t3 { display: flex; width: 100%; max-width: 300px; } .editAdBtn, .deleteAdBtn { display: flex; width: 100%; max-width: 230px; font-weight: 700; color: rgba(9,77,145,1.00); border: 2px solid rgba(9,77,145,1.00); height: 44px; border-radius: 6px; text-decoration: none; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); cursor: pointer; justify-content: center; text-align: center; align-items: center; } .deleteAdBtn { margin-left: 20px; color: rgba(240,0,4,1.00); border: 2px solid rgba(240,0,4,1.00); } .vsh9fqs4t3 a { display: flex; width: 100%; line-height: 1em; text-transform: uppercase; padding: 0 20px; align-items: center; font-weight: 700; color: rgba(255,255,255,1.00); height: 44px; border-radius: 6px; background-color: rgba(9,77,145,1.00); text-decoration: none; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); cursor: pointer; justify-content: center; text-align: center; } @media (hover: hover) { .vsh9fqs4t3 a:hover { background-color: rgba(255,118,0,1.00); } a.editAdBtn:hover { background-color: rgba(9,77,145,1.00); color: rgba(255,255,255,1.00); } a.deleteAdBtn:hover { background-color: rgba(240,0,4,1.00); color: rgba(255,255,255,1.00); } } @media (hover: none) { .vsh9fqs4t3 a:active { background-color: rgba(255,118,0,1.00); } a.editAdBtn:active { background-color: rgba(9,77,145,1.00); color: rgba(255,255,255,1.00); } a.deleteAdBtn:active { background-color: rgba(240,0,4,1.00); color: rgba(255,255,255,1.00); } } .evgy1r3wfc { display: flex; flex-grow: 1; min-height: 44px; color: rgba(0,0,0,0.50); font-size: 0.75rem; line-height: 1.2em; align-items: center; padding-left: 20px; font-weight: 700; } .wjakd1bsmf { display: flex; width: 100%; margin: 30px auto 0; padding: 0 10px; } .rsmvl02bun { display: flex; flex-flow: row wrap; width: 100%; } .g8av2579yp { display: block; width: 16.666667%; height: auto; padding: 10px; } .wy4zi0o4jw { display: block; width: 100%; border-radius: 6px; border: 2px solid rgba(223,225,227,1.00); overflow: hidden; } .wy4zi0o4jw img { display: block; width: 100%; height: auto; transition: all .3s; } @media (hover: hover) { .wy4zi0o4jw:hover img { transform: scale(1.1); cursor: pointer; } } @media (hover: none) { } .t0r8dcfizx { display: flex; width: 100%; margin: 40px auto 0; padding: 0 20px; } .jxln9g9vgd { display: flex; flex-flow: column; width: 100%; } #extralang { display: flex; flex-flow: column; width: 100%; } .pq9af421zm { display: block; width: 100%; border-radius: 10px; border: 2px solid rgba(223,225,227,1.00); padding: 38px; } .pq9af421zm img { display: inline-block; width: 24px; height: auto; margin-bottom: -5px; } .pq9af421zm + .pq9af421zm { margin-top: 20px; } .pq9af421zm p + p { margin-top: 20px; } .zm3v5umg5h { display: flex; width: 100%; margin: 40px auto 80px; padding: 0 60px; } .m2a9lab2o5 { display: flex; flex-flow: column; width: 100%; position: relative; } .m2a9lab2o5 p img { display: inline-block; width: 24px; height: auto; margin-bottom: -5px; } .m2a9lab2o5 p + p { margin-top: 10px; } .m2a9lab2o5 .nn33q4kf7y { font-size: 1.5rem; line-height: 1.2em; max-width: 65% } @media (hover: hover) { a.f9e57xh7ad:hover { background-color: rgba(9,77,145,1.00); color: rgba(255,255,255,1.00); } } @media (hover: none) { a.f9e57xh7ad:active { background-color: rgba(9,77,145,1.00); color: rgba(255,255,255,1.00); } } .aavrcas5qh { display: block; margin-top: 80px; } a.f9e57xh7ad { display: flex; line-height: 1em; text-transform: uppercase; padding: 0 20px; align-items: center; font-weight: 700; color: rgba(9,77,145,1.00); height: 44px; border-radius: 6px; border: 2px solid rgba(9,77,145,1.00); text-decoration: none; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); cursor: pointer; justify-content: center; text-align: center; max-width: 300px; } @media only screen and (min-width : 1024px) { a.f9e57xh7ad { position: absolute; top: 0; right: 0; } } @media only screen and (max-width : 1023px) { .dk820rs9td { padding: 40px 20px; } .g8av2579yp { width: 20%; } a.f9e57xh7ad { margin-top: 40px; } } @media only screen and (max-width : 767px) { .w8l0yoy5l0, .companyEditBox { flex-flow: column; } .evgy1r3wfc { padding-left: 0; margin-top: 10px; width: 100%; min-height: 10px; } .wjakd1bsmf { margin-top: 10px; } .g8av2579yp { width: 25%; } .t0r8dcfizx { margin: 20px auto 0; } .pq9af421zm { padding: 10px; } .zm3v5umg5h { display: flex; width: 100%; margin: 20px auto 40px; padding: 0 20px; } a.f9e57xh7ad, .m2a9lab2o5 .w8l0yoy5l0 { margin-top: 20px; } .deleteAdBtn { margin-left: 0px; margin-top: 20px; } .m2a9lab2o5 .nn33q4kf7y { max-width: 100% } } @media only screen and (max-width : 610px) { .aavrcas5qh { display: block; margin-top: 40px; } .aavrcas5qh img { display: block; width: 100%; height: auto; } } @media only screen and (max-width : 460px) { .g8av2579yp { width: 33.333333%; } } /* LOGIN ----------------------------------------------------------------*/ .obkcy2dpp5 { display: flex; width: 100%; margin: 0 auto; position: relative; } .cm52u2eh3f { display: flex; flex-flow: column; width: 100%; position: relative; z-index: 2; } .kx2u71maf2 { display: flex; width: 100%; padding: 60px 20px 40px; max-width: 1220px; margin: 0 auto; } .kx2u71maf2 h1 { font-size: 3.375rem; line-height: 1em; font-weight: 700; } .loginSubtitle { display: flex; width: 100%; max-width: 1220px; padding: 0 20px; margin: 0 auto; font-size: 1.5rem; line-height: 1em; } .dqdd2fxoh6 { display: flex; width: 100%; padding: 0 20px; margin-top: 20px; } .zk5du2dhbc { display: flex; width: 100%; flex-flow: wrap; background-color: rgba(255,255,255,1.00); border: 2px solid rgba(223,225,227,1.00); border-radius: 10px; max-width: 1180px; margin: 0 auto; } .h0a04p0gea { display: flex; flex-flow: column; width: 50%; } .h0a04p0gea.loginFormColImg { background-image: url("../img/bzimp27n.jpg"); background-size: cover; background-position: 50% 50%; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .h0a04p0gea.tv5yya00cv { padding: 40px; } @media only screen and (max-width : 1023px) { .kx2u71maf2 { padding: 40px 20px 20px; } } @media only screen and (max-width : 767px) { .kx2u71maf2 h1 { font-size: 2.5rem; line-height: 1em; } .zk5du2dhbc { flex-flow: column; } .h0a04p0gea { width: 100%; max-width: 600px; margin: 0 auto; } } @media only screen and (max-width : 460px) { .h0a04p0gea.tv5yya00cv { padding: 20px; } } /* LINKS BELOW FORM */ .kpgz25w8oo { display: block; margin: 20px auto 0; } .y8dq2ejguc { display: block; text-align: right; padding: 0 60px; } .y8dq2ejguc a { color: rgba(9,77,145,1.00); text-decoration: underline; line-height: 40px; } .y8dq2ejguc a:hover { color: rgba(255,118,0,1.00); text-decoration: none; } .y8dq2ejguc span { text-transform: uppercase; font-size: 0.75rem; line-height: 1.2em; color: rgba(0,0,0,0.50); font-weight: 700; } @media only screen and (max-width : 767px) { .y8dq2ejguc { padding: 0 20px; text-align: center; justify-content: center; margin-bottom: 20px; } } /* REGISTER ----------------------------------------------------------------*/ .lc6gwngajy { display: flex; flex-flow: column; width: 100%; max-width: 630px; margin: 0 auto; padding: 60px 40px; } .lc6gwngajy + .lc6gwngajy { padding-top: 0; } .cyed4ocpg1 { display: flex; flex-flow: row; } .cyed4ocpg1 .vu8fs81mql + .vu8fs81mql { margin-left: 20px; } .ra8f6tm6up { margin-top: 20px; } .f02oh17qp2 { display: block; width: 100%; margin-top: 40px; } .gck3l7qlj5 { display: block; width: 100%; padding: 18px; border: 2px solid rgba(255,118,0,1.00); background-color: rgba(255,118,0,0.08); border-radius: 6px; margin-bottom: 100px; } .gznb7smx0o .euzw7d8hb4 { display: block; width: 100%; margin-top: 40px; } .tg085mb { display: block; width: 100%; padding: 18px; border: 2px solid rgba(255,118,0,1.00); background-color: rgba(255,118,0,0.08); border-radius: 6px; justify-content: center; text-align: center; } .tg085mb a { color: rgba(9,77,145,1.00); text-decoration: underline; } @media (hover: hover) { .tg085mb a:hover { color: rgba(255,118,0,1.00); text-decoration: none; } } .mqtep7p6f5 { display: flex; width: 100%; flex-flow: row wrap; margin-top: 40px; padding-top: 15px; border-top: 1px solid rgba(223,225,227,1.00); } .formRowDivider { display: flex; width: 100%; margin-top: 40px; padding-top: 15px; border-top: 1px solid rgba(223,225,227,1.00); } .registrationTitleSuccess, .deleteTitleWarning { position: relative; padding-left: 60px; } .deleteTitleWarning h2 { min-height: 40px; display: flex; align-items: center; } .registrationTitleSuccess::before { content: ""; display: block; width: 40px; height: 40px; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiN1bmRlZmluZWQ7Ij48cGF0aCBmaWxsPSIjYzhlNmM5IiBkPSJNNDQsMjRjMCwxMS4wNDUtOC45NTUsMjAtMjAsMjBTNCwzNS4wNDUsNCwyNFMxMi45NTUsNCwyNCw0UzQ0LDEyLjk1NSw0NCwyNHoiPjwvcGF0aD48cGF0aCBmaWxsPSIjNGNhZjUwIiBkPSJNMzQuNTg2LDE0LjU4NmwtMTMuNTcsMTMuNTg2bC01LjYwMi01LjU4NmwtMi44MjgsMi44MjhsOC40MzQsOC40MTRsMTYuMzk1LTE2LjQxNEwzNC41ODYsMTQuNTg2eiI+PC9wYXRoPjwvc3ZnPg=='); position: absolute; top: 0; left: 0; background-size: 100% 100%; } .deleteTitleWarning::before { content: ""; display: block; width: 40px; height: 40px; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiN1bmRlZmluZWQ7Ij48cGF0aCBmaWxsPSIjRjQ0MzM2IiBkPSJNMjEuMiw0NC44bC0xOC0xOGMtMS42LTEuNi0xLjYtNC4xLDAtNS43bDE4LTE4YzEuNi0xLjYsNC4xLTEuNiw1LjcsMGwxOCwxOGMxLjYsMS42LDEuNiw0LjEsMCw1LjdsLTE4LDE4QzI1LjMsNDYuNCwyMi43LDQ2LjQsMjEuMiw0NC44eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMS42LDMyLjdjMC0wLjMsMC4xLTAuNiwwLjItMC45YzAuMS0wLjMsMC4zLTAuNSwwLjUtMC43YzAuMi0wLjIsMC41LTAuNCwwLjgtMC41czAuNi0wLjIsMS0wLjJzMC43LDAuMSwxLDAuMmMwLjMsMC4xLDAuNiwwLjMsMC44LDAuNWMwLjIsMC4yLDAuNCwwLjQsMC41LDAuN2MwLjEsMC4zLDAuMiwwLjYsMC4yLDAuOXMtMC4xLDAuNi0wLjIsMC45cy0wLjMsMC41LTAuNSwwLjdjLTAuMiwwLjItMC41LDAuNC0wLjgsMC41Yy0wLjMsMC4xLTAuNiwwLjItMSwwLjJzLTAuNy0wLjEtMS0wLjJzLTAuNS0wLjMtMC44LTAuNWMtMC4yLTAuMi0wLjQtMC40LTAuNS0wLjdTMjEuNiwzMy4xLDIxLjYsMzIuN3ogTTI1LjgsMjguMWgtMy42TDIxLjcsMTNoNC42TDI1LjgsMjguMXoiPjwvcGF0aD48L3N2Zz4='); position: absolute; top: 0; left: 0; background-size: 100% 100%; } .formRegistrationSuccess .opu2zd4.rjz1pdt, .formRegistrationSuccess .opu2zd4 { flex-flow: column; } .formImportant { font-size: 1.5rem; line-height: 1.2em; color: rgba(255,118,0,1.00); font-weight: 700; margin: 20px 0; } @media only screen and (max-width : 767px) { .lc6gwngajy { padding: 20px; } .ra8f6tm6up { margin-top: 40px; } } @media only screen and (max-width : 567px) { .gznb7smx0o .euzw7d8hb4 { margin-top: 20px; } .gznb7smx0o { padding: 0 20px; } } /* NEW AD ----------------------------------------------------------------*/ .lc6gwngajy .pq9af421zm { margin-top: 20px; } .insertSelectorCol { display: flex; flex-flow: column; width: 100%; } .insertSelectionGrid { display: flex; width: 100%; flex-flow: row wrap; } .insertSelectionItem { display: flex; width: 25%; padding: 5px; } .insertColTitle { display: block; text-transform: uppercase; text-align: center; margin: 20px 0 10px; } .insertColPersonal .insertColTitle { color: rgba(9,77,145,1.00); } .insertColCargo .insertColTitle { color: rgba(255,118,0,1.00); } .insertSelectionItemTitle { display: flex; width: 100%; flex-flow: column; font-size: 0.875rem; line-height: 1.1em; text-align: center; justify-content: center; flex-grow: 1; min-height: 40px; } .insertSelectionItem .insertSelectionItemInner { display: flex; flex-flow: column; width: 100%; border-radius: 6px; padding: 5px; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); justify-content: center; } .insertSelectionItem .insertSelectionItemInner input { margin: 0 auto; } .insertColPersonal .insertSelectionItemInner { border: 2px solid rgba(9,77,145,1.00); } .insertColCargo .insertSelectionItemInner { border: 2px solid rgba(255,118,0,1.00); } @media (hover: hover) { .insertColPersonal:not(.disabledSelection) .insertSelectionItemInner:hover { background-color: rgba(9,77,145,0.10); } .insertColCargo:not(.disabledSelection) .insertSelectionItemInner:hover { background-color: rgba(255,118,0,0.10); } } @media (hover: none) { .insertColPersonal:not(.disabledSelection) .insertSelectionItemInner:active { background-color: rgba(9,77,145,0.10); } .insertColCargo:not(.disabledSelection) .insertSelectionItemInner:active { background-color: rgba(255,118,0,0.10); } } .pq9af421zm.listingContentItemCompact { padding: 18px; } .listingContentItemText { display: block; margin-top: 20px; } .formRowPhotos { display: flex; width: 100%; flex-flow: column; margin-top: 10px; } /* DELETE AD ----------------------------------------------------------------*/ .deleteConfirmBox { padding-top: 20px; } .confirmDeleteBtn, .cancelDeleteBtn { display: flex; width: 100%; max-width: 230px; line-height: 44px; font-weight: 700; color: rgba(9,77,145,1.00); border: 2px solid rgba(9,77,145,1.00); height: 44px; border-radius: 6px; text-decoration: none; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); cursor: pointer; justify-content: center; text-align: center; } .confirmDeleteBtn { color: rgba(240,0,4,1.00); border: 2px solid rgba(240,0,4,1.00); } .cancelDeleteBtn { margin-left: 20px; } @media (hover: hover) { a.cancelDeleteBtn:hover { background-color: rgba(9,77,145,1.00); color: rgba(255,255,255,1.00); } a.confirmDeleteBtn:hover { background-color: rgba(240,0,4,1.00); color: rgba(255,255,255,1.00); } } @media (hover: none) { a.cancelDeleteBtn:active { background-color: rgba(9,77,145,1.00); color: rgba(255,255,255,1.00); } a.confirmDeleteBtn:active { background-color: rgba(240,0,4,1.00); color: rgba(255,255,255,1.00); } } @media only screen and (max-width : 767px) { .deleteConfirmBox { flex-flow: column!important; padding: 70px 0 50px; } .cancelDeleteBtn { margin-left: 0px; margin-top: 20px; } } /* NEW EXCHANGE AD ----------------------------------------------------------------*/ .pw6srk9acs { display: flex; flex-flow: row; margin-bottom: 40px; } .pw6srk9acs .evgy1r3wfc { text-transform: uppercase; } .ey94eqsfk6 { display: flex; width: 100%; flex-flow: row; } .i1yidazlmi { display: flex; width: 25%; padding: 5px; } .qk8lpi1q1a { display: flex; width: 100%; flex-flow: column; font-size: 0.875rem; line-height: 1.1em; text-align: center; justify-content: center; flex-grow: 1; min-height: 40px; } .i1yidazlmi .i4i4nt1ran { display: flex; flex-flow: column; width: 100%; border-radius: 6px; padding: 5px; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); } .ko6e6f8ekd.i4i4nt1ran { border: 2px solid rgba(9,77,145,1.00); } .qle29c0ox0.i4i4nt1ran { border: 2px solid rgba(255,118,0,1.00); } @media (hover: hover) { .ko6e6f8ekd:not(.disabledSelection).i4i4nt1ran:hover { background-color: rgba(9,77,145,0.10); } .qle29c0ox0:not(.disabledSelection).i4i4nt1ran:hover { background-color: rgba(255,118,0,0.10); } } @media (hover: none) { .ko6e6f8ekd:not(.disabledSelection).i4i4nt1ran:active { background-color: rgba(9,77,145,0.10); } .qle29c0ox0:not(.disabledSelection).i4i4nt1ran:active { background-color: rgba(255,118,0,0.10); } } .b37nrtpm0x { display: flex; width: 100%; height: 28px; text-transform: uppercase; text-align: center; justify-content: center; align-items: center; margin: 40px 0 0; background-color: rgba(223,225,227,1.00); border-radius: 6px; } .opu2zd4.txd5dwxq div { display: block; width: 100%; margin-top: 10px; } .formRowImgBox { display: flex; flex-flow: row!important; margin: 10px 0; } .formRowImg { display: flex; border: 2px solid rgba(223,225,227,1.00); border-radius: 6px; max-width: 140px; height: auto; overflow: hidden; } .formRowImg img { display: block; width: 140px; height: auto; } .formRowImgButtons { display: flex; flex-flow: column; padding-left: 20px; justify-content: center; } .formRowImgDelete { display: flex; color: rgba(255,0,0,1.00); font-weight: 700; background-color: rgba(223,225,227,0.50); border-radius: 6px; height: 40px; align-items: center; padding: 0 20px; } .formRowImgMain { display: flex; flex-flow: row; align-items: center; margin-bottom: 15px; } @media (hover: hover) { .formRowImgMain:hover { text-decoration: underline; } } .formRowImgMain img { margin-right: 5px; } .headerExchangeListDropdown { display: flex; flex-flow: row wrap; width: 100%; margin-bottom: 40px; } .headerExchangeListDropdown select { max-width: 300px; } .headerExchangeListDropdownBox { display: flex; flex-flow: row; } .headerListDropdownText { font-weight: 700; text-transform: uppercase; padding-right: 10px; display: flex; align-items: center; } @media only screen and (min-width : 1024px) { .headerExchangeListDropdown .headerExchangeListDropdownBox + .headerExchangeListDropdownBox { margin-left: 40px; } } @media only screen and (max-width : 1023px) { .headerExchangeListDropdown { flex-flow: column; } .i1yidazlmi { width: 50%; } .headerExchangeListDropdown .headerExchangeListDropdownBox + .headerExchangeListDropdownBox { margin-top: 20px; } } @media only screen and (max-width : 767px) { .pw6srk9acs { flex-flow: column; } } /* EXCHANGE LIST ----------------------------------------------------------------*/ .gq51mw63a0, .he0300o604 { display: flex; width: 100%; flex-flow: column; } .gq51mw63a0 { position: relative; } .exchangeItemBadge { display: flex; position: absolute; top: 0; right: 0; border-top-right-radius: 10px; background-color: rgba(9,77,145,1.00); color: rgba(255,255,255,1.00); padding: 8px 20px; border-bottom-left-radius: 10px; } .gq51mw63a0 + .gq51mw63a0 { margin-top: 40px; } .he0300o604 { border: 2px solid rgba(223,225,227,1.00); border-radius: 10px; overflow: hidden; } .he0300o604.myAd { border: 2px solid rgba(9,77,145,1.00); } .drhojzd7t0 { display: flex; width: 100%; } .drhojzd7t0 a { display: flex; width: 100%; height: 40px; background-color: rgba(223,225,227,1.00); color: rgba(9,77,145,1.00); text-align: center; justify-content: center; align-items: center; font-weight: 700; } .hr4x5nt8at { display: flex; flex-flow: row; } .c6l1yfohfb { display: flex; flex-flow: column; width: 180px; border-right: 2px solid rgba(223,225,227,1.00); text-align: center; justify-content: center; padding: 20px 0 40px; } .n8kd6uctvo { display: flex; flex-flow: column; padding-top: 20px; text-transform: uppercase; margin-bottom: 20px; } .n8kd6uctvo img { display: block; width: 64px; height: 64px; margin: 0 auto 4px; } .le43wjgymb { display: block; width: 100%; } .le43wjgymb span { display: block; text-align: center; font-size: 0.75rem; text-transform: uppercase; } .fvlx4py7a3, .shsq21dj8q { display: flex; flex-flow: column; width: 100%; } .shsq21dj8q { padding: 20px 0 0; } .qpai5tvr8u { display: block; padding: 0 20px 20px; } .s7zkopfeuf { display: block; padding: 0 20px 20px; } .uaarllt54b { display: flex; flex-flow: row wrap; padding: 0 20px; } .uaarllt54b a { display: block; max-width: 140px; height: auto; border: 2px solid rgba(223,225,227,1.00); border-radius: 6px; overflow: hidden; } .uaarllt54b a img { display: block; width: 100%; height: auto; } .uaarllt54b a + a { margin-left: 20px; } .exchangeEditBox { display: flex; width: 100%; flex-flow: row; margin-bottom: 20px; padding-left: 20px; } .dx14mw09o0 { display: flex; flex-flow: row; padding: 10px; } .w11ezzdrfl { display: flex; flex-flow: column; width: 50%; padding: 10px; } .n5kcjpua6l { display: flex; font-weight: 700; justify-content: center; text-align: center; background-color: rgba(223,225,227,1.00); align-items: center; height: 28px; border-radius: 6px; } .ij3ewcmc0m { display: block; margin-top: 8px; } .ij3ewcmc0m img { display: inline-block; width: 24px; height: auto; margin-bottom: -5px; } .j2torlfo86 { padding: 20px; border-top: 2px solid rgba(223,225,227,1.00);; } .i6liz84t0a { display: flex; flex-flow: row; margin-top: 20px; } .i6liz84t0a .evgy1r3wfc { text-transform: uppercase; } .exchangePartner { display: block; margin-top: 20px; font-weight: 700; } .exchangePartner a { text-decoration: underline; text-decoration-color: rgba(9,77,145,1.00); } @media (hover: hover) { .exchangePartner a:hover { color: rgba(255,118,0,1.00); text-decoration-color: rgba(255,118,0,1.00); } } @media (hover: none) { .exchangePartner a:hover { color: rgba(255,118,0,1.00); text-decoration-color: rgba(255,118,0,1.00); } } @media only screen and (max-width : 1023px) { .gq51mw63a0 + .gq51mw63a0 { margin-top: 20px; } .i6liz84t0a { flex-flow: column; } .i6liz84t0a .evgy1r3wfc { padding-left: 0; margin-top: 10px; min-height: 10px; } .dx14mw09o0 { flex-flow: column; } .w11ezzdrfl { width: 100%; } } @media only screen and (max-width : 767px) { .shsq21dj8q { padding-top: 10px; } .uaarllt54b { padding: 0 10px; } .uaarllt54b a { max-width: 100px; } .dx14mw09o0, .w11ezzdrfl { padding: 5px; } .j2torlfo86 { padding: 10px; } .exchangeItemBadge { font-size: 0.75rem; padding: 5px 10px; } .exchangeEditBox { flex-flow: column; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 5px; } } @media only screen and (max-width : 567px) { .hr4x5nt8at { flex-flow: column; } .c6l1yfohfb { border-right: none; flex-flow: row; width: 100%; padding: 0 0 0 18px; border-bottom: 2px solid rgba(223,225,227,1.00);; } .n8kd6uctvo { flex-flow: row; padding-top: 10px; margin-bottom: 10px; align-items: end; } .n8kd6uctvo img { width: 36px; height: 36px; margin-right: 10px; } .le43wjgymb { display: flex; width: 100%; flex-flow: row; align-items: end; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; } span.z6dbun1123 { display: none; } span.zrkwxgz398 { padding-left: 10px; } .editAdBtn, .deleteAdBtn { width: 100%; max-width: 100%; } } /* VSEBINSKE STRANI ----------------------------------------------------------------*/ .q87xdmenzv { display: flex; margin-top: 60px; flex-flow: column; } .j6fg2fgyqc { display: block; width: 100%; max-width: 1460px; padding: 0 20px; margin: 0 auto; } .j6fg2fgyqc p, .j6fg2fgyqc ul { margin: 20px 0; } .j6fg2fgyqc p a, .j6fg2fgyqc ul a { color: rgba(9,77,145,1.00); text-decoration: underline; } @media (hover: hover) { .j6fg2fgyqc p a:hover, .j6fg2fgyqc ul a:hover { color: rgba(255,118,0,1.00); text-decoration: underline; } } @media (hover: none) { .j6fg2fgyqc p a:active, .j6fg2fgyqc ul a:active { color: rgba(255,118,0,1.00); text-decoration: underline; } } .j6fg2fgyqc + .j6fg2fgyqc { margin-top: 40px; } .j6fg2fgyqc h1, .j6fg2fgyqc h2, .j6fg2fgyqc h3, .j6fg2fgyqc h4 { margin: 40px 0 20px 0; } .j6fg2fgyqc p:first-child, .j6fg2fgyqc ul:first-child, .j6fg2fgyqc h1:first-child, .j6fg2fgyqc h2:first-child, .j6fg2fgyqc h3:first-child, .j6fg2fgyqc h4:first-child, .j6fg2fgyqc table:first-child, .j6fg2fgyqc blockquote:first-child { margin-top: 0; } .j6fg2fgyqc p:last-child, .j6fg2fgyqc ul:last-child, .j6fg2fgyqc h1:last-child, .j6fg2fgyqc h2:last-child, .j6fg2fgyqc h3:last-child, .j6fg2fgyqc h4:last-child, .j6fg2fgyqc table:last-child, .j6fg2fgyqc blockquote:last-child { margin-bottom: 0; } .j6fg2fgyqc p, .j6fg2fgyqc ul, .j6fg2fgyqc h1, .j6fg2fgyqc h2, .j6fg2fgyqc h3, .j6fg2fgyqc h4 { margin: 20px 0; line-height: 1.3em; } .j6fg2fgyqc h1 { font-size: 3rem; } .j6fg2fgyqc h2 { font-size: 2.5rem; } .j6fg2fgyqc h3 { font-size: 2rem; } .j6fg2fgyqc h4 { font-size: 1.5rem; } @media only screen and (max-width : 1023px) { .j6fg2fgyqc h1 { font-size: 2.5rem; } .j6fg2fgyqc h2 { font-size: 1.8rem; } .j6fg2fgyqc h3 { font-size: 1.4rem; } .j6fg2fgyqc h4 { font-size: 1.2rem; } .q87xdmenzv { margin-top: 40px; } } /* NOGA ----------------------------------------------------------------*/ #noga { display: block; width: 100%; height: 150px; background-image: url(../img/bg_noga.png); background-repeat: repeat-x; background-position: top; text-align: center; padding-top: 15px; margin-top: 20px; z-index: 999; position: relative; } .clear { float: none; clear: both; } .telefon { display: inline-block; width: 90px; height: 16px; background-image: url(../img/tel.gif); background-repeat: no-repeat; } /* OGLASI ----------------------------------------------------------------*/ #footerPartner { display: flex; flex-flow: column; width: 100%; background-color: rgba(223,225,227,0.50); padding: 40px 0; margin-top: 80px; } .footerPartnerAd, .footerPartnerAd img { display: block; width: 100%; height: auto; margin: 0 auto; } @media only screen and (min-width : 768px) { .footerPartnerAd, .footerPartnerAd img { max-width: 728px; } } @media only screen and (max-width : 767px) { #footerPartner { padding: 0; } #footerPartner { margin-top: 40px; } } /* .oglas_1 { float: left; width: 160px; height: 120px; border-left: 2px solid #FFF; border-right: 2px solid #FFF; border-top: 2px solid #FFF; background-repeat: no-repeat; background-position: top left; } .oglas_1 a { display: block; width: 160px; height: 120px; } .oglas_2 { float: right; width: 160px; height: 600px; background-repeat: no-repeat; background-position: top left; } .oglas_2 a { display: block; width: 160px; height: 600px; } */ /* FORM ----------------------------------------------------------------*/ input[type=text], input[type=password], textarea, select { display: block; width: 100%; height: 44px; font-size: 1rem; border: 2px solid rgba(0,0,0,0.20); padding-left: 10px; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); border-radius: 6px; } select { -webkit-appearance: none; background-image: url("../img/icon-dropdown-arrow.svg"); background-repeat: no-repeat; background-position: center right 10px; padding-right: 40px; background-color: #FFF; cursor: pointer; border-radius: 6px; } input:disabled, select:disabled { background-image: none; color: rgba(0,0,0,0.50); } @media (hover: hover) { input[type=text]:hover, input[type=password]:hover, textarea:hover select:hover { border: 2px solid rgba(0,0,0,0.50); } select:hover { border: 2px solid #999; cursor: pointer; } input:disabled:hover, select:disabled:hover { border: 2px solid rgba(0,0,0,0.20)!important; } } select:disabled:hover { cursor: not-allowed; } textarea { height: auto; min-height: 133px; } .glpvkgoww, form { display: flex; width: 100%; flex-flow: row wrap; } .tbdiiea0v { display: flex; width: 100%; margin-bottom: 20px; } .tbdiiea0v h2 { font-size: 2rem; line-height: 1em; font-weight: 700; } .ruyseu1x { color: rgba(240,0,4,1.00); font-family: Verdana; padding-left: 4px; } .opu2zd4, .xhbf5ejr59 { display: flex; flex: 0 1 100%; flex-flow: row wrap; } .opu2zd4.rjz1pdt { flex: 0 1 50%; } .opu2zd4.nykt98jzdv { padding-right: 10px; } .opu2zd4.rpkw78gwo2 { padding-left: 10px; } .ujkp7zbr0d { display: block; padding: 20px 0 5px 0; font-weight: 700; } .txluqkp4 { display: flex; justify-content: center; padding-top: 40px; } .txluqkp4 a, .z93azgfwz3 a { color: rgba(9,77,145,1.00); text-decoration: underline; } .txluqkp4 a:hover, .z93azgfwz3 a:hover { color: rgba(255,118,0,1.00); text-decoration: none; } .z93azgfwz3 { margin-top: 20px; } .formError { display: flex; width: 100%; margin-top: 20px; font-size: 1rem; line-height: 1.2em; color: rgba(240,0,4,1.00); } .opu2zd4.missing input { border: 2px solid rgba(240,0,4,1.00); } .opu2zd4.missing.z93azgfwz3 { border: 2px solid rgba(240,0,4,1.00); background-color: rgba(240,0,4,0.08); border-radius: 6px; padding: 18px; } .formSuccess { display: flex; width: 100%; margin-top: 20px; color: rgba(0,153,0,1.00); } .iyuq6sbhwl { display: block; width: 100%; color: rgba(0,0,0,0.50); font-size: 0.75rem; line-height: 1.2em; text-transform: uppercase; font-weight: 700; margin-top: 5px; } .formRowTipCenter { text-align: center; margin-top: 20px; } input[type="submit"].y6u0ejbnf, input[type="button"].y6u0ejbnf{ display: block; width: 100%; line-height: 44px; padding: 0; align-items: center; font-weight: 700; color: rgba(255,255,255,1.00); height: 44px; border-radius: 6px; background-color: rgba(9,77,145,1.00); text-decoration: none; transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); cursor: pointer; border: 0; margin-top: 40px; } @media (hover: hover) { input[type="submit"].y6u0ejbnf:hover, input[type="button"].y6u0ejbnf:hover { background-color: rgba(255,118,0,1.00); } } @media (hover: none) { input[type="submit"].y6u0ejbnf:active, input[type="button"].y6u0ejbnf:active { background-color: rgba(255,118,0,1.00); } } .dqdd2fxoh6 input[type="submit"].y6u0ejbnf, input[type="button"].y6u0ejbnf { height: 54px; line-height: 54px; font-size: 1.25rem; letter-spacing: 0.5px; } @media only screen and (max-width : 767px) { .tbdiiea0v { display: flex; width: 100%; margin-bottom: 0; } .tbdiiea0v h2 { font-size: 1.5rem; line-height: 1em; } .insertSelectionItem { width: 33.333333%; } } @media only screen and (max-width : 460px) { .insertSelectionItem { width: 50%; } } /* PROFILE BAR ----------------------------------------------------------------*/ @media only screen and (min-width : 1024px) { .yosha49o7u { display: flex; width: 100%; margin: 0 auto; padding: 0 20px; margin-bottom: 40px; } .kw0tkug3gv { display: flex; width: 100%; flex-flow: row; justify-content: space-between; border: 2px solid rgba(9,77,145,1.00); background-color: rgba(9,77,145,0.08); border-radius: 6px; height: 40px; } .profileGroup { display: flex; flex-flow: row; align-items: center; } .vxzw4awltn a { display: inline-block; color: rgba(9,77,145,1.00); padding: 0 20px; line-height: 36px; height: 36px; } #profileMobileBtn { display: none!important; } } @media (hover: hover) { .vxzw4awltn a:hover { background-color: rgba(9,77,145,1); color: rgba(255,255,255,1.00); } } @media (hover: none) { .vxzw4awltn a:active { background-color: rgba(9,77,145,1); color: rgba(255,255,255,1.00); } } @media only screen and (min-width : 1024px) { .yosha49o7u { display: flex!important; } .yosha49o7u.m9dm4buu31 { display: none!important; } } @media only screen and (max-width : 1023px) { .yosha49o7u { display: flex; width: 100%; padding: 0 10px; margin-bottom: 10px; } .kw0tkug3gv { display: flex; width: 100%; flex-flow: column; justify-content: space-between; border: 2px solid rgba(9,77,145,1.00); background-color: rgba(9,77,145,0.08); border-radius: 6px; } .profileGroup { display: flex; flex-flow: column; align-items: center; } .vxzw4awltn { display: block; width: 100%; text-align: center; } .vxzw4awltn a { display: inline-block; width: 100%; color: rgba(9,77,145,1.00); padding: 0 20px; line-height: 44px; height: 44px; } .mobileDivider { padding-top: 20px; margin-top: 20px; border-top: 1px solid rgba(9,77,145,0.30); } .mobileDivider .oa2ni6nc6n { margin-top: 10px; } } /* CHECKBOX */ .rc3sywj22a { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .rc3sywj22a input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .dkab41dxlh { position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: rgba(245,245,245,1.00); border: 1px solid rgba(180,180,180,1.00); } .rc3sywj22a:hover input ~ .dkab41dxlh { background-color: rgba(180,180,180,1.00); } .rc3sywj22a input:checked ~ .dkab41dxlh { background-color: rgba(9,77,145,1.00); border: 1px solid rgba(9,77,145,1.00); } .dkab41dxlh:after { content: ""; position: absolute; display: none; } .rc3sywj22a input:checked ~ .dkab41dxlh:after { display: block; } .rc3sywj22a .dkab41dxlh:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* RADIO */ .vu8fs81mql { display: block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-height: 22px; } .vu8fs81mql input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .zr8teyiusw { position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: rgba(245,245,245,1.00); border: 2px solid rgba(180,180,180,1.00); border-radius: 50%; } .vu8fs81mql:hover input ~ .zr8teyiusw { background-color: rgba(180,180,180,1.00); } .vu8fs81mql input:checked ~ .zr8teyiusw { background-color: rgba(9,77,145,1.00); border: 2px solid rgba(9,77,145,1.00); } .zr8teyiusw:after { content: ""; position: absolute; display: none; } .vu8fs81mql input:checked ~ .zr8teyiusw:after { display: block; } /* Style the indicator (dot/circle) */ .vu8fs81mql .zr8teyiusw:after { top: 5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; background: white; } /* FOOTER ----------------------------------------------------------------*/ footer { display: flex; flex-flow: column; width: 100%; margin: 0 auto; background-color: rgba(223,225,227,1.00); color: rgba(51,51,51,1.00); font-size: 0.875rem; line-height: 1.5em; } footer a { color: rgba(51,51,51,1.00); transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1); border-bottom: 1px dotted rgba(0, 0, 0, 0.00); } footer a:hover { color: rgba(51,51,51,1.00); text-decoration: none; border-bottom: 1px dotted rgba(0, 0, 0, 0.75); } #footerContainer { display: flex; flex-flow: row; width: 100%; max-width: 1460px; padding: 0 20px; margin: 0 auto; justify-content: space-between; border-bottom: 1px solid rgba(0,0,0,0.10); } #footerLinks { display: flex; width: 100%; flex-flow: row; justify-content: space-between; margin: 50px 0; } #footerLinks .j4j9ngate2 { display: flex; width: 25%; flex-flow: column; } #footerLinks .j4j9ngate2 ul { list-style: none; margin: 0; padding: 0; } #footerLinks .j4j9ngate2 ul li { display: flex; padding: 11px 0; text-align: center; } #footerLinks .j4j9ngate2 ul li a { display: block; line-height: 1.2rem; } .u90ktr53fe { font-size: 0.75rem; line-height: 1.5em; margin-top: 20px; } #footerLinks .j4j9ngate2.p58eykulnm a { border: none!important; } #footerLinks .j4j9ngate2.p58eykulnm img, .u90ktr53fe { display: block; width: 100%; height: auto; max-width: 458px; } @media only screen and (min-width : 1024px) { #footerLinks .j4j9ngate2.p58eykulnm { width: 50%; align-items: end; } } @media only screen and (max-width : 1023px) { #footerContainer { flex-flow: column; } #footerLinks { flex-flow: row wrap; width: 100%; } #footerLinks .j4j9ngate2 { width: 100%; } #footerLinks .j4j9ngate2.p58eykulnm a { margin: 0 auto; } #footerLinks .j4j9ngate2 ul li a { margin: 0 auto; } .j4j9ngate2 + .j4j9ngate2 { padding-top: 20px; margin-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.10); } .u90ktr53fe { margin: 20px auto 0; text-align: center; justify-content: center; } } /* COPYRIGHT ----------------------------------------------------------------*/ #footerCopyrightContainer { display: flex; width: 100%; flex-flow: column; } #copyrightAlign { display: flex; flex-flow: row; justify-content: space-between; width: 100%; max-width: 1460px; margin: 0 auto 40px; padding: 40px 20px 0; } #foterWebdesign, #footerCopyright, .zsfi9a6iph { display: flex; } #footerCopyrightContainer span.ka024te { padding: 0 20px; opacity: 0.4; } @media only screen and (max-width : 950px) { #copyrightAlign { flex-flow: column; align-items: center; } #foterWebdesign { margin-top: 40px; } } @media only screen and (max-width : 767px) { #footerCopyright { flex-flow: column; } .zsfi9a6iph { text-align: center; display: block; } .zsfi9a6iph + .zsfi9a6iph { margin-top: 20px; } .zsfi9a6iph > span:first-of-type { display: none; } #footerCopyrightContainer span.ka024te { padding: 0 10px; width: 100%; display: block; text-indent: -9999px; overflow: hidden; line-height: 15px; } #footerCopyrightContainer span.ka024te:first-of-type { display: none; } } /* POPUP BACKGROUNDS ----------------------------------------------------------------*/ #popupDimmer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); z-index: 1000; transition: opacity .25s ease-in-out, visibility .25s ease-in-out; } #popupDimmer.dimmerHidden { opacity: 0; visibility: hidden; } /* SCROLL TOP ----------------------------------------------------------------*/ #scrollTop { display: none; width: 48px; height: 48px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.65); position: fixed; right: 20px; bottom: 20px; box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3); transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIuNzkgMTUuOSAxLjQyIDEuNDEgNy43OS03Ljc5IDcuNzkgNy43OSAxLjQyLTEuNDEtOS4yMS05LjIxeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=="); background-position: 50% 45%; background-repeat: no-repeat; background-size: 24px 24px; z-index: 1002; } @media only screen and (min-width: 1024px) { #scrollTop:hover { transform: scale(1.2); cursor: pointer; } } /* CONTENT WIDTHS ----------------------------------------------------------------*/ .efk8jjj { max-width: 1460px; } .mldeaof { max-width: 1220px; } .width8 { max-width: 980px; } .width6 { max-width: 740px; } .width4 { max-width: 500px; } .width2 { max-width: 260px; }