/*Fixy, tricki i essentiale*/ body {margin: 0; padding: 0; font-family: "RobotoCondensed", arial, sans-serif; color: #3a3b3c; overflow-x: hidden; background: #ffffff} *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; transition: background ease 250ms, color ease 250ms} img {border: none; font-size: 0; max-width: 100%; height: auto} a {text-decoration: none; color: inherit; outline: 0} .clr {width: 100%; clear: both; height: 0px; overflow: hidden; display: block} .pointer {cursor: pointer; cursor: hand} input, button, textarea {outline: none; font-family: "RobotoCondensed", arial, sans-serif;} .input {padding: 15px 0 0;} textarea {resize: none} p {margin: 0;} ul {list-style: none; padding: 0; margin: 0} ol {padding: 0 0 0 20px; margin: 0} #page {width: 100%; overflow: hidden; position: relative;} #overall {overflow-x:hidden;} .page, .bigpage {max-width: 1376px; margin: 0 auto; padding: 0 6px} .bigpage {position: relative;} .left {float: left} .right {float: right} .table {display: table; width: 100%} .table-cell {display: table-cell; vertical-align: middle;} .pupVisible {overflow: hidden;} .select {width: 100%;} @media screen and (max-width: 1366px) { .bigpage {padding: 0 6px} } h1, h2, h3, h4, h5, h6 {margin: 0; font-family: 'RobotoCondensed', arial, sans-serif} h1, h2.title {font-size: 60px; line-height: 60px; color: #fff; font-weight: 900; text-align: center;} h2 {font-size: 48px; line-height: 56px; font-weight: 600; text-align: center;} .white {color: #fff} h3 {font-size: 34px; line-height: 38px; font-weight: 400;} h4 {font-size: 25px; font-weight: 700; line-height: 33px} h6 {font-size: 30px; color: #2b2b2c; font-weight: 700; text-align: left;} .button {max-width: 210px; border: none; cursor: pointer; width: 100%; margin: 0 auto; background: #2ecc71; color: #fff; font-family: 'RobotoCondensed', arial, sans-serif; font-size: 20px; line-height: 20px; padding: 12px 10px 8px; font-weight: 700; text-align: center; display: block; height: auto;} .button:hover {background: #42e788} button {max-width: 248px; border: 3px solid #fff; font-size: 24px; height: 70px; color: #fff; background: transparent; text-align: center; font-weight: 700; width: 100%; margin-top: 18px;} button:hover {background: #42e788;border-color: #42e788;} .subpage.register .bottom-buttons {max-width: 470px; margin: 0 auto;} .subpage.register .button.previos {float: left; border: none; background: none; padding: 12px 0 0; width: auto; text-decoration: none;} .subpage.register .button.previos:hover {text-decoration: underline; color: #fff} .subpage.register .button.next {float: right;} .linebreaker {display: block} /*WALIDACJA*/ /*( ͡° ͜ʖ ͡°)*/ .textarea {margin-top: 10px; padding: 0 5px} textarea {display: block; height: 196px; resize: none; border: none; outline: 0; margin-top: 13px; background: #fff; font-size: 18px; color: #6a6a6a; padding: 20px; width: 100%; } input {border: none; outline: 0; margin-top: 13px; background: #fff; font-size: 18px; color: #6a6a6a; padding: 0 20px; width: 100%; height: 60px;} .error p {} .red {color: #c70808!important} .popup-winner {display: inline-block; color: #c70808; border: 1px solid #c70808; padding: 4px 10px; margin-top: 10px} input.error {border: 2px solid #c70808!important; color: #c70808!important} .input.error input {border: 2px solid #c70808!important;} .radios-cnt {text-align: left;} .radio {display: inline-block; vertical-align: top; margin-right: 30px; padding: 5px 0;} .radio input {opacity: 0; visibility: hidden; position: absolute;} .radio label {font-size: 14px; line-height: 21px; color: #fff; position: relative; padding: 0 0 0 30px; display: block; text-align: left; cursor: pointer;} .radio label:before {width: 21px; height: 21px; position: absolute; left: 0; top: 0; border: 2px solid #fff; border-radius: 50%; content: "";} .radio label:after {background: #2ecc71; content: ""; position: absolute; left: 5px; top: 5px; border-radius: 50%; width: 11px; height: 11px; transform: scale(0); transform-origin: center; transition: 250ms ease all} .radio input:checked + label:after {transform: scale(1);} .checkbox label:before, .checkbox label:after {border-radius: 0;} /*CUSTOMOWY SELECT*/ .select2-container{display:block;margin:0;position:relative;vertical-align:middle} .select2-container .select2-selection--single{cursor:pointer;display:block;height:40px;;user-select:none;-webkit-user-select:none} .select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:15px;padding-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align: left;} .select2-container .select2-selection--single .select2-selection__clear{position:relative} .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px} .select2-container .select2-selection--multiple{cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none} .select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap} .select2-container .select2-search--inline{float:left} .select2-container .select2-search--inline .select2-search__field{border:none;font-size:100%;margin-top:5px;padding:0} .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none} .select2-dropdown{background-color:#fff;border-radius:4px;display:block;position:absolute;left:-100000px;width:100%;z-index:1051} .select2-results{display:block} .select2-results__options{list-style:none;margin:0;padding:0; font-size: 14px; color: #6a6a6a} .select2-results__option{padding:6px 10px;user-select:none;-webkit-user-select:none} .select2-results__option[aria-selected]{cursor:pointer} .select2-results__option .car-option {display: block; padding-left: 64px; line-height: 30px; position: relative;} .select2-container--open .select2-dropdown{left:0} .select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0} .select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);width: 320px!important;} .select2-search--dropdown{display:block;padding:4px} .select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box} .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none} .select2-search--dropdown.select2-search--hide{display:none} .select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)} .select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important} .select2-container--default .select2-selection--single{background-color:#fff;border:none;border-radius:4px} .select2-container--default .select2-selection--single .select2-selection__rendered{color:#6a6a6a;line-height:40px; font-size: 14px;} .select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700} .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999} .select2-container--default .select2-selection--single .select2-selection__arrow{height:36px;position:absolute;top:1px;right:1px;width:20px} .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#2ecc71 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-10px;margin-top:-2px;position:absolute;top:50%;width:0} .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left} .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto} .select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default} .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #2ecc71;border-width:0 4px 5px} .select2-container--default .select2-selection--multiple{background-color:#fff;border-radius:4px;cursor:text} .select2-container--default .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px;width:100%} .select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none} .select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left} .select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px} .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333} .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right} .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto} .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto} .select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0} .select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default} .select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none} .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0} .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0} .select2-container--default .select2-search--dropdown .select2-search__field{ height: 32px; border: 2px solid #2ecc71; margin-top: 0;} .select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield} .select2-container--default .select2-results > .select2-results__options{max-height:200px;overflow-y:auto} .select2-container--default .select2-results__option[role=group]{padding:0} .select2-container--default .select2-results__option[aria-disabled=true]{color:#999} .select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd} .select2-container--default .select2-results__option .select2-results__option{padding-left:10px} .select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding: 0;} .select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em} .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em} .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#2ecc71;color:#fff} .select2-container--default img {left: 6px; top: 3px; position: absolute;} .select2-container--default .select2-results__group{cursor:default;display:block;padding:0} .select2-container--classic .select2-selection--single{background-color:#f7f7f7;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,white 50%,#eee 100%);background-image:-o-linear-gradient(top,white 50%,#eee 100%);background-image:linear-gradient(to bottom,white 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)} .select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb} .select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:40px;} .select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px} .select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999} .select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)} .select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#2ecc71 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0} .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left} .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto} .select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb} .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none} .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #2ecc71;border-width:0 4px 5px} .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,white 0%,#eee 50%);background-image:-o-linear-gradient(top,white 0%,#eee 50%);background-image:linear-gradient(to bottom,white 0%,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)} .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,white 100%);background-image:-o-linear-gradient(top,#eee 50%,white 100%);background-image:linear-gradient(to bottom,#eee 50%,white 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)} .select2-container--classic .select2-selection--multiple{background-color:#fff;border-radius:4px;cursor:text;outline:0} .select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb} .select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px} .select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none} .select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px} .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#2ecc71;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px} .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555} .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto} .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto} .select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb} .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0} .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0} .select2-container--classic .select2-search--dropdown .select2-search__field{outline:0; height: 40px; border: 2px solid #2ecc71;} .select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none} .select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent} .select2-container--classic .select2-dropdown--above{border-bottom:none} .select2-container--classic .select2-dropdown--below{border-top:none} .select2-container--classic .select2-results > .select2-results__options{max-height:200px;overflow-y:auto} .select2-container--classic .select2-results__option[role=group]{padding:0} .select2-container--classic .select2-results__option[aria-disabled=true]{color:grey} .select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff} .select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px} .select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} .clr.mobile {display: none;} .clr.tablet {display: none;} .error input, .error textarea {border-color: #c70808!important;} p.error {background: #c70808!important; text-align: left!important; font-size: 12px!important; padding: 3px 20px!important; color: #fff!important; margin-top: 3px!important; display: none!important;} .error p.error {display: block!important;} .error textarea {border: 2px solid} .thanks {} @media screen and (max-width: 1366px) { h1, h2.title {font-size: 54px; line-height: 54px} h2 {font-size: 44px; line-height: 52px} h3 {font-size: 32px; line-height: 36px;} input {height: 56px;} button {height: 66px;} } @media screen and (max-width: 1024px) { h1, h2.title {font-size: 48px; line-height: 48px} h2 {font-size: 42px; line-height: 50px} h3 {font-size: 30px; line-height: 34px;} input {height: 52px} button {height: 62px;} .linebreaker {display: inline;} } @media screen and (max-width: 768px) { h1, h2.title {font-size: 44px; line-height: 44px} h2 {font-size: 38px; line-height: 46px} h3 {font-size: 28px; line-height: 32px;} input {height: 48px} button {height: 58px} .clr.tablet {display: block;} } @media screen and (max-width: 640px) { h1, h2.title {font-size: 40px; line-height: 40px} h2 {font-size: 36px; line-height: 42px} h3 {font-size: 24px; line-height: 28px;} input {height: 46px;} button {height: 50px; max-width: 178px; font-size: 16px; margin-top: 10px; border-width: 2px; padding-left: 30px;} } @media screen and (max-width: 520px) { h4 {font-size: 16px; line-height: 22px;} .clr.mobile {display: block;} } @media screen and (max-width: 360px) { h1, h2.title {font-size: 36px; line-height: 36px} h2 {font-size: 32px; line-height: 38px} h3 {font-size: 19px; line-height: 22px;} input {height: 40px;} } /*fin*/ /*HEADER*/ #HEADER {position: absolute; top: 0; left: 0; width: 100%; padding: 0; z-index: 9} #HEADER .top-bar {background: #fff; position: relative; height: 24px; padding: 6px 0;} #HEADER .top-bar li {float: left; padding-right: 25px; line-height: 14px; font-size: 11px; font-weight: 400;} #HEADER .top-bar li a:hover {color: #2ecc71} #HEADER .bottom-header {padding: 7px 0; background: #1f61a7; background: -webkit-linear-gradient(#53a4cd, #14529f); background: -moz-linear-gradient(#53a4cd, #14529f); background: -ms-linear-gradient(#53a4cd, #14529f); background: linear-gradient(#53a4cd, #14529f);} #HEADER.scrolled .bottom-header {background: transparent} #HEADER.logged-in .bottom-header .logo {display: inline-block; vertical-align: top; margin-top: 4px;} #HEADER.subpage-header.scrolled .bottom-header .logo img {width: 130px} #HEADER.subpage-header.logged-in .bottom-header .logo {margin-top: 0} #HEADER.subpage-header.logged-in.scrolled .bottom-header .logo {margin: 4px 0;} #HEADER.logged-in.scrolled .bottom-header .logo {margin-top: 3px;} #HEADER .bottom-header .right a {color: #fff;font-size: 14px; line-height: 22px; padding: 0; position: relative; display: inline-block; margin-left: 20px;} #HEADER .bottom-header .right #mobile-trigger {display: none;} #HEADER .bottom-header .right a.followed-trigger, #HEADER .bottom-header .right a.followed-button {margin: 0 0 0 20px; border: 2px solid #fff; vertical-align: top; width: 46px;} #HEADER .bottom-header .right a.followed-trigger.black, #HEADER .bottom-header .right a.followed-button.black {border-color: #2b2b2b} #HEADER .bottom-header .right .holder:hover a.followed-trigger {background: #2ecc71; position: relative} #HEADER .bottom-header .right .holder:hover a.followed-trigger:before, #HEADER .bottom-header .right .holder:hover a.followed-trigger:after {content: ""; background: transparent; position: absolute; left: 50%; right: auto; top: 100%; margin: 0 0 0 -7px; border-width: 8px 7px; border-style: solid; border-color: #fff transparent transparent transparent} #HEADER .bottom-header .right .holder:hover a.followed-trigger.black:before {border-top-color: #2b2b2b} #HEADER .bottom-header .right .holder:hover a.followed-trigger:after {border-top-color: #2ecc71; margin-top: -4px} #HEADER .bottom-header .right a.followed-trigger:before, #HEADER .bottom-header .right a.followed-button:before {content: none;} #HEADER .bottom-header .right .holder:hover a.followed-trigger, #HEADER .bottom-header .right a.followed-button:hover {background: #2ecc71} #HEADER .bottom-header .right a.followed-trigger span, #HEADER .bottom-header .right a.followed-button span {position: absolute; right: 3px; top: 3px; border-radius: 50%; width: 14px; height: 14px; font-size: 10px; background: #14529f; color: #fff; text-align: center; line-height: 14px;} #HEADER .bottom-header .right a.followed-trigger img, #HEADER .bottom-header .right a.followed-button img {width: auto; position: static; display: block;} #HEADER .bottom-header .right a.register {padding: 8px 20px 8px 40px; border: 2px solid #2ecc71; line-height: 24px; height: 42px;background-color: #2ecc71} #HEADER.subpage-header .bottom-header .right a.register {border-color: #14529f; color: #14529f; background: url('/wp-content/themes/blankslate/assets/imgs/register-button-icon.png') no-repeat -10px 10px; transition: none;} #HEADER.subpage-header .bottom-header .right a.register img {display: none;} #HEADER.subpage-header .bottom-header .right a.register:hover {background: #2ecc71 -10px 10px; color: #fff; border-color: #2ecc71} #HEADER.subpage-header .bottom-header .right a.register:hover img{display: block} #HEADER .logo {display: inline-block; vertical-align: top; font-size: 0; width: 151px;} #HEADER.scrolled .logo {margin-top: 2px; width: 130px;} #HEADER.subpage-header .logo {margin-top: 0;} #HEADER .bottom-header .right a.register:before {content: none;} #HEADER .bottom-header .right a.register img {top: 10px;left: 10px;} #HEADER .bottom-header .right a.register:hover {background: #2ecc71; border-color: #2ecc71} #HEADER .bottom-header .right a.register:hover{background-color: #42e788;border-color: #42e788} #HEADER .bottom-header .right a img {position: absolute; left: 0; top: 0;} #HEADER .bottom-header .right .logout {padding: 0 30px 0 0; vertical-align: 6px} #HEADER .bottom-header .right .logout img {right: 0; left: auto; top: 3px;} #HEADER .bottom-header .right .logout:before {right: 100%; left: 0;} #HEADER .bottom-header .right .logout:hover:before {right: 30px;} /*#HEADER .bottom-header .right .profile {min-width: 212px; padding: 13px 10px 13px 75px; line-height: 16px; border: #fff solid 2px; text-align: left;}*/ #HEADER .bottom-header .right .profile {min-width: 152px; padding: 7px 5px 7px 43px; line-height: 14px; border: #fff solid 2px; text-align: left; font-size: 12px;} #HEADER .bottom-header .right .profile:before {content: none;} #HEADER .bottom-header .right .profile:hover {background: #2ecc71} /*#HEADER .bottom-header .right .profile img {left: 14px; top: 16px;}*/ #HEADER .bottom-header .right .profile img {left: 9px; top: 10px; width: 24px} #HEADER .bottom-header .right .profile .new-line {display: block;} #HEADER.logged-in .bottom-header .right .profile {background: url('/wp-content/themes/blankslate/assets/imgs/profile-icon-white.png') no-repeat 14px 13px;} #HEADER.logged-in .bottom-header .right .profile {background-position: 9px 10px; background-size: 24px;} #HEADER.logged-in .bottom-header .right .profile:hover {background-color: #2ecc71} #HEADER.logged-in .bottom-header .right .profile img {display: none;} #HEADER.logged-in.subpage-header .bottom-header .right .profile {background-image: none;} #HEADER.logged-in.subpage-header .bottom-header .right .profile img {display: block;} #HEADER.logged-in.scrolled .bottom-header {min-height: 1px} #HEADER.logged-in .bottom-header .right .logout {background: url('/wp-content/themes/blankslate/assets/imgs/logout-icon-white.png') no-repeat right 3px;} #HEADER.logged-in .bottom-header .right .logout img {display: none;} #HEADER.logged-in.subpage-header .bottom-header .right .logout {background-image: none} #HEADER.logged-in.subpage-header .bottom-header .right .logout img {display: block;} .car-select {display: inline-block; vertical-align: top; margin: 4px 10px; width: 210px;} .subpage .car-select {display: none} .car-select select {width: 100%} .car-select .select2-container .select2-selection--single .select2-selection__rendered {width: 270px; border: 2px solid #d7d7d7; padding: 0 25px 0 70px; position: relative; height: 44px; line-height: 40px; background: url('/wp-content/themes/blankslate/assets/imgs/car-select-arrows.png') no-repeat 240px 10px; font-size: 14px;font-weight: 900; color: #2e312f; text-align: left;} .car-select .select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;} .car-select .select2-container .select2-selection--single .select2-selection__rendered img {position: absolute; left: 11px; top: 9px;} @media screen and (max-width: 1024px) { .subpage .car-select {display: block;} #HEADER .car-select {display: none;} } #HEADER.subpage-header .top-bar {background: #f2f2f2} #HEADER.subpage-header {background: #fff;} #HEADER.subpage-header .bottom-header {background: #fff; padding: 10px 0;} #HEADER.subpage-header .search-container {background: #f2f2f2} #HEADER.subpage-header .bottom-header .right a {color: #2b2b2b} #HEADER.subpage-header .bottom-header .right .profile {border-color: #2b2b2b;} #HEADER.subpage-header .right {margin-top: 5px;} /*#HEADER.subpage-header.scrolled .logo img {margin: 5px 0;}*/ #HEADER.subpage-header.logged-in .right {margin: 0;} #HEADER.subpage-header .right a:before {background: #2b2b2b} #HEADER.subpage-header.scrolled {background: #fff; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);} #HEADER.subpage-header.scrolled .right .right {display: block;} #HEADER.subpage-header.scrolled .right .right a:hover {color: #000} #HEADER.subpage-header.scrolled .right ul {margin-top: 0} #HEADER.scrolled {position: fixed; background: rgba(0,0,0,0.75);} #HEADER.scrolled .top-bar {display: none;} #HEADER.scrolled .right {margin-top: 0;} #HEADER.scrolled.logged-in .right {margin: 0} #HEADER.scrolled.subpage-header .right {margin-top: 0; position: absolute; top: 0; right: 10px;} #HEADER.scrolled .logo img {width: 157px;} #HEADER.subpage-header.scrolled .logo img {width: 151px} #HEADER.scrolled .right .right {display: none;} #HEADER.scrolled .right .right a:hover {color: #000} #HEADER.scrolled .right ul {margin-top: 15px} #HEADER.scrolled .bottom-header {padding: 10px 0} .ie9 #HEADER .right {max-width: 450px} #HEADER .right {margin: 1px 0;} #HEADER .right .right {margin-top: 0} #HEADER .right .right a {border: 2px solid #fff; padding: 7px;} #HEADER .right .right a:hover {background: #fff; color: #6AA711} #HEADER .right .right a:hover:before {content: none} #HEADER .right ul {margin-top: 25px;} #HEADER .right li {float: left; padding-right: 30px;} #HEADER .right li.last {padding-right: 0;} #HEADER .right a {font-size: 16px; line-height: 20px; font-weight: 700; position: relative; transition: ease all 250ms} #HEADER .right a:before {content: ""; background: #fff; left: 0; right: 100%; bottom: -5px; height: 2px; position: absolute; transition: ease all 250ms} /* #HEADER .right a:hover:before, #HEADER .right .active a:before {right: 0;} */ #HEADER .search-container {position: absolute; right: 10px; top: -10px; padding: 7px 0 7px 40px; width: 40px; background: #fff; background-size: 23px; overflow: hidden;transition: ease all 250ms;} #HEADER .search-container input {height: 26px; border: 2px solid #2f2e2e; line-height: 26px; width: 160px; outline: 0; margin: 0; font-size: 16px; margin: 0; padding: 0 10px; background: #fff;} #HEADER .search-container form {position: relative;} #HEADER .search-container button {background: transparent; margin: 0; border: 0; outline: 0; width: 40px; position: absolute; left: -40px; cursor: pointer; z-index: 1; height: 100%;} #HEADER .search-container button:before, #HEADER .search-container button:after {content: ""; z-index: 0; box-sizing: border-box; position: absolute; border: 2px solid #0c0c0c; height: 11px; left: 15px; top: 16px;} #HEADER .search-container button:before {transform: rotate(45deg); width: 2px; border: 1px solid #0c0c0c} #HEADER .search-container button:after {width: 16px; height: 16px; border-radius: 50%; top: 4px; left: 17px;} #HEADER .search-container button:hover:before, #HEADER .search-container button:hover:after {border-color: #2ecc71} #HEADER .search-container:hover, #HEADER .search-container.active {width: 200px;} #mobile-menu-container {display: none;} .filter-top-bar {background: url('/wp-content/themes/blankslate/assets/imgs/magnifying-glass.png') no-repeat 16px 11px #fff; padding: 10px 10px 0 66px; margin-top: 20px; margin-right: 20px; min-height: 54px; text-align: left;} #HEADER .filter-top-bar {display: inline-block; width: calc(100% - 356px); margin: 0; padding: 5px 440px 0 66px; min-height: 0; height: 48px; background-position: 16px 6px; overflow: hidden;} #HEADER.logged-in .filter-top-bar {margin-top: 20px;} #HEADER.scrolled .filter-top-bar.active {height: auto; max-height: 200px; overflow-y: auto; width: 100%; padding-right: 0;} #HEADER .filter-trigger {display: none;} #HEADER.scrolled .filter-trigger {display: block; font-size: 12px; line-height: 12px; padding-right: 440px; text-align: right; margin-top: -12px} #HEADER.scrolled .filter-trigger a:hover {color: #2ecc71} #HEADER.scrolled .filter-top-bar.active + .filter-trigger a span {display: none;} .filter-top-bar .filter-single {display: inline-block; vertical-align: top; margin-bottom: 10px; border: 2px solid #2ecc71; margin-right: 4px; height: 34px; font-size: 15px; text-align: center; padding: 2px 48px 0 15px; position: relative; color: #2ecc71; line-height: 28px;font-weight: 700;} .filter-top-bar .filter-single span {position: absolute;right: 0; top: 0; height: 30px; width: 32px; border-left: 2px solid #2ecc71; padding-top: 5px;} .filter-top-bar .filter-single span:before, .filter-top-bar .filter-single span:after {height: 19px; width: 3px; content: ""; position: absolute; background: #2ecc71; top: 5px; left: 50%; margin-left: -1.5px; transform-origin: center; transform: rotate(45deg)} .filter-top-bar .filter-single span:after {transform: rotate(-45deg)} .filter-top-bar .filter-single:hover span {background: #2ecc71} .filter-top-bar .filter-single:hover span:before, .filter-top-bar .filter-single:hover span:after {background: #fff;} .filter-options {margin: 10px 20px 0 0} .filter-options .select2-container {display: inline-block;} .filter-options .select2-container--default .select2-selection--single {border: none; height: 32px;} .filter-options .select2-container--default .select2-selection--single .select2-selection__arrow b {border-top-color: #2ecc71;} .filter-options .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #2ecc71;} .filter-options .select2-container--default .select2-selection--single .select2-selection__arrow {height: 32px;} .filter-options .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 32px;} .filter-options label {font-size: 12px; font-weight: 700; line-height: 24px;} .filter-options .view {float: right; margin: 4px 0 0 50px;} .filter-options a {display: inline-block; width: 25px; height: 25px; margin-left: 10px; vertical-align: top} .filter-options a.active span {background: #2ecc71} .filter-options a:hover span {background: #2ecc71;} .filter-options a span {display: block;background: #d7d7d7; height: 5px; margin-bottom: 3px;} .filter-options a.grid span {float: left;width: 5px; margin-left: 3px;} @media screen and (max-width: 1024px) { #HEADER .filter-top-bar {max-width: 100%; width: 100%; padding-right: 0;} #HEADER.scrolled .right {position: absolute; top: 0px; right: 10px;} #HEADER.scrolled .filter-trigger {padding-right: 0;} } @media screen and (max-width: 768px) { #HEADER .bottom-header .right a {display: none;} #HEADER .top-bar {display: none;} .topph {display: none;} #HEADER.logged-in.scrolled .bottom-header {min-height: 1px;} body.mmvisible #HEADER.subpage-header .bottom-header {position: relative; z-index: 10; background: transparent;} #HEADER.subpage-header .top-bar {display: none;} body.mmvisible #HEADER.subpage-header .top-bar {display: none;} body.mmvisible #HEADER.subpage-header .car-select {display: none;} body.mmvisible #HEADER .filter-top-bar {display: none;} #HEADER .logo {display: inline-block; width: 130px;} #HEADER.logged-in .bottom-header .logo {width: 140px; margin-top: 0;} #HEADER.subpage-header .right, #HEADER .right, #HEADER.subpage-header.logged-in .right {margin-top: 4px;} #HEADER.subpage-header .bottom-header .right {position: absolute; top: 0; right: 10px;} #HEADER .bottom-header .right #mobile-trigger {height: 30px; width: 30px; display: block; position: relative; float: right; margin-right: 10px;cursor: pointer; z-index: 11;} #HEADER .right #mobile-trigger span {height: 4px; position: absolute; background: #fff; top: 50%; margin-top: -2px; left: 0; border-radius: 2px;display: block; width: 100%; transition: ease all 500ms} #HEADER .right #mobile-trigger:before, #HEADER .right #mobile-trigger:after {content: ""; height: 4px; position: absolute; background: #fff; top: 0; display: block; width: 100%; left: 0; border-radius: 2px; transition: ease all 500ms} #HEADER .right #mobile-trigger:after {top: auto; bottom: 0;} #HEADER .right #mobile-trigger:hover:before, #HEADER .right #mobile-trigger:hover:after {background: #2ecc71} #HEADER .right #mobile-trigger:hover span {background: #2ecc71} #HEADER .right #mobile-trigger.active span {width: 0; left: 50%;} #HEADER .right #mobile-trigger.active:before {transform: rotate(45deg); top: 50%; left: 50%; margin: -2px 0 0 -15px; width: 38px} #HEADER .right #mobile-trigger.active:hover:before {background: #2ecc71} #HEADER .right #mobile-trigger.active:after {transform: rotate(-45deg); top: 50%; left: 50%; margin: -2px 0 0 -15px; width: 38px} #HEADER .right #mobile-trigger.active:hover:after {background: #2ecc71} #HEADER.subpage-header .right #mobile-trigger:before, #HEADER.subpage-header .right #mobile-trigger:after, #HEADER.subpage-header .right #mobile-trigger span {background: #2b2b2b;} body.mmvisible #HEADER.subpage-header .right #mobile-trigger:before, body.mmvisible #HEADER.subpage-header .right #mobile-trigger:after, body.mmvisible #HEADER.subpage-header .right #mobile-trigger span {background: #2ecc71} #HEADER.subpage-header .right #mobile-trigger:hover:before, #HEADER.subpage-header .right #mobile-trigger:hover:after, #HEADER.subpage-header .right #mobile-trigger:hover span {background-color: #2ecc71} body.mmvisible {overflow: hidden; height: 100vh} #mobile-menu-container {display: block; overflow: hidden; top: 0; bottom: 100%; left: 0; right: 0; background: rgba(0,0,0,0.9); position: fixed; z-index: 8; transition: ease all 250ms} #mobile-menu-container .mobile-main-menu {display: table; width: 100%; height: 100%;} #mobile-menu-container .mobile-menu-inner {display: table-cell; text-align: center; vertical-align: middle;} #mobile-menu-container .mobile-menu-inner a {font-size: 18px; color: #fff; padding-top: 10px; display: inline-block; position: relative;} #mobile-menu-container .mobile-menu-inner a:before {content: ""; background: #fff; left: 0; right: 100%; bottom: -2px; height: 2px; position: absolute; transition: ease all 250ms} #mobile-menu-container .mobile-menu-inner a:hover:before, #mobile-menu-container .mobile-menu-inner a.active:before {right: 0;} body.mmvisible #mobile-menu-container {bottom: 0;} #HEADER .top-bar .left {display: none;} #HEADER.scrolled .right {top: 0; margin-top: 2px;} } @media screen and (max-height: 480px) { #mobile-menu-container .mobile-menu-inner {padding-top: 30px;} #mobile-menu-container .mobile-menu-inner a {padding: 5px 0; font-size: 16px;} body.mmvisible #HEADER .top-bar {display: none;} body.mmvisible #HEADER .bottom-header {padding-top: 10px;} } #HOME {min-height: 100vh} .topph {height: 85px;} #MAIN_TOP {position: relative; font-size: 0; background: #1b1b1b} #MAIN_TOP img {max-width: 1920px;} #MAIN_TOP img.not-blurred {top: 0; left: 50%; right: 0; position: absolute; margin-left: -960px} /*.overlay {background: url('wp-content/themes/blankslate/assets/imgs/main-bg-overlay.png')}*/ #MAIN_TOP .overlay {padding-top: 0;position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .overlay .outer {height: 100%; width: 100%; display: table;} #MAIN_TOP .overlay .outer {height: 280px;} .overlay .outer > .inner {display: table-cell; text-align: center; vertical-align: middle; width: 100%; padding: 0 10px 0 18px;} #MAIN_TOP .overlay .inner p {font-size: 36px; color: #fff; margin-top: 40px; line-height: 40px;} .overlay .inner h1, .contact-container .contact-box h3 {text-shadow: 0 0 40px rgba(0,0,0,0.95)} .overlay .inner p {text-shadow: 4px 1px 6px rgb(0,0,0)} #MAIN_TOP .overlay .search-box {padding-left: 106px; position: relative;} #MAIN_TOP .overlay .search-box .tabs-cnt {width: 106px; position: absolute; left: 0; top: 0;} #MAIN_TOP .overlay .search-box .tabs-cnt a {height: 85px; height: 98px; padding-top: 1px; margin-bottom: 2.5px; color: #fff; display: block; background: rgba(0,0,0,0.9); font-size: 11px; line-height: 12px; text-align: center;} #MAIN_TOP .overlay .search-box .tabs-cnt a.active, #MAIN_TOP .overlay .search-box .tabs-cnt a:hover {background: #2ecc71;} #MAIN_TOP .overlay .search-box .tabs-cnt a img {display: block; margin: 15px auto 10px; max-width: 100%; height: 30px;} #MAIN_TOP .overlay .search-box .tabs-cnt .more-trigger {font-size: 12px; margin: 0; line-height: 24px; height: 30px; color: #2ecc71; background: #fff; padding: 3px 0; display: block;} #MAIN_TOP .overlay .search-box .tabs-cnt .more-trigger span:before {content: "+"; font-family: "RobotoCondensed", Arial, sans-serif;} #MAIN_TOP .overlay .search-box .tabs-cnt .more-trigger.active span:beofre {content: "-"} #MAIN_TOP .overlay .search-box .tabs-cnt .more-trigger:hover {color: #fff} #MAIN_TOP .overlay .search-box .tabs-cnt .submenu-car-choice {position: absolute; top: 100%; bottom: 0; left: 106px; z-index: 8; overflow: hidden; transition: ease all 250ms} #MAIN_TOP .overlay .search-box .tabs-cnt .submenu-car-choice.active {top: 0;} #MAIN_TOP .overlay .search-box .tabs-cnt .submenu-car-choice .submenu-outer {display: table;width: 106px; height: 100%;} #MAIN_TOP .overlay .search-box .tabs-cnt .submenu-car-choice .submenu-inner {display: table-row;} #MAIN_TOP .overlay .search-box .tabs-cnt .submenu-car-choice .submenu-cell {vertical-align: middle; display: table-cell; background: #fff;} #MAIN_TOP .overlay .search-box .tabs-cnt .submenu-car-choice .submenu-inner a {font-size: 12px; height: auto; color: #3a3b3c; background: #fff; padding: 6px 0 6px 15px; margin: 0; display: block; text-align: left;} #MAIN_TOP .overlay .search-box .tabs-cnt .submenu-car-choice .submenu-inner a:hover {background: #2ecc71; color: #fff;} #MAIN_TOP .overlay .search-box .search-inner {border: 1px solid #fff; padding: 25px 55px 27px; min-height: 300px;background: rgba(0,0,0,0.9);} #MAIN_TOP .overlay .search-box .select-cnt {width: 39%; margin: 18px 25px 0 0; max-width: 440px; display: inline-block; text-align: left;} #MAIN_TOP .overlay .search-box .select-cnt.smaller {width: 20%; max-width: 210px; margin-right: 0;} #MAIN_TOP .overlay .search-box .select-cnt label {font-size: 16px; color: #fff; line-height: 24px; font-weight: 400;} #MAIN_TOP .overlay .search-box .select-cnt.split {width: 28%; max-width: 288px; margin-right: 21px;} #MAIN_TOP .overlay .search-box .select-cnt input {height: 40px; width: 50%; border-radius: 4px; width: calc(50% - 4px); padding: 0 15px; max-width: 140px; font-size: 14px; color: #6a6a6a; border: none; float: left; margin: 0 2px;} #MAIN_TOP .overlay .search-box button {display: inline-block; margin: 42px 0 0 3px; vertical-align: top;} #MAIN_TOP .overlay .search-box .advanced-search {font-size: 14px; line-height: 24px; color: #fff; display: inline-block; margin-top: 27px;} #MAIN_TOP .overlay .search-box .advanced-search:hover {text-decoration: underline;} #MAIN_TOP .overlay .search-box .advanced-search img {margin-left: 10px; position: static;} #how-it-work{} #how-it-work .popup.popup-system{max-width: 1450px} #how-it-work .popup.popup-system .popup-header h4{text-align: center} #how-it-work .popup.popup-system .popup-header{border-bottom: 0} #how-it-work .popup.popup-system .how-it-work-content{position: relative;text-align: center} #how-it-work .popup.popup-system .how-it-work-content .absolute-bar{position: absolute;width: 100%;height: 2px;background-image: url('/wp-content/themes/blankslate/assets/imgs/absolute-bar.png'); top: 40%;left: 0;right: 0;margin: auto;z-index: 1;max-width: 75%;} #how-it-work .popup.popup-system .how-it-work-content .steps{width: 100%;max-width: 24%;display: inline-block;vertical-align: text-top;position: relative;z-index: 3} #how-it-work .popup.popup-system .how-it-work-content .steps img{display: block;margin: 0 auto} #how-it-work .popup.popup-system .how-it-work-content .steps p{padding: 0;margin: 0;font-size: 23px;text-align: center;transform: translateX(-15px);} #how-it-work .popup.popup-system .how-it-work-content .steps p span{font-weight: 600} .sliding-box .float.right{font-size: 14px; display: inline-block;margin-top: 20px;color: #313131;font-size: 14px;line-height: 31px;} .sliding-box .float.right:hover{text-decoration: underline} .overlay .inner h1{color: #000;text-shadow: none;} #MAIN_TOP .overlay .inner p.baner-text{color: #000;text-shadow: none;font-weight: normal;} #MAIN_TOP .overlay .inner p.baner-text span{font-size: 28px} .promo-container{ background: #f2f2f2;padding: 30px 0 18px;} .promo-container h2{margin-bottom: 25px} .promo-container .promo-single:hover{opacity: .7} .promo-container .promo-single a{display: block;width: 100%;height: 100%} .sliding-box .number-trigger span {border: 2px solid #2ecc71;margin-right: 4px;border-radius: 50%;width: 32px;height: 32px;display: inline-block;padding-top: 4px;display: inline-block;background: #fff; vertical-align: middle;} .auction-message{width: 100%;padding:32px 20px 30px;text-align: center;background-color: #f2f2f2;min-height: 84px;line-height: 1.2;margin-top: 10px} .auction-message p{font-size: 20px;font-weight: bold;color: #949494} .sliding-box .number-trigger{cursor: pointer} .sliding-box .number-trigger div{display: inline-block;font-weight: bold} .sliding-box .float.right.number-trigger .after-click{display: none;} .sliding-box .float.right.number-trigger:hover .before-click{text-decoration: underline} .sliding-box .float.right:hover{text-decoration: none;} @media screen and (max-width: 1480px) { /* #MAIN_TOP .overlay .search-box .select-cnt {padding: 15px 25px 0 0; width: 40.5%; margin: 0; max-width: 465px} */ #MAIN_TOP .overlay .search-box .select-cnt.smaller {padding-right: 0; width: 19%;} #MAIN_TOP .overlay .search-box .select-cnt.split {width: 27%; margin-right: 0; padding-right: 21px; max-width: 309px;} #MAIN_TOP .overlay .search-box .select-cnt.split.last {max-width: 311px; padding-right: 23px;} #MAIN_TOP .overlay .search-box button {margin: 39px 0 0 0; width: 19%;} } @media screen and (max-width: 1366px) { #MAIN_TOP .overlay .inner p {font-size: 32px; line-height: 36px; margin-top: 35px} } @media all and (max-width: 1185px){ .sliding-box .number-trigger,.sliding-box .follow{float: none;display: block!important;} } @media screen and (max-width: 1024px) { #MAIN_TOP .overlay .inner p {font-size: 28px; line-height: 32px; margin-top: 30px} #MAIN_TOP img {position: absolute; max-width: 1210px;} #MAIN_TOP img.not-blurred {margin-left: -605px} #MAIN_TOP .overlay {position: relative;} #MAIN_TOP .overlay .outer {height: 278px;} #MAIN_TOP .overlay .inner p {display: none;} #MAIN_TOP .overlay .page {padding: 0;} #MAIN_TOP .overlay .search-box {padding-top: 85px; padding-top: 98px; padding-left: 0;} #MAIN_TOP .overlay .search-box .tabs-cnt {width: auto;} #MAIN_TOP .overlay .search-box .tabs-cnt a {float: left; width: 106px; margin-right: 3px;} #MAIN_TOP .overlay .search-box .tabs-cnt a img {position: static;} #MAIN_TOP .overlay .search-box .more-container {float: left;} #MAIN_TOP .overlay .search-box .tabs-cnt .more-trigger {height: 85px; background: rgba(255,255,255,0.25); line-height: 79px; color: #fff;} #MAIN_TOP .overlay .search-box .tabs-cnt .submenu-car-choice {bottom: auto; top: 0; left: auto; right: 106px; height: 0;} #MAIN_TOP .overlay .search-box .tabs-cnt .submenu-car-choice.active {bottom: auto; right: 109px; left: auto; height: 265px;} .radio label {color: #ffffff} #MAIN_TOP button img {position: static; margin: 0;} #MAIN_TOP .overlay .search-box .select-cnt label {color: #ffffff} #MAIN_TOP .overlay .search-box .select-cnt input {max-width: 160px;} #how-it-work .popup.popup-system .how-it-work-content .steps img{max-height: 100px} #how-it-work .popup.popup-system .how-it-work-content .absolute-bar{display: none} #how-it-work .popup.popup-system .how-it-work-content .steps p{font-size: 13px; transform: translateX(-10px);} .sliding-box .float{float: none;} .sliding-box .float.right{display: block} } @media screen and (max-width: 768px) { #MAIN_TOP .overlay .outer {height: 216px; padding-top: 50px} #MAIN_TOP img {max-width: 1010px} #MAIN_TOP img.not-blurred {margin-left: -505px } #MAIN_TOP .overlay .search-box .search-inner {padding: 15px 3px} #MAIN_TOP .overlay .inner p {font-size: 26px; line-height: 30px; margin-top: 25px} #MAIN_TOP .overlay .search-box .select-cnt {padding: 15px 5px 0; width: 50%; margin: 0; max-width: 465px; vertical-align: top;} #MAIN_TOP .overlay .search-box .select-cnt.split {width: 50%;padding: 15px 5px 0; max-width: 500px;} #MAIN_TOP .overlay .search-box .select-cnt.smaller {width: 50%; max-width: 50%;} #MAIN_TOP .overlay .search-box button {width: calc(50% - 10px); margin: 39px 5px 0; float: right;} #MAIN_TOP .overlay .search-box .select-cnt.smaller {padding-right: 5px; width: 50%;} #MAIN_TOP .overlay .search-box .select-cnt.split.last {max-width: 500px; padding-right: 5px;} } @media screen and (max-width: 640px) { #MAIN_TOP .overlay .inner p {font-size: 24px; line-height: 28px; margin-top: 20px} #how-it-work .popup.popup-system .how-it-work-content .steps img{max-height: 80px} #how-it-work .popup.popup-system .how-it-work-content .steps p{font-size: 10px; transform: translateX(-10px);} #how-it-work .popup.popup-system .popup-header h4{font-size: 20px} } @media all and (max-width:550px){ #how-it-work .popup.popup-system .how-it-work-content .steps{max-width: 49%} } @media screen and (max-width: 480px) { #MAIN_TOP .overlay .search-box .advanced-search {margin-left: 5px;} #MAIN_TOP .overlay .search-box .select-cnt {width: 100%; max-width: 100%; padding: 10px 5px 0;} #MAIN_TOP .overlay .search-box .select-cnt.smaller {width: 100%; max-width: 100%; padding: 10px 5px 0;} #MAIN_TOP .overlay .search-box .select-cnt.split {width: 100%; max-width: 100%; padding: 10px 0 0;} #MAIN_TOP .overlay .search-box button {width: calc(100% - 10px); float: none; margin: 10px 5px 0; display: block; max-width: 100%;} #MAIN_TOP .overlay .search-box .select-cnt input {margin: 0 5px; max-width: 100%; width: calc(50% - 10px)} #MAIN_TOP .overlay .search-box .select-cnt.split.last {padding-right: 0;} #MAIN_TOP .overlay .search-box .tabs-cnt {width: 100%;} #MAIN_TOP .overlay .search-box .tabs-cnt a {width: calc(33.33% - 16px); font-size: 10px; margin: 0 0 0 3px;} #MAIN_TOP .overlay .search-box .tabs-cnt .submenu-car-choice.active {right: 36px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2)} #MAIN_TOP .overlay .search-box .tabs-cnt .submenu-car-choice .submenu-inner a {font-size: 10px; padding-left: 5px; width: 100%;} #MAIN_TOP .overlay .search-box .more-container {width: 33px; margin: 0 3px;} #MAIN_TOP .overlay .search-box .tabs-cnt .more-trigger {font-size: 0; width: 100%;} #MAIN_TOP .overlay .search-box .tabs-cnt .more-trigger span:before {font-size: 14px;} .radios-cnt {text-align: center;} #MAIN_TOP .overlay .search-box .select-cnt label {display: none;} #MAIN_TOP .overlay .search-box .search-inner {border: none;} .radio {margin-right: 10px;} } @media screen and (max-width: 360px) { #MAIN_TOP .overlay .inner p {font-size: 22px; line-height: 26px; margin-top: 15px} } @media screen and (max-width: 359px) { } .offers-cnt {background: #f2f2f2; padding: 5px 0 25px;} .offers-cnt .single {padding: 20px 20px 0 0; width: 47.7%; max-width: 651px; position: relative; float: left;} .offers-cnt .single a {background: #fff; display: block; height: 100%;} .offers-cnt .single a:hover {opacity: 0.8} .offers-cnt .single .title {padding: 6px 20px 5px;} .offers-cnt .single .title h4, .offers-cnt .single .title h3 {font-weight: 700; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} .offers-cnt .single .title h2{font-size: 34px;line-height: 38px;color: #000;text-align: left} .offers-cnt .single .title h3{font-size: 22px;line-height: 33px;margin: -3px -15px 3px -5px;} .offers-cnt .last-row .single .title h3{font-size: 22px;line-height: 46px;margin: 0 -20px 0 -10px;} .offers-cnt .single .title .sash {color: #fff; position: relative; background: #2ecc71; font-style: italic; font-weight: 900; padding: 11px 20px 7px; text-align: center; font-size: 26px; line-height: 28px; display: inline-block; margin: 0 0 10px -32px;} .offers-cnt .single .title .sash:before {position: absolute; bottom: -10px; left: 0; border: 5.5px solid transparent; border-color: #0d9647 #0d9647 transparent transparent; content: "";} .offers-cnt .single .follow {right: 40px; top: 143px; position: absolute; border: 2px solid #2ecc71; background: #fff; z-index: 2; width: 56px; height: 56px; border-radius: 50%; text-align: center;line-height: 56px; padding: 9px 0 0 1px;} .offers-cnt .single .follow:hover {opacity: 0.7} .offers-cnt .single .follow.active {background: #2ecc71} .offers-cnt .single .content {font-size: 0; overflow: hidden; text-align: center;} .offers-cnt .single .bottom {background: #fff; position: relative;} .offers-cnt .single .bottom .single {width: 33.33%; float: left; padding: 15px 20px 14px 0; line-height: 22px;text-align: center;} .offers-cnt .single .bottom .single img {vertical-align: top; margin-right: 10px;} .offers-cnt .single .bottom span {display: inline-block; line-height: 24px; vertical-align: top; font-size: 19px;} .offers-cnt .single .bottom .price {background: #2ecc71; height: 63px; top: -63px; left: 0; text-align: center; position: absolute; z-index: 2;width: 100%; max-width: 285px; padding: 11px 10px 0;} .offers-cnt .single .bottom .price .numbers {font-size: 46px; line-height: 46px; color: #fff; font-weight: 900;} .offers-cnt .single .bottom .price .currency {color: #fff; font-size: 23px; margin-left: 10px; font-weight: 900; line-height: 26px;} .offers-cnt .single .bottom .price .currency .smaller {display: block;font-size: 14px; line-height: 14px;} .offers-cnt .small-tiles {float: right; max-width: 734px; width: calc(52.3% + 20px); margin-right: -20px} .offers-cnt .small-tiles.mobile {display: none;} .offers-cnt .small-tiles .single .follow, .single-auction .picture .follow {right: 25px; top: 86px; width: 37px; height: 37px; padding: 3px 0 0 1px; line-height: 37px;} .single-auction .picture .follow {border: 2px solid #2ecc71; background: #fff; border-radius: 50%; position: absolute; top: 10px; right: 10px; z-index: 6; text-align: center;} .single-auction .picture .follow.active {background: #2ecc71} .offers-cnt .small-tiles .single .title {padding: 17px 15px 10px;} .offers-cnt .small-tiles .single .follow img, .single-auction .picture .follow img {width: 22px;} .single-auction .picture .follow img {margin-top: 2px;} .offers-cnt .small-tiles .single .bottom .price {padding: 10px 5px 9px; height: 37px; top: -37px; max-width: 130px} .offers-cnt .small-tiles .single .bottom .price .numbers {font-size: 21px; line-height: 21px;} .offers-cnt .small-tiles .single .bottom .price .currency {font-size: 10px; line-height: 10px; margin: 1px 0 0 2px;} .offers-cnt .small-tiles .single .bottom .price .currency .smaller {font-size: 7px; line-height: 7px;} @media screen and (max-width: 1366px) { .offers-cnt .single {width: 50%;} .offers-cnt .small-tiles {width: calc(50% + 20px);} } @media screen and (max-width: 1024px) { .offers-cnt .single {width: calc(100% + 20px); margin-right: -20px;} .offers-cnt .small-tiles {width: calc(100% + 20px);} .offers-cnt .small-tiles .single {width: 50%; margin-right: 0;} .offers-cnt .page {max-width: 651px} } @media screen and (max-width: 768px) { .offers-cnt .single .bottom .single {margin-right: 0;} } @media screen and (max-width: 520px) { .offers-cnt .single .title .sash {max-width: 244px;} } @media screen and (max-width: 420px) { .offers-cnt .single .bottom .single {padding: 20px 5px;} .offers-cnt .single .bottom .single span {font-size: 12px;} } @media screen and (max-width: 359px) { /* .offers-cnt .small-tiles .single {padding-left: 130px; height: 73px;} .offers-cnt .small-tiles .single .content {width: 130px} */ /*.offers-cnt .small-tiles .single .follow, .single-auction .picture .follow {left: 100px;}*/ } .benefits-container {background: #fff;} .benefits-container .overlay {background: none; padding: 45px 0;} .benefits-container .tile {float: left; width: 25%; text-align: center; color: #fff; position: relative; margin-top: 40px;} .benefits-container .tile .inner {display: inline-block; position: relative;} .benefits-container .tile .inner svg {width: 100%; max-width: 223px; padding-bottom: 100%; position: absolute; top: 0; left: 0; transform-origin: center;} .benefits-container .tile .inner svg circle { stroke-width: 3px; fill: none; stroke-dasharray: 537; stroke-dashoffset: 537; transform: rotate(-26deg); transform-origin: center} .benefits-container.active .tile .inner svg circle { -webkit-transition: stroke-dashoffset ease-out 1s; -moz-transition: stroke-dashoffset ease-out 1s; -ms-transition: stroke-dashoffset ease-out 1s; -o-transition: stroke-dashoffset ease-out 1s; transition: stroke-dashoffset ease-out 1s; stroke-dashoffset: 290; } .benefits-container .tile .inner h6 {position: absolute; top: calc(100% - 80px); line-height: 16px; font-size: 14px; max-width: 160px; left: 50%; margin-left: -80px; color: #3a3b3c; font-weight: 400; text-align: center;} @media screen and (max-width: 520px) { .benefits-container .tile .inner svg { display: none; } } @media screen and (max-width: 1024px) { .benefits-container .tile {width: 50%;} } @media screen and (max-width: 500px) { .benefits-container .tile {margin-top: 10px;} .benefits-container .tile .inner:before {content: none;} .benefits-container .tile .inner h6 {font-size: 10px; line-height: 14px; bottom: 10px; max-width: 120px; margin-left: -60px; top: auto;} } .finished-container {background: #f2f2f2; padding: 30px 0 18px;} .finished-container .single {padding: 20px 10px 0; max-width: 328px; position: relative; margin: 0 auto;} .finished-container .single a {background: #fff; display: block;} .finished-container .single a:hover {opacity: 0.8} .finished-container .single .title {padding: 17px 15px 10px;} .finished-container .single .title h4 {white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} .finished-container .single .bottom {background: #fff; position: relative;} .finished-container .single .bottom .price {background: #fff; height: 57px; top: -57px; max-width: 130px; left: 0; text-align: center; position: absolute; z-index: 2;width: 100%;} .finished-container .single .bottom span {display: inline-block; line-height: 24px; vertical-align: top; font-size: 19px;} .finished-container .single .bottom .price .finished {height: 20px; margin-bottom: 7px; background: #2ecc71; color: #fff; font-size: 12px; line-height: 20px; font-weight: 700;} .finished-container .single .bottom .price .numbers {font-size: 21px; color: #8f9090; line-height: 21px; font-weight: 900;} .finished-container .single .bottom .price .currency {font-size: 10px; color: #8f9090; line-height: 10px; margin: 1px 0 0 2px; font-weight: 900} .finished-container .single .bottom .price .currency .smaller {display: block;font-size: 7px; line-height: 7px;} @media screen and (max-width: 520px) { .finished-container .single .title {padding: 10px;} .finished-container .single {padding: 10px 5px 0;} .finished-container .single .bottom .price {height: 40px; top: -40px; max-width: 100px;} .finished-container .single .bottom .price .finished {height: 15px; margin-bottom: 4px; font-size: 10px; line-height: 15px;} .finished-container .single .bottom .price .numbers {font-size: 16px; line-height: 16px;} .finished-container .single .bottom .price .currency {margin: 0;} } .stats-container {min-height: 306px;} .stats-container .overlay {background: none; padding: 80px 0 54px;} .stats-container .tile {width: 25%; text-align: center; color: #357eb7; overflow: hidden;float: left; margin-top: 30px; position: relative;} .stats-container .tile:after {background: url('/wp-content/themes/blankslate/assets/imgs/gradient.png') no-repeat top right; position: absolute; right: 50%; transform: rotate(-30deg); top: -84px; content: ""; margin-right: -100px; bottom: 0; left: 0;} .stats-container .tile .counting {font-weight: 900; font-size: 60px;} .stats-container .tile p {margin-top: 20px; font-size: 26px;} @media screen and (max-width: 1024px) { .stats-container .overlay {padding: 50px 0 34px;} .stats-container .tile {width: 50%;} .stats-container .tile .counting {font-size: 50px;} .stats-container .tile p {margin-top: 20px; font-size: 22px;} } @media screen and (max-width: 520px) { .stats-container {display: none;} } .standards-container {background: #f7f7f7; padding: 30px 0 40px;} .standards-container .standards-slider {margin-top: 40px;} .standards-container .single {position: relative; height: 106px; width: 160px; margin: 0 auto} .standards-container .single span {position: absolute; bottom: 5px; font-size: 18px; width: 100%; text-align: center;line-height: 24px; color: #3a3b3c;} @media screen and (max-width: 520px) { .standards-container {display: none;} } .contact-container {} .contact-container .overlay {background: url('/wp-content/themes/blankslate/assets/imgs/main-bg-overlay.png'); padding: 25px 0;} .contact-container .contact-box {max-width: 498px; width: 50%; border: 2px solid #fff; padding: 20px;} .contact-container .contact-box .input {position: relative; padding-top: 0;} .contact-container .contact-box .input .error-text, .subpage.contact .contact-content .contact-container .contact-box .inputs-cnt .input p, .subpage.contact .contact-content .contact-container .contact-box .textarea p {position: absolute; bottom: 0; display: none; right: 0; font-size: 12px; color: #fff; line-height: 14px; text-align: left; width: 90px; background: #c70808; z-index: 2; padding: 5px; top: 15px;} .subpage.contact .contact-content .contact-container .contact-box .inputs-cnt .input p, .subpage.contact .contact-content .contact-container .contact-box .textarea p {display: block;} .subpage.contact .contact-content .contact-container .contact-box .textarea p {bottom: auto} .contact-container .contact-box input.error + .error-text {display: block;} .contact-container .contact-box h3 {font-size: 28px; line-height: 42px; font-weight: 400;} .contact-container .contact-box h3 strong {font-size: 44px;} .contact-container .contact-box button {float: right; max-width: 208px; padding-left: 20px;} .contact-container .contact-box button img {vertical-align: -2px; margin-left: 6px;} .contact-container .contact-info {padding-left: 0px;} .contact-container .contact-info .single {padding-left: 65px; color: #fff; position: relative; text-align: left;font-size: 24px; line-height: 30px; font-weight: 400; margin-top: 45px;max-width: 33%;width: 100%;display: inline-block;} .contact-container .contact-info .single img {position: absolute; left: 0; top: 0;} .contact-container .contact-info .single strong {font-weight: 900; display: block;} .contact-container .contact-info .single span, .contact-container .contact-info .single a {display: block; margin-top: 10px;} .contact-container .contact-info .single a:hover {text-decoration: underline;} .contact-container .details selected {border-bottom: 2px solid #004995} .contact-container .how-works {max-width: 930px; margin: 20px auto 0; font-size: 12px; color: #fff;} .contact-container .how-works-extended {display: none;} .contact-container .how-works-extended h2 {font-size: 14px;} /* CF7 - custom styles */ .contact-container .contact-box .wpcf7-response-output {display: none;} .contact-container .contact-box .wpcf7-form-control-wrap {position: static;} .contact-container .contact-box input.wpcf7-not-valid {border: 2px solid #c70808!important;} .contact-container .contact-box .input .wpcf7-not-valid-tip, .subpage.contact .contact-content .contact-container .contact-box .inputs-cnt .input .wpcf7-not-valid-tip, .subpage.contact .contact-content .contact-container .contact-box .textarea .wpcf7-not-valid-tip {position: absolute; bottom: 0; display: none; right: 0; font-size: 12px; color: #fff; line-height: 14px; text-align: left; width: 90px; background: #c70808; z-index: 2; padding: 5px; top: 15px;} .contact-container .contact-box .input input.wpcf7-not-valid + .wpcf7-not-valid-tip, .contact-container .contact-box .textarea textarea.wpcf7-not-valid + .wpcf7-not-valid-tip {display: block!important;} .contact-container .contact-box .textarea textarea.wpcf7-not-valid + .wpcf7-not-valid-tip {bottom:auto!important;} .wpcf7 .loader-wrapper {display:none;background-color: rgba(242, 242, 242, 0.7);position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 4;} .wpcf7 form.submitting .loader-wrapper {display:block;} .wpcf7 .loader-wrapper .form-loader {position: absolute; width: 100%; top: 50%; margin-top: -15px; text-align: center;} .wpcf7 .loader-wrapper span {display: inline-block; margin: -30px 2px 0; width: 30px; height: 30px; border-radius: 50%; animation: loadcf 1.2s infinite ease-in-out;} .wpcf7 .loader-wrapper span:nth-child(2) {animation-delay: 0.2s} .wpcf7 .loader-wrapper span:nth-child(3) {animation-delay: 0.4s} @keyframes loadcf { 0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em #14529f;} 40% {box-shadow: 0 2.5em 0 0 #14529f;} } /* END CF7 */ @media screen and (max-width: 1024px) { .contact-container {background-position: 70% top} .contact-container .contact-box h3 {font-size: 26px; line-height: 40px;} .contact-container .contact-box h3 strong {font-size: 40px;} .contact-container .contact-info .single {font-size: 22px; line-height: 28px; margin-top: 35px;} } @media screen and (max-width: 768px) { .contact-container .contact-box h3 {font-size: 24px; line-height: 38px;} .contact-container .contact-box h3 strong {font-size: 38px;} .contact-container .contact-box {width: 100%; max-width: 498px; margin: 0 auto; float: none;} } @media screen and (max-width: 640px) { .contact-container .contact-box h3 {font-size: 22px; line-height: 36px;} .contact-container .contact-box h3 strong {font-size: 36px;} .contact-container .contact-info {padding-left: 30px;} .contact-container .contact-info .single {font-size: 18px; line-height: 24px;} .contact-container .contact-box button img {margin-left: 16px; vertical-align: -1px; width: 20px;} } @media screen and (max-width: 360px) { .contact-container .contact-box h3 {font-size: 18px; line-height: 30px;} .contact-container .contact-box h3 strong {font-size: 30px;} .contact-container .contact-info .single {font-size: 16px; line-height: 20px; margin-top: 20px;} } /*SLICK*/ .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0; height: 100%} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-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); height: 100%;} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px; overflow: hidden;} [dir='rtl'] .slick-slide{float:right} .slick-slide img{margin: 0 auto;} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} body #top-banner .ops-sl-left{width:100%} @media screen and (max-width: 1280px) { .slick-arrow {display: none!important;} } .slick-loading .slick-list{background:#fff url(./slick/ajax-loader.gif) center center no-repeat} @font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(./slick/fonts/slick.eot);src:url(./slick/fonts/slick.eot?#iefix) format("embedded-opentype"),url(./slick/fonts/slick.woff) format("woff"),url(./slick/fonts/slick.ttf) format("truetype"),url(./slick/fonts/slick.svg#slick) format("svg")} .slick-prev,.slick-next{font-size:0;line-height:0;position:absolute; z-index: 6; top:50%;display:block;width:36px;height:25px;padding:0;margin-top:-10px\9; margin-top: -13px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent; transform: none;} .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25} .slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-prev{left:-55px; background: url('/wp-content/themes/blankslate/assets/imgs/arrow-left.png') no-repeat left top;} .slick-prev:hover {opacity: 0.5; background: url('/wp-content/themes/blankslate/assets/imgs/arrow-left.png') no-repeat left top; color: #fff;} [dir='rtl'] .slick-prev{right:-55px;left:auto} .slick-next{right:-55px; background: url('/wp-content/themes/blankslate/assets/imgs/arrow-right.png') no-repeat right top;} .slick-next:hover {opacity: 0.5; color: #fff; background: url('/wp-content/themes/blankslate/assets/imgs/arrow-right.png') no-repeat right top;} .pictures-slider .slick-next {right: 0; background-image: url('/wp-content/themes/blankslate/assets/imgs/slider-arrow-right.png'); width: 72px; height: 69px; margin-top: -34px;} [dir='rtl'] .slick-next{right:auto;left:-55px} .pictures-slider .slick-prev {left: 0; background-image: url('/wp-content/themes/blankslate/assets/imgs/slider-arrow-left.png'); width: 72px; height: 69px; margin-top: -34px;} .slick-slider{margin-bottom:0} .slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center} .slick-dots li {display: inline-block;} .slick-dots button {font-size: 0; width: 20px; height: 20px; padding: 0; margin: 0 4px; border: #2ecc71 2px solid; border-radius: 50%; cursor: pointer} .slick-dots .slick-active button {background: #2ecc71} /*KONIEC SLICKA*/ /*@media screen and (max-width: )*/ /*Ciasteczka*/ #cookies {position: fixed; bottom: 30px; padding: 20px 10px; background: #000; color: #fff; width: 100%; max-width: 400px; left: 30px; z-index: 11} #cookies p {font-size: 14px; line-height: 1.4;margin-top: 10px} #cookies .button {width: 150px; margin: 20px 10px 0 0; float: right; max-width: 150px} #cookies .button:hover {color: #fff; border-color: #fff} #cookies .readmore {width: 150px; margin: 32px 0 0 10px; float: left; color: #fff; text-decoration: underline; font-weight: bold; font-size: 20px; line-height: 20px;} #cookies p a {text-decoration: underline} #cookies h5 {font-size: 20px} @media screen and (max-width: 1600px) { /*#cookies h5 {font-size: 30px} #cookies p {font-size: 18px; line-height: 20px} #cookies p a {font-size: 16px} #cookies {height: auto}*/ .slick-prev {left: 0;} .slick-next {right: 0} } @media screen and (max-width: 800px) { /*#cookies h5 {font-size: 24px} #cookies p {font-size: 16px; line-height: 18px}*/ } @media screen and (max-width: 600px) { /*#cookies {max-width: 325px; padding: 20px 15px 15px} #cookies p {float: none;} #cookies .button {position: static; float: none; margin: 20px auto 0}*/ } /*FOOTER*/ #FOOTER .footer-menu {background: #14529f; background: -webkit-linear-gradient(#53a4cd, #14529f); background: -moz-linear-gradient(#53a4cd, #14529f); background: -ms-linear-gradient(#53a4cd, #14529f); background: linear-gradient(#53a4cd, #14529f); padding: 0 10px;} #FOOTER .footer-menu .page {position: relative; padding: 13px 0 13px 164px;} #FOOTER .footer-menu .ftr-logo {position: absolute; left: 0; top: 13px; width: 133px;} #FOOTER .footer-menu ul {margin-top: 15px} #FOOTER .footer-menu li {display: inline-block; color: #fff; margin-left: 31px; font-size: 13px; line-height: 14px; vertical-align: top;} #FOOTER .footer-menu li a:hover {color: #42e788} #FOOTER .footer-menu .newsletter {color: #fff; position: relative;} #FOOTER .footer-menu .newsletter span {vertical-align: middle;} #FOOTER .footer-menu .newsletter input {margin: 0 0 0 20px; height: 42px; font-size: 18px; border: 2px solid #fff; color: #fff; padding: 0 12px; width: 300px; background: transparent;} #FOOTER .footer-menu .newsletter button {border: none; background: none; position: absolute; right: 10px; top: 0; width: auto; height: 42px; margin: 0; text-align: center; font-weight: 400; font-size: 0; cursor: pointer;} #FOOTER .footer-menu .newsletter button:hover {transform: translateX(4px); transition: ease all 250ms;} #FOOTER .footer-menu .social-menu {margin: 7px 0 0 50px;} #FOOTER .footer-menu .social-menu a {margin-left: 20px; transition: ease all 250ms;} #FOOTER .footer-menu .social-menu a:hover {opacity: 0.7} #FOOTER .copyright-container {font-size: 14px; color: #fff; line-height: 25px; padding: 8px 10px 5px; background: #252525; text-align: center;} #FOOTER .copyright-container img {vertical-align: top;} #FOOTER .copyright-container a {vertical-align: 2px;} @media screen and (max-width: 1366px) { #FOOTER .footer-menu li {font-size: 12px; line-height: 12px; margin-left: 20px;} #FOOTER .footer-menu .right {animation-delay: 20ms;} } @media screen and (max-width: 1200px) { #FOOTER .footer-menu ul {margin-top: 0;} #FOOTER .footer-menu .right {width: 100%; margin-top: 5px; padding-left: 31px;} #FOOTER .footer-menu .social-menu {width: auto; margin-left: 20px; float: left; padding-left: 0; margin-top: 5px;} } @media screen and (max-width: 768px) { #FOOTER .footer-menu ul {display: none;} #FOOTER .footer-menu .social-menu {display: none;} } @media screen and (max-width: 660px) { #FOOTER .footer-menu .ftr-logo {display: none;} #FOOTER .footer-menu .page {padding: 10px;} #FOOTER .footer-menu .right {padding-left: 0;} } @media screen and (max-width: 480px) { #FOOTER .footer-menu .newsletter {float: none; max-width: 300px; margin: 0 auto 10px;} #FOOTER .footer-menu .newsletter span {display: block; padding: 10px 0; text-align: center;} #FOOTER .footer-menu .newsletter input {margin: 20px auto 0; display: block; width: 100%;} #FOOTER .footer-menu .newsletter button {bottom: 0; top: auto;} } .error-message {border: 1px solid #fa0303; color: #fa0303; background-color: #ffffff; font-size: 18px; margin: 25px 0 0; padding: 5px 5px 5px 30px; position: relative; display: inline-block; line-height: 30px; font-weight: 700;} .error-message img {position: absolute; left: 5px; top: 9px; width: 20px} .success-message {border: 1px solid #2ecc71; color: #2ecc71; background-color: #ffffff; font-size: 18px; margin: 25px 0 0; padding: 5px 5px 5px 30px; position: relative; display: inline-block; line-height: 30px; font-weight: 700;} .success-message img {position: absolute; left: 5px; top: 9px; width: 20px} .subpage.login .error-message {font-size: 14px;} .subpage {min-height: calc(100vh - 114px); padding-top: 176px;} #HEADER.subpage-header.logged-in + .overall .subpage {padding-top: 160px} .subpage.one-image {position: relative; font-size: 0; overflow: hidden; background: #537487; padding-top: 0;} .subpage.one-image .overlay {position: relative; min-height: 100vh; padding-bottom: 40px;} .subpage .background-image {position: absolute; max-width: 9999px; left: 0; bottom: 0; top: 0; min-height: 100%;} .subpage.login .background-image {position: static; min-width: 1560px; height: auto;} .subpage.login .background-image.not-blurred {position: absolute; bottom: 0; left: 0; right: 0; top: 0;} .subpage.login .overlay {position: absolute; height: auto; top: 0; bottom: 0; right: 0; left: 0;} .subpage .overlay {padding-top: 140px;} .subpage.register .overlay{padding-top: 160px} .subpage .box {max-width: 696px; padding: 20px 10px 25px; border: 2px solid #fff; width: 100%; margin: 35px auto 0;background: rgba(0, 0, 0, 0.34);} .subpage .error.form {max-width: 696px; padding: 20px 10px 25px; background: #c70808; display: inline-block; width: 100%; margin-top: 35px;} .subpage .error.form h4 {color: #fff;} .subpage .success.form {max-width: 696px; padding: 20px; background: rgba(46,204,113,0.4); display: block; width: 100%; margin: 30px auto 20px;} .subpage .success.form h4, .subpage .success.form p {color: #2b2b2b;} .subpage .inner .error.form p {font-size: 16px; text-align: center;} .subpage .input {max-width: 426px; padding: 0 10px; margin: 0 auto 0; position: relative; margin-top: 20px;} .subpage .input input {height: 40px; border-radius: 4px; font-size: 14px; margin-top: 0;} .subpage.register .box .input.checkbox {display: inline-block; margin-bottom: 3px; min-width: 50px; padding: 20px 0 0; margin-top: 0;} .subpage.register .box .input.select-cnt .select2-container {float: left;} .subpage.register .box .input.checkbox input {position: absolute; opacity: 0;height: 1px; width: 1px; padding: 0; margin: 0; visibility: hidden;} .subpage.register .box .input.checkbox label, .subpage .input.select-cnt label {line-height: 14px; color: #fff; text-align: left; padding:0 10px 0 20px; display: block; font-size: 12px; cursor: pointer;} .subpage .input.select-cnt label {display: inline-block; width: calc(100% - 130px); vertical-align: top;} .subpage.register .box .input.checkbox label:before {width: 12px; height: 12px; display: block; content: ""; border: 2px solid #fff; left: 0; top: 21px; position: absolute;} .subpage.register .box .input.checkbox label:after {width: 6px; height: 6px; display: block; content: ""; background: #2ecc71; left: 3px; top: 24px; position: absolute; transition: 250ms ease all; transform: scale(0);} .subpage.register .box .input.checkbox input:checked + label:after {transform: scale(1);} .subpage.register .box .input.checkbox label:hover {opacity: 0.8} .subpage .input .info {right: 21px; top: 29px; position: absolute;} .subpage.my-account .my-info .input .info {top: 32px;} .subpage .input .info .tooltip { position: absolute; display: none; background: #fff; color: #6a6a6a; border: 2px solid #2ecc71; font-size: 12px; padding: 10px; z-index: 3; margin: -94px 0 0 -20px; bottom: 32px; left: calc(100% - 10px); width: 160px;} .subpage .input .info:hover .tooltip {display: block;} .subpage .input .info .tooltip:before {position: absolute; content: ""; border-top: #2ecc71 6px solid; border-left: 6px solid transparent; border-right: 6px solid transparent; width: 12px; height: 12px; bottom: -12px;} .subpage.my-account .my-info .select2-container--default .select2-selection--single {border: 2px solid #14529f} .subpage.my-account .my-info hr {border: 0; background: #f2f2f2; max-width: 1130px; height: 2px;margin: 40px auto 30px;} .subpage .inner .box p {color: #fff; font-size: 14px; line-height: 18px; padding: 3px 0; margin: 0; text-align: center; max-width: 100%;} .subpage.register .inner .box p {margin-top: 25px;} .subpage .button {margin: 30px auto 10px;} .subpage .button.previos img {transform: scale(-1); width: 16px;} .subpage .bottom-buttons a {color: #fff; font-size: 14px; line-height: 24px; text-decoration: underline;} .subpage .bottom-buttons span {color: #fff; font-size: 14px; line-height: 24px;} .subpage .bottom-buttons a:hover {color: #2ecc71;} .subpage .box .inputs-cnt {text-align: left; max-width: 600px; margin: 0 auto;} .subpage .box .input.single {width: 30px; margin: 0 5px; float: left; padding: 0; text-align: center;} .subpage .box .input.single label {font-size: 12px; color: #fff; line-height: 24px;} .subpage .box .input.single input {padding: 0; text-align: center; font-size: 34px;} .subpage .box .input.single input[disabled=disabled] {background: #777; cursor: default;} .subpage .inner p {font-size: 14px; text-align: left; color: #fff; max-width: 480px; margin: 30px auto 0; } .subpage.register .box {max-width: 470px; padding: 0 30px 25px; text-align: left;} .subpage.register .box .input {padding-top: 20px; margin-top: 0} .subpage.register .box .input input {margin-top: 0;} .subpage.register .box.two-columns {max-width: 900px} .subpage.register .box.two-columns .input {width: 49%; display: inline-block;} .subpage.register .box select {width: 120px;} .subpage .steps {max-width: 408px; margin: 30px auto 0} .subpage .single-step {width: 42px; text-align: center; font-size: 12px; color: #fff; float: left;} .subpage .single-step .circle {height: 42px; border-radius: 50%; line-height: 38px; font-size: 16px; text-align: center; border:2px solid #fff;} .subpage .single-step.active .circle {background: #2ecc71} .subpage .single-step span {display: block; margin-top: 10px;} .subpage .steps .line {width: calc(50% - 63px); height: 1px; background: #fff; float: left; margin-top: 20px;} .subpage.register .background-image {left: 50%; right: auto; margin-left: -1190px; min-width: 2150px} .subpage.textpage {background-color: #f2f2f2; padding-bottom: 60px;} .subpage.textpage h1 {font-size: 48px; text-align: center; padding: 15px 0 30px; color: #14529f; font-weight: 700;} .subpage .sidebar {width: 296px; margin-top: 33px;} .single-offer, .subpage .single-offer {padding: 20px 20px 0 0; position: relative;} .single-offer a, .subpage .single-offer a {background: #fff; display: block;} .single-offer a:hover, .subpage .single-offer a:hover {opacity: 0.8;} .single-offer .title, .subpage .single-offer .title {padding: 17px 12px 10px;} .single-offer .title h4, .subpage .single-offer .title h4 {font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;} .single-offer .content, .subpage .single-offer .content {font-size: 0; text-align: center; position: relative;} .subpage .single-offer.highlighted .content {overflow: hidden;} .subpage .single-offer.highlighted .content img {width: calc(100% + 4px); max-width: calc(100% + 4px); margin-left: -2px;} .single-offer .bottom, .subpage .single-offer .bottom {position: relative; background: #fff;} .single-offer .bottom .price, .subpage .single-offer .bottom .price {padding: 9px 10px 4px; height: 35px; top: -35px; max-width: 140px; color: #2ecc71; position: absolute; background: #fff} .subpage .single-offer .title {padding: 12px} .single-offer .bottom .price .numbers, .subpage .single-offer .bottom .price .numbers {font-size: 20px; line-height: 20px; display: inline-block;} .single-offer .bottom .price .currency, .subpage .single-offer .bottom .price .currency {font-size: 11px; line-height: 8px; margin: 1px 0 0; display: inline-block;} .single-offer .bottom .price .currency .smaller, .subpage .single-offer .bottom .price .currency .smaller {font-size: 8px; line-height: 8px; display: block;} .subpage .sidebar .commercial-box {margin-top: 20px; display: block;} .subpage .sidebar .commercial-box:hover {opacity: 0.8} .subpage .text-content {width: calc(100% - 296px);} .subpage .text-content .inner-content {background: #fff; padding: 20px 55px;} .subpage .text-content .inner-content p {margin-top: 20px; color: #2b2c2d; font-size: 20px; line-height: 32px;} .subpage .questions-container .inner-content {background: #fff; padding: 30px 30px;} .subpage .questions-container .accordion-trigger {border-bottom: 2px solid #f2f2f2; padding: 30px 10px 30px 95px; line-height: 32px; font-size: 26px; color: #14529f; position: relative; display: block; font-weight: 700;} .subpage .questions-container .accordion-trigger:hover {opacity: 0.7} .subpage .questions-container .accordion-trigger img {position: absolute; top: 34px; left: 27px; transition: ease all 250ms} .subpage .questions-container .active .accordion-trigger img {transform: scaleY(-1);} .subpage .questions-container .accordion-content {display: none; font-size: 20px; padding: 30px 20px 30px 95px; border-bottom: 2px solid #f2f2f2} .subpage .questions-container .accordion-container:last-child .accordion-content {border-bottom: none;} @media screen and (max-width: 1366px) { .subpage .questions-container .inner-content {padding: 30px 20px} .subpage .questions-container .accordion-trigger {padding: 20px 10px 20px 70px; font-size: 22px; line-height: 26px;} .subpage .questions-container .accordion-content {font-size: 20px; padding: 20px 10px 20px 70px;} .subpage .questions-container .accordion-trigger img {top: 24px; left: 15px;} #HEADER.subpage-header.logged-in + .overall .subpage{ padding-top: 115px;} } @media screen and (max-width: 768px) { .subpage {padding-top: 71px; min-height: calc(100vh - 71px)} #HEADER.subpage-header.logged-in + .overall .subpage {padding-top: 63px} .subpage .questions-container .accordion-trigger {padding: 10px 10px 10px 50px; font-size: 20px; line-height: 24px;} .subpage .questions-container .accordion-content {padding: 10px 10px 10px 50px; font-size: 18px;} .subpage .questions-container .accordion-trigger img {top: 12px; left: 15px;} .single-offer .title, .subpage .single-offer .title {padding: 10px 10px 6px;} .subpage {padding-top: 75px;} } @media screen and (max-width: 360px) { .subpage .questions-container .accordion-trigger {font-size: 18px; line-height: 22px;} .subpage .questions-container .accordion-content {font-size: 16px;} } .subpage.contact .contact-content {margin-top: 20px;} .subpage.contact h1 {padding: 20px 0; color: #3a3b3c; font-size: 40px;} .subpage.contact .top-background {position: relative; font-size: 0;} .subpage.contact .overlay {padding-top: 25px;} .subpage.contact .top-background .overlay {position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .subpage.contact .contact-content h4 {font-size: 23px; font-weight: 900; color: #3a3b3c} .subpage.contact .contact-content .city-trigger {float: left; width: 25%; padding: 30px 25px; border: 1px solid #f2f2f2; min-height: 195px;} .subpage.contact .contact-content .city-trigger:hover {background: #f2f2f2} .subpage.contact .contact-content .city-trigger.active {background: #004995; border-color: #004995; position: relative;} .subpage.contact .contact-content .city-trigger.active:after {border-width: 10px 18px; border-style: solid; border-color: transparent transparent transparent #004995; content: ""; position: absolute; right: -36px; bottom: 50%; margin-bottom: -10px; height: 18px; overflow: hidden;} .subpage.contact .contact-content .city-trigger.active h4 {color: #fff;} .subpage.contact .contact-content .city-trigger li {padding: 25px 0 0 50px; position: relative; font-size: 16px; line-height: 25px;} .subpage.contact .contact-content .city-trigger li img {position: absolute; left: 0; top: 25px;} .subpage.contact .contact-content .city-trigger li img.active {opacity: 0;} .subpage.contact .contact-content .city-trigger.active li img.active {opacity: 1;} .subpage.contact .contact-content .city-trigger.active li {color: #fff;} .subpage.contact .contact-content .city-trigger.active li img.inactive {opacity: 0;} .subpage.contact .contact-content .city-info {width: 75%; padding: 30px 25px 30px 15vh; border: 2px solid #004995; float: left; min-height: 195px;} .subpage.contact .contact-content .city-info li {padding: 25px 0 0 30px; position: relative; font-size: 16px; line-height: 25px; float: left; width: 33.33%; margin-top: 30px;} .subpage.contact .contact-content .city-info li img {position: absolute; left: 0; top: 25px;} .subpage.contact .contact-content .city-info li img.active {opacity: 0;} .subpage.contact .contact-content .tab {border: #004995 2px solid; border-bottom: 0;} .subpage.contact .contact-content .tab .single {float: left; width: 33.33%; padding: 50px 20px 50px 80px; text-align: left;} .subpage.contact .contact-content .tab .single li {padding: 20px 0 0 40px; position: relative; font-size: 16px; line-height: 25px;} .subpage.contact .contact-content .tab .single li img {position: absolute; left: 0; top: 20px;} .subpage.contact .contact-content .contact-container {background: url('/wp-content/themes/blankslate/assets/imgs/contact-bottom-bg.jpg') no-repeat; background-size: cover; border: #004995 2px solid; border-top: 0; border-bottom: 0;} .subpage.contact .contact-content .contact-container .contact-box {width: 100%; max-width: 100%;position:relative;} .subpage.contact .contact-content .contact-container .contact-box .inputs-cnt {float: left; width: 34%; padding-right: 20px;} .subpage.contact .contact-content .contact-container .contact-box .inputs-cnt .input {margin-top: 0; padding: 0} .subpage.contact .contact-content .contact-container .contact-box .inputs-cnt .input input {max-height: 50px; margin-top: 15px; height: 60px; border-radius: 0; font-size: 18px} .subpage.contact .contact-content .contact-container .contact-box .textarea {float: left;width: 66%; margin-top: 0; padding: 0; position: relative;} .subpage.contact .contact-content .contact-container .contact-box textarea {height: 180px; width: 100%; margin-top: 15px;} @media screen and (max-width: 1366px) { .subpage.textpage h1 {font-size: 42px; padding: 25px 0;} .subpage .text-content .inner-content {padding: 20px 40px;} .subpage.contact .contact-content h4 {font-size: 21px;} .subpage.contact .contact-content .city-trigger {padding: 15px;} .subpage.contact .contact-content .city-trigger li {padding-left: 35px} } @media screen and (max-width: 1024px) { .subpage.textpage h1 {font-size: 36px; padding: 20px 0;} .subpage .text-content .inner-content {padding: 20px 30px;} .subpage.contact .contact-content .city-trigger {width: 33%} .subpage.contact .contact-content .city-info {padding: 15px 30px; width: 67%;} .subpage.contact .contact-content .city-info li {margin-top: 47px;} .subpage.contact h1 {font-size: 34px;} } @media screen and (max-width: 768px) { .subpage.textpage h1 {font-size: 32px; padding: 15px 0;} .subpage .sidebar {width: 100%; float: none; margin: 30px 0 0;} .subpage .single-offer {float: left; width: 33.33%;} .subpage .sidebar .commercial-box {display: none;} .subpage .text-content {width: 100%; float: none;} .subpage .text-content .inner-content {padding: 15px 20px;} .subpage .text-content .inner-content p {font-size: 18px; line-height: 26px; margin-top: 15px;} .subpage.contact .contact-content h4 {font-size: 19px;} .subpage.contact .contact-content .city-trigger {width: 50%; padding: 10px;} .subpage.contact .contact-content .city-trigger.active:after {content: none} .subpage.contact .contact-content .city-info {width: 50%; margin-top: 0;} .subpage.contact .contact-content .city-info li {width: 100%; float: none; margin: 0;} .subpage.contact .contact-content .tab .single {padding: 30px 10px; width: 50%} .subpage.contact .contact-content .contact-container .contact-box .textarea {width: 50%;} .subpage.contact .contact-content .contact-container .contact-box .inputs-cnt {width: 50%} .subpage.contact .contact-content .tab .single li {padding-left: 30px; font-size: 14px;} .subpage.contact h1 {font-size: 30px;} } @media screen and (max-width: 520px) { .subpage.textpage h1 {font-size: 28px; padding: 10px 0} .subpage .single-offer {width: 50%;} .subpage.contact .contact-content .contact-container .contact-box .textarea {width: 100%;} .subpage.contact .contact-content .contact-container .contact-box .inputs-cnt {width: 100%; padding-right: 0;} .subpage.contact .contact-content .city-trigger {width: 100%; min-height: 1px;} .subpage.contact .contact-content .city-info {width: 100%; min-height: 1px;} .subpage.contact .contact-content .tab .single {width: 100%; padding: 10px;} .subpage.contact h1 {font-size: 26px;} } @media screen and (max-width: 420px) { .subpage.textpage h1 {font-size: 24px;} .subpage .single-offer {width: 100%; max-width: 276px; float: none; margin: 0 auto; padding-right: 0;} .subpage .text-content .inner-content {padding: 10px 15px;} .subpage .text-content .inner-content p {font-size: 16px; line-height: 20px; margin-top: 10px;} } /*BREADCRUMBS*/ .breadcrumbs {padding: 10px 0; font-size: 14px; line-height: 18px; color: #7c7a7a; /* margin-top: 80px; */} .breadcrumbs a {color: #14529f} .breadcrumbs a:hover {font-weight: 700;} #map-canvas {height: 275px; width: 100%; height: 65vh; margin-bottom: 30px;} .subpage.my-account {background: #f2f2f2;} .tab-triggers {margin-top: 30px;} .tab-triggers .trigger {color: #2f2f2f; font-size: 18px; display: inline-block; vertical-align: top; padding: 13px 25px;} .tab-triggers .trigger.active {background: #fff; font-weight: 700; cursor: default} .tab-triggers .trigger:hover {color: #14529f;} .tab-triggers .trigger.active:hover {color: #2f2f2f} .tab-triggers-inner {background: #fff;} .tab-triggers-inner .trigger {font-size: 18px; color: #2f2f2f;padding: 20px 25px; display: inline-block;} .tab-triggers-inner .trigger.active {font-weight: 700; cursor: default} .tab-triggers-inner .trigger.active:hover {color: #2f2f2f} .tab-triggers-inner .trigger:hover {color: #14529f;} .tab-content .nothing {margin-top: 14px; background: #fff; padding: 35px 25px; font-size: 18px; color: #3a3b3c; line-height: 24px;} .single-auction {margin-top: 14px; background: #fff; padding: 25px; position: relative;} .single-auction.nothing {opacity: 1; background: none; text-align: center;} .listing-content .single-auction.nothing:hover {opacity: 1;} .single-auction > p {font-size: 30px; padding: 20px 0; font-weight: 900;} .single-auction .picture {max-width: 338px; width: 26%; font-size: 0; position: relative;} .single-auction .auction-content {padding-left: 38px; text-align: left; width: calc(74% - 210px);} .single-auction .auction-content h2 {font-size: 24px; color: #3a3b3c; font-weight: 700;text-align: left;line-height: 1.2} .single-auction .auction-content p {font-size: 18px; line-height: 24px; color: #616263;} .single-auction .auction-content .vehicle-info {margin-top: 57px;} .single-auction .auction-content .vehicle-info .single {display: inline-block; vertical-align: top; padding: 0 15px 5px 25px; position: relative; font-size: 14px; line-height: 18px; color: #616263} .single-auction .auction-content .vehicle-info .single img {position: absolute; left: 0; top: 0; max-height: 18px;} .single-auction .auction-content .auction-info {margin-top: 23px;} .single-auction .auction-content .auction-info .single {padding-right: 50px;font-size: 15px; line-height: 24px; display: inline-block; vertical-align: top;} .single-auction .auction-content .auction-info .single strong {font-weight: 900;} .single-auction .auction-content .auction-info .single strong span {color: #2ecc71} .single-auction .options {width: 210px;} .my-account .single-auction .options {width: 300px; padding: 25px; border-left: 14px solid #f2f2f2; top: 0; right: 0; position: absolute; bottom: 0;} .my-account .single-auction .auction-content {width: calc(74% - 275px)} .single-auction .options h5 {font-size: 18px; line-height: 24px; color: #3c3d3d; font-weight: 900;} .single-auction .options .price {color: #2ecc71; margin-top: 16px; padding: 0; text-align: inherit;} .single-auction .options .price .numbers {font-size: 42px; font-weight: 900; display: inline-block;line-height: 45px; vertical-align: top;} .single-auction .options .price .currency {font-size: 22px; line-height: 18px; font-weight: 900; display: inline-block; margin: 4px 0 0 2px;} .single-auction .options .price .smaller {display: block; font-size: 15px; line-height: 14px; font-weight: 700;} .single-auction .options .button {width: 100%; max-width: 100%; margin: 64px 0 0;} .single-auction .options .button img {margin-left: 4px} .tab-content.my-info {padding: 10px 10px 30px; background: #fff;} .tab-content.my-info .input input {border: 2px solid #14529f;} .tab-content.my-info .input label {display: block; padding-bottom: 7px; line-height: 16px;} @media screen and (max-width: 1024px) { .single-auction .auction-content h2 {font-size: 20px;} .single-auction .auction-content .vehicle-info {margin-top: 26px;} .single-auction .auction-content .auction-info {margin-top: 17px;} .single-auction .options {padding-left: 20px;} .single-auction .options .price .numbers {font-size: 36px; line-height: 38px;} .single-auction .options .price .currency {font-size: 18px; line-height: 16px;} .single-auction .options .price .smaller {font-size: 13px; line-height: 12px;} .single-auction > p {font-size: 24px;} } @media screen and (max-width: 768px) { .single-auction {padding: 20px 15px;} .tab-content .nothing {padding: 20px 15px; font-size: 16px;line-height: 22px} .tab-triggers {margin-top: 20px;} .tab-triggers .trigger {font-size: 16px; padding: 10px 15px;} .tab-triggers-inner .trigger {font-size: 16px; padding: 15px;} .single-auction .picture {width: 50%;} .single-auction .auction-content, .my-account .single-auction .auction-content {padding-left: 0; width: 100%; margin-top: 20px;} .single-auction .auction-content h2 {font-size: 20px;} .single-auction .options .button {margin-top: 30px} .single-auction .options, .my-account .single-auction .options {width: 50%; position: static; border-left: 0; padding: 0 0 0 20px;} .single-auction .options, .my-account .single-auction .options {width: 100%; padding-left: 0;float: none;} .single-auction .options .price .numbers {font-size: 36px; line-height: 38px;} .single-auction .options .price .currency {font-size: 18px; line-height: 16px;} .single-auction .options .price .smaller {font-size: 13px; line-height: 12px;} .single-auction .auction-content .vehicle-info {margin-top: 15px;} .single-auction .auction-content .auction-info {margin-top: 10px;} .single-auction > p {font-size: 22px; padding-right: 20px;} .subpage .input .info .tooltip {left: calc(100% - 73px)} .subpage .input .info .tooltip:before {right: 20px} } @media screen and (max-width: 520px) { .tab-triggers {margin-top: 10px;} .single-auction {padding: 15px 10px;} .tab-content .nothing {padding: 15px 10px; font-size: 14px;line-height: 20px} .tab-triggers .trigger {font-size: 14px; padding: 7px 10px;} .tab-triggers-inner .trigger {font-size: 14px; padding: 10px;} .single-auction .options, .my-account .single-auction .options {padding-left: 10px;} .single-auction .options .button {margin-top: 10px;} .single-auction .options .price {margin-top: 12px;} .single-auction .options .price .numbers {font-size: 32px; line-height: 36px;} .single-auction .options .price .currency {font-size: 16px; line-height: 14px;} .single-auction .options .price .smaller {font-size: 11px;} .single-auction > p {font-size: 18px;} } @media screen and (max-width: 420px) { .single-auction .picture {width: 100%; float: none; margin: 0 auto} .single-auction .options {width: 100%; padding: 20px 0 0; text-align: center;} .single-auction .options .button {margin: 10px auto 0;} .single-auction > p {font-size: 16px;} } .subpage .price { padding: 17px 10px; text-align: center;} .subpage .price .numbers {font-size: 72px; line-height: 72px; font-weight: 700; display: inline-block;} .subpage .price .currency {font-size: 32px; font-weight: 700; line-height: 42px; display: inline-block;} .subpage .price .currency .smaller {font-size: 18px; line-height: 18px; font-weight: 400; display: block;} .auction-slider {position: relative; background: url('/wp-content/themes/blankslate/assets/imgs/slick_bg.png') 0 0 repeat;} .auction-slider .price {background: rgba(46,204,113,0.75); width: 446px; height: 100px; color: #fff; text-align: center; padding: 17px 10px; position: absolute; top: 66px; left: 86px;} /*.auction-slider .pictures-slider img {min-width: 1200px;}*/ .auction-slider .price .numbers {font-size: 72px; line-height: 72px; font-weight: 700; display: inline-block;} .auction-slider .price .currency {font-size: 32px; font-weight: 700; line-height: 42px; display: inline-block;} .auction-slider .price .currency .smaller {font-size: 22px; line-height: 20px; font-weight: 400; display: block;} .auction-slider .more-pictures {bottom: 66px; right: 126px; position: absolute; color: #fff; font-size: 16px; font-weight: 400; line-height: 20px; text-align: center; padding: 10px 20px; background: #2ecc71} .auction-slider .more-pictures:hover {background: #42e788} /*.auction-slider .more-pictures span {font-size: 24px; line-height: 24px; font-weight: 400; display: block;}*/ .subpage.auction {background: #f2f2f2; } .subpage.auction .top-bar {background: #fff; padding: 20px; margin-top: 20px;} .subpage.auction .slick-slide img {width: 100%; max-height: 358px;} .subpage.auction .top-bar h1 {line-height: 1.3; font-size: 40px;font-weight: 900; color: #09090a; display: inline-block; padding: 0;} /*.subpage.auction .top-bar .auction-information h5 span {color: #14529f}*/ .subpage.auction .top-bar .auction-information p {font-size: 14px; line-height: 20px; color: #2b2b2c; text-align: left; margin-top: 10px;} .subpage.auction .top-bar .auction-information p.stock {font-size: 12px; line-height: 14px; margin-top: 4px;} .subpage.auction .top-bar .auction-information p.a_number {font-size: 18px; line-height: 24px; font-weight: 700; color: #09090a; text-align: left; padding-top: 5px;margin-top: 0} .subpage.auction h2 {font-size: 30px; line-height: 1.2; font-weight: 700; color: #14529f; text-align: center;} .subpage.auction .auction-content .boxes {max-width: 880px; padding-right: 20px; width: 65%} .subpage.auction .auction-content .single-box {margin-top: 25px; padding: 25px 48px; background: #fff; text-align: left;} .subpage.auction .auction-content .single-data {min-width: calc(33.33% - 4px); max-width: calc(33.33% - 4px); vertical-align: top; display: inline-block; min-height: 44px; margin-top: 25px; padding: 0 10px 0 65px; position: relative; font-size: 18px; line-height: 22px; color: #2b2b2c; text-align: left;} .subpage.auction .auction-content .single-data .data-outer {height: 100%; width: 100%; display: table; min-height: 50px;} .subpage.auction .auction-content .single-data .data-inner {display: table-cell; vertical-align: middle;} .subpage.auction .auction-content .single-data .data-inner span {color: #14529f; display: block; } .subpage.auction .auction-content .single-data img {position: absolute; top: 50%; margin-top: -25px; left: 0;} .subpage.auction .auction-content .single-box p {font-size: 18px; line-height: 24px; margin: 50px 0 0; color: #2b2b2c; text-align: left;} .subpage.auction .auction-content .quartet .single-data {min-width: calc(33.33% - 4px);} .subpage.auction .auction-content .duet .single-data {min-width: calc(50% - 4px);} .subpage.auction .auction-content .full .single-data {min-width: calc(100% - 4px); max-width: calc(100% - 4px);} .subpage.auction .auction-content .full p {margin-top: 25px;} .popup-overlay .price, .subpage.auction .auction-content .single-box .price, .subpage.auction .auction-content .sliding-content .price {color: #2ecc71} .popup-overlay .price .numbers, .subpage.auction .auction-content .single-box .price .numbers, .subpage.auction .auction-content .sliding-content .price .numbers {font-size: 48px; line-height: 48px} .popup-overlay .price .currency, .subpage.auction .auction-content .single-box .price .currency, .subpage.auction .auction-content .sliding-content .price .currency {font-size: 22px; line-height: 30px} .popup-overlay .price .currency .smaller, .subpage.auction .auction-content .single-box .price .currency .smaller, .subpage.auction .auction-content .sliding-content .price .currency .smaller {font-size: 14px; line-height: 10px;} .subpage.auction .auction-content .sliding-content .make-offer-cnt .price .currency, .sliding-box .make-offer-cnt .price .currency {position: absolute; top: 0; right: 9px;} .sliding-box input {padding-right: 52px; padding-left: 10px;} .subpage.auction .auction-content .sliding-content .make-offer-cnt .price, .sliding-box .make-offer-cnt .price {display: inline-block; position: relative;} .subpage.auction .auction-content .single-box .seller-logo {margin-top: 20px;} .subpage.auction .auction-content .single-box .dual-price {text-align: center;} .subpage.auction .auction-content .single-box .dual-price .price {display: inline-block; padding: 17px 30px;} .subpage.auction .auction-content .single-box .dual-price .price p {margin: 0; text-align: center;} .subpage.auction .auction-content .single-box .dual-price .price.black {color: #3a3b3c} .subpage.auction .auction-content .single-box .dual-price .red {display: block; text-align: center; color: #ff0825; font-weight: 700; font-size: 14px;} .subpage.auction .auction-content .single-box .auction-story-cnt {margin-top: 0} .subpage.auction .auction-content .single-box .auction-story-cnt h4 {color: #14529f; padding-bottom: 30px; font-weight: 700; font-size: 18px; line-height: 20px;} .subpage.auction .auction-content .single-box .auction-story-cnt table {width: 100%; table-layout: fixed; border-collapse: collapse; margin-top: 20px} .subpage.auction .auction-content .single-box .auction-story-cnt td {text-align: left; padding: 13px 9px; vertical-align: middle; border-bottom: 1px solid #c2c2c2; font-size: 14px;} .subpage.auction .auction-content .single-box .auction-story-cnt td strong {font-size: 18px;} .subpage.auction .auction-content .single-box .auction-story-cnt .last td {border-bottom: 0;} .subpage.auction .auction-content .single-box .auction-story-cnt td img {margin-right: 6px; vertical-align: -3px;} .subpage.auction .auction-content .single-box .auction-story-cnt a:hover {color: #2ecc71} .subpage.auction .auction-content .more {color: #14529f; float: right; font-size: 16px; line-height: 16px; margin-top: 35px;} .subpage.auction .auction-content .more img {margin-left: 6px; vertical-align: -2px;} .subpage.auction .auction-content .more:hover {text-decoration: underline;} .subpage.auction .benefits-container {background: #fff;} .subpage.auction .benefits-container .tile .inner:before {background: url('/wp-content/themes/blankslate/assets/imgs/auction-gradient-circle.png') no-repeat top; max-width: 144px; background-size: 100% 100%} .subpage.auction .benefits-container .tile p {font-size: 18px; color: #3a3b3c; line-height: 24px; margin-top: 24px; text-align: center;} .subpage.auction .left.boxes .share-cnt {display: block; float: left; margin-top: 10px;} .subpage.auction .options-links {margin-top: 16px; font-size: 18px; line-height: 24px; color: #3a3b3c; float: right; font-weight: 700;} .subpage.auction .options-links a {margin: 0 12px;} .subpage.auction .options-links .last {margin-right: 0;} .subpage.auction .options-links a:hover {text-decoration: underline;} .subpage.auction .bottom-content {width: calc(100% + 20px); margin-right: -20px; padding-top: 20px;} .subpage.auction .bottom-content h2 {color: #2b2b2c} .subpage.auction .bottom-content .single-offer {width: 33.33%; float: left;} .subpage.auction .sliding-content {width: 35%; padding-top: 0; margin-top: 70px;} .sliding-box {border: 3px solid #2ecc71; padding: 25px 32px; background: #fff; text-align: center; color: #313131;} .sliding-box .image-container {margin-top: -84px; text-align: center;} .sliding-box .image-container img {border-radius: 50%; border: 4px solid #2ecc71} .sliding-box h2 {font-size: 40px; line-height: 46px; color: #3a3b3c; font-weight: 700; margin: 20px 0 15px;} .sliding-box .quick-info {border: 3px solid #f2f2f2; border-left: none; border-right: none; padding: 12px 0 10px; color: #8e9194; font-size: 18px; line-height: 1.3;} .sliding-box .quick-info label {padding-bottom: 0;} .sliding-box .quick-info .dot {margin: 14px 3px 0; width: 8px; height: 8px; background: #8e9194; border-radius: 50%; display: inline-block;} .sliding-box .quick-info h4 {font-size: 18px; line-height: 1.1} .sliding-box .quick-info h5 {font-size: 16px; margin-top: 2px; line-height: 1.1; font-weight: 400;color: #2ecc71} .sliding-box .quick-info span {display: block; margin-top: 2px;} .sliding-box .quick-info sup {line-height: 0; font-size: 14px;} .sliding-box .quick-info-empty {border-top: 3px solid #f2f2f2;} .sliding-box .price {margin-top: 13px; padding: 15px 0 0;} .sliding-box .price.notbuynow {margin-top: 0;} .sliding-box label {font-size: 18px; color: #8e9194; text-align: center;display: block; padding-bottom: 15px;} .sliding-box .make-offer-cnt {position: relative; padding-bottom: 15px} .sliding-box .make-offer-cnt label {padding: 15px 0 0;} .sliding-box .make-offer-cnt .price {padding: 0; color: inherit; margin: 0;} .sliding-box .make-offer-cnt .price .currency {padding-top: 22px; vertical-align: top; padding-left: 1px; color: #6a6a6a} .sliding-box input {border: 3px solid #f2f2f2; height: 58px;max-width: 204px; font-size: 30px; font-weight: 700; text-align: center; margin-top: 15px; padding-top: 2px;} .sliding-box .button {height: 86px; font-size: 40px; line-height: 86px; font-weight: 900; max-width: 100%; padding: 0; line-height: 92px; margin: 10px 0 0;} .sliding-box .button label {display: none;} .sliding-box .button.buynow-action label {width: 60px; font-size: 9px; left: -10px} .sliding-box .share-cnt {float: left; margin-top: 12px;} .sliding-box .auction-story {display: inline-block; margin-top: 5px; color: #8e9194; font-size: 14px; line-height: 24px;} .sliding-box .auction-story:hover {text-decoration: underline;} .sliding-box .auction-story img {margin-right: 4px; vertical-align: top; width: 16px;} .sliding-box .follow {display: inline-block; margin-top: 20px; color: #313131; font-size: 14px; line-height: 22px;} .sliding-box .follow:hover {text-decoration: underline; text-decoration-color: #2ecc71;} .sliding-box .follow span {/* border: 2px solid #2ecc71; */ margin-right: 4px; border-radius: 50%; width: 32px; height: 32px; display: inline-block; padding-top: 2px; display: inline-block; background: #fff} .sliding-box .follow.active span {background: #2ecc71} .sliding-box .follow span img {width: 22px; margin-top: 1px; vertical-align: top;} .popup-overlay {background: rgba(0,0,0,0.5); position: fixed;top: 0; left: 0; right: 0; bottom: 0; padding: 10px; z-index: 12} .popup-overlay .popup {padding: 40px; background: #f2f2f2;max-width: 1446px; margin: 0 auto; position: relative; max-height: calc(100vh - 20px); overflow: auto; margin-top: 50vh; transform: translateY(-50%); -ms-transform: translateY(-50%)} .popup-overlay .popup-close {position: absolute; right: 10px; top: 10px; line-height: 0;} .popup-overlay .popup-close:hover {background: #fff} .popup-overlay .popup-slider {max-width: 950px; width: 70%; padding-right: 40px;} .popup-overlay .popup-slider a:hover {opacity: 0.9} .popup-overlay .popup-slider .big-picture {display: block; padding: 3px;} .popup-overlay .popup-slider .bottom-images {font-size: 0;} .popup-overlay .popup-slider .bottom-images a {width: 16.6%; float: left; padding: 3px;} .popup-overlay .popup-slider .bottom-images a.active {border: 3px solid #2ecc71; padding: 0;} .popup-overlay .sliding-box {margin-top: 48px; width: 30%;} .popup-overlay .sliding-box .image-container img {width: 96px;} .popup-overlay .popup.popup-system {padding: 40px 36px; max-width: 934px; background: #fff;} .popup-overlay .popup.popup-system .popup-close {top: 16px; right: 16px; width: 18px} .popup-overlay .popup.popup-system .popup-close:hover {opacity: 0.8} .popup-overlay .popup.popup-system .popup-header {border-bottom: 1px solid #e9e8ec; padding-bottom: 15px;} .popup-overlay .popup.popup-system .popup-header h4 {font-size: 24px; color: #3a3b3c; line-height: 1.3; text-align: left;} .popup-overlay .popup.popup-system .popup-content {padding: 0; background: #fff;} .popup-overlay .popup.popup-system .popup-content .title {margin-top: 20px; display: inline-block;} .popup-overlay .popup.popup-system .popup-content .title h3 {font-size: 30px; line-height: 1.1; font-weight: 700; color: #14529f; text-align: left;} .popup-overlay .popup.popup-system .popup-content .title span {font-size: 14px; font-weight: 400; color: #040404; line-height: 1.1; display: block; margin-top: 10px;} .popup-overlay .popup.popup-system .popup-content .content {margin-top: 0;} .popup-overlay .popup.popup-system .popup-content .content .price {padding: 20px 0 0; vertical-align: top; display: inline-block;} .popup-overlay .popup.popup-system .popup-content .content .price-type {font-size: 14px; font-weight: 700; color: #9c9999; display: inline-block; vertical-align: top; padding:36px 5px 0;} .popup-overlay .popup.popup-system .popup-content .content .actual-price .price-type {padding-top: 30px;} .popup-overlay .popup.popup-system .popup-content .content .actual-price .price .numbers {font-size: 24px; line-height: 24px;} .popup-overlay .popup.popup-system .popup-content .content .actual-price .price .currency {font-size: 14px; line-height: 12px;} .popup-overlay .popup.popup-system .popup-content .content .actual-price .price .currency .smaller {font-size: 10px; line-height: 8px;} .popup-overlay .popup.popup-system .popup-content .content .price .numbers {font-size: 36px; line-height: 36px; font-weight: 700} .popup-overlay .popup.popup-system .popup-content .content .price .currency {font-size: 18px; line-height: 18px; font-weight: 700; display: inline-block;} .popup-overlay .popup.popup-system .popup-content .content .price .currency .smaller {font-size: 13px; line-height: 8px; font-weight: 700; display: block;} .popup-overlay .popup.popup-system .popup-content .content .right {text-align: right; max-width: 370px; margin-top: 0} .popup-overlay .popup.popup-system .popup-content .content .right.price-container {text-align: right; margin-top: 0;} .popup-overlay .popup.popup-system .popup-content .content .button {max-width: 280px; width: 280px; font-size: 30px; float: right;line-height: 60px; padding: 6px 0 0; font-weight: 900; margin-top: 20px;} .popup-overlay .popup.popup-system .popup-content .content .button img {width: 25px; vertical-align: 3px;} .popup-overlay .popup.popup-system .popup-content .content label {font-size: 14px; line-height: 15px; color: #a4a1a1} .popup-overlay .popup.popup-system .popup-content .content .actual-price .price {color: #3a3b3c} .popup-overlay .popup.popup-system .popup-content .content .max-offer .price {color: #14529f} .popup-overlay .popup.popup-system .popup-content .content .bottom-content {width: 100%; margin: 0; padding: 0 0 0;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content .left {padding-top:33px;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content .right {margin-top: 0;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content.validation {padding-top: 0;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content.validation .left {padding-top: 20px;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content.validation .right {padding-top: 0} .popup-overlay .popup.popup-system .popup-content .error-content {border: 2px solid #fa0303; color: #fa0303; font-size: 18px; margin: 20px 0 0; padding: 5px 5px 5px 30px; position: relative; display: block; text-align: center;line-height: 30px; font-weight: 700;} .popup-overlay .popup.popup-system .popup-content .error-content a {text-decoration: underline;} .popup-overlay .popup.popup-system .popup-content .error-content a:hover {color: #000;} .popup-overlay .popup.popup-system .popup-content p {padding: 10px 0 0; text-align: center;} .popup-overlay .popup.popup-system .popup-content h3 {text-align: center;} .popup-overlay .popup.popup-system .popup-content .left {max-width: 368px; width: 50%;} .popup-overlay .popup.popup-system .popup-content .error-content.neutral {border-color: #d2a905; color: #d2a905; display: block; text-align: left; padding-left: 40px;} .popup-overlay .popup.popup-system .popup-content .error-content.good {border-color: #2ecc71; color: #2ecc71} .popup-overlay .popup.popup-system .popup-content .error-content img {position: absolute; left: 5px; top: 9px; width: 20px} .popup-overlay .popup.popup-system .popup-content .buttons-cnt {margin-top: 20px; text-align: center;} .popup-overlay .popup.popup-system .popup-content .buttons-cnt .button {display: inline-block; margin: 0 3px 10px;} .popup-overlay .popup.popup-system .popup-content .buttons-cnt .popup-close-link:hover {text-decoration: underline;} .popup.popup-system.telephones-popup-container {max-width: 940px; min-height: 320px;} .popup.popup-system.telephones-popup-container .telephones-popup-content { display: inline-block; width: 100%; margin-top: 30px;} .telephones-popup-container.popup.popup-system .popup-content.telephones-popup-content p{text-align: left; padding-left: 65px; display: inline-block; vertical-align: top; padding-top: 10px; font-size: 20px; overflow: hidden; max-width: 380px;} .telephones-popup-content .telephones-container {display: inline-block; width: 49%; text-align: left; margin-bottom: 20px; position: relative;} .telephones-popup-content .telephones-container img {width: 50px; height: 50px; margin-right: 20px; display: inline-block; position: absolute;} .telephones-popup-container.popup.popup-system .popup-content.telephones-popup-content a:hover {text-decoration: underline;} .telephones-popup-content .telephones-container .sellers-telephone span {font-weight: 700; display: block; text-align: left;} .popup-overlay .popup.newsletter {max-width: 936px; height: 476px; top: 0; margin-top: calc(50vh - 238px); overflow: visible; padding: 0;} .popup-overlay .popup.newsletter .popup-content {padding: 150px 10px 100px; background: url('/wp-content/themes/blankslate/assets/imgs/newsletter-popup-background.jpg') no-repeat left; overflow: auto; height: 100%;} .popup-overlay .popup.newsletter .popup-close {background: #fff;} .popup-overlay .popup.newsletter .popup-close:hover {opacity: 0.7} .popup-overlay .popup.newsletter h2 {font-size: 58px; font-weight: 900; line-height: 70px; color: #fff; text-align: center;} .filter-options #limit ~ .select2-container{width: auto!important} .popup-overlay .show-tel-numbers {cursor: pointer; margin-top: 30px; background: #F1F8FF; align-items: center; display: flex; justify-content: center; width: 100%; max-width: 405px; height: 55px; } .popup-overlay .show-tel-numbers p {margin-left: 15px; font-weight: 700; color: #00529C; font-size: 16px;} .popup-overlay .show-tel-numbers:hover p {margin-left: 15px; font-weight: 700; color: #00529C; font-size: 16px; text-decoration: underline; text-decoration-color: #00529C;} .popup-overlay .ask-box {cursor: pointer; background: #00519B; align-items: center; display: flex; justify-content: center; width: 100%; max-width: 405px; height: 55px; margin-top: 10px;} .popup-overlay .ask-box:hover {background-color: #4f87cb;} .popup-overlay .ask-box p {color: #fff; font-size: 16px; font-weight: 700;} .subpage.auction .auction-content .single-box.contact-us{margin-bottom: 10px} .subpage.auction .auction-content .single-box.contact-us .contact-input{border:4px solid #f2f2f2;display: inline-block;width: 100%;max-width: 100%;margin-top: 30px} .subpage.auction .auction-content .single-box.contact-us .input-half{max-width: 48%;width: 100%} .subpage.auction .auction-content .single-box.contact-us .contact-input.contact-textarea{padding: 30px 20px 70px;} .inline-box{position: absolute;margin: 0;right: 26%;top: 13%;cursor: pointer} .inline-box:hover img{opacity: .9;} .overlay .outer > .inner{position: relative} .movie-box{height: 55vh;padding: 10px 0px 0;max-width: 930px;margin: 0 auto;} .contact-container .contact-info{padding: 20px;} .contact-container .contact-info .single{color: #12529f;margin-top: 0;vertical-align: text-top;} .contact-info{width: 100%;background-color: #fff} .contact-container .contact-info .single img{top: 4px;} .contact-container .contact-info .single img.c-mail-icon{top: 15px;} .contact-container h2{color: #fff;} .subpage.auction .auction-content .single-box.contact-us .input-box{position: relative} .subpage.auction .auction-content .single-box.contact-us .input-error{display: none;position: absolute;bottom: -18px;left: 0;font-size: 12px;color:#FF0000} .subpage.auction .auction-content .single-box.contact-us .input-error.input-bad{display: block;} .subpage.auction .auction-content .single-box p.after-send-text{text-align: center;margin:50px 0} .contact-container .overlay{background-image: none;background-color: #1756a1} .addthis_inline_share_toolbox{clear: none!important;display: inline-block} .subpage.auction .options-links{margin-top: 0} /*NEW VERSION*/ #HEADER .bottom-header.middle-nav {background: #fff; height: 95px; display: flex; align-items: center;} #HEADER .bottom-header.middle-nav .bigpage {flex-basis: 100%;} #HEADER .bottom-header.middle-nav .bigpage .right-side-nav { min-width: 380px; display: flex; justify-content: flex-end; align-items: center;} #HEADER .bottom-header.middle-nav .bigpage .right-side-nav a { margin: 0; display: flex; justify-content: space-between; align-items: center; height: auto; } #HEADER .bottom-header.middle-nav .bigpage .right-side-nav a .login-box {color: #000; border: 1px solid #D9D9D9; flex-basis: 139px; height: 53px; width: 139px; display: flex; justify-content: space-evenly; align-items: center;} #HEADER .bottom-header.middle-nav .bigpage .right-side-nav a .login-box:hover {color: #6a6a6a;} #HEADER .bottom-header.middle-nav .bigpage .right-side-nav a .lang-box{ position: static; color: #000; border: 1px solid #D9D9D9; max-width: 71px; height: 53px;width: 71px; display: flex; justify-content: space-evenly; align-items: center;} #HEADER .bottom-header.middle-nav .bigpage .right-side-nav a .lang-box:hover {color: #6a6a6a;} #HEADER .bottom-header.middle-nav .bigpage .right-side-nav a .login-box img, #HEADER .bottom-header.middle-nav .bigpage .right-side-nav a .lang-box img {position: static;} #HEADER .bottom-header.middle-nav .bigpage .right-side-nav a .login-box.reg-box {margin: 0 10px;} #HEADER .bottom-header.middle-nav .logo {margin-top: 5px;} #HEADER .second-nav {display: block; height: 60px; width: 100%; background: rgba(0, 0, 0, 0.8); } #HEADER .second-nav .second-nav-link-container {margin:0 auto; font-weight: 300; display: flex; height: 60px; width: 100%;justify-content: flex-start; align-items: center; max-width: 1376px;} #HEADER .second-nav .second-nav-link {font-size: 15px; font-weight: 300; height: 60px; padding: 0 15px; color: #fff; display: flex; justify-content: space-between; align-items: center; border-left: 1px solid #757575; text-transform: uppercase} #HEADER .second-nav .second-nav-link.last-second-nav-link {border-right: 1px solid #757575} #HEADER .bottom-header.middle-nav .bigpage .right-side-nav a .login-box p{line-height: 1} #HOME-container #MAIN_TOP .overlay {position: static;} /* #HOME-container .banner-slider-container {display: none} */ #HOME-container .second-banner.banner-slider-container {display: block;} #HOME-container .banner-slider { width: 100%; height: 618px; position: relative;} #HOME-container .banner-slider .banner-content {z-index: 2; padding: 75px 40px; position: absolute; width: 100%; max-width: 508px; height: 334px; background-color: #fff; margin: auto; top: 0; right: auto; left: 0; bottom: 0; opacity: 0.9;} #HOME-container .banner-slider .banner-content .banner-content-header {color: #000; font-size: 48px; font-weight: 700;} #HOME-container .banner-slider .banner-content .banner-content-description {color: #000; font-size: 28px; margin: 35px 0;} #HOME-container .banner-slider .banner-content a {color: #42cc71; border: 1px solid #42cc71; width: 100%; max-width: 100px; height: 50px; display: flex; justify-content: center; align-items: center;} #HOME-container .banner-slider-container .banner-slider .banner-content-container .banner-content a {min-width: 160px;} #HOME-container .banner-slider .banner-content-container {max-width: 1376px; width: 100%; max-width: 1376px; width: 100%; margin: 0 auto; height: 618px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;} #HOME-container .banner-slider .banner-slider-photo {position: absolute; top: 0px; right: 0; left: 0; width: 1905px; height: 618px;} .slick-dots {bottom: 25px !important;} .slick-dots li button {background-color: #fff /* !important */; border-radius: 50% !important; margin: 0 !important;} .slick-dots li {border-radius: 50% !important;} .slick-dots .slick-active button {background: #42cc71 !important;} .slick-dots li.slick-active button:before {color: #42cc71 !important;} .slick-dots li button:before {color: #fff !important;} .slick-slider {margin: 0 !important;} /* #HOME-container .second-banner.banner-slider-container {display: block !important;} */ #HOME-container .second-banner.banner-slider-container .banner-content-container { display: block; max-width: 1920px; margin: 0 auto; position: relative;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content { display: flex;max-width: 722px; height: 618px; background-color: #0059A7; opacity: 1;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content .banner-content-header {font-size: 48px; color: #fff; font-weight: 700;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content .banner-content-description {color: #fff; font-weight: 300;} #HOME-container .second-banner.banner-slider-container .banner-slider-photo {top: 0px; right: 0; left: auto; width: 1185px; height: 618px; position: absolute;} #HOME-container .second-banner.banner-slider-container .banner-text-container {padding-top: 70px; max-width: 400px; height: 300px; margin: auto;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content a {font-weight: 300; background-color: #42cc71; color: #fff; max-width: 180px; height: 50px; } #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content a:hover {background: #42e788;} #HOME-container .overlay.search-container {background-color: #F2F2F2; padding: 35px 0px;} #HOME-container .slick-dots li button:before {content: "";} #HOME-container .overlay.search-container .search-box .tabs-cnt {width: 200px; } #HOME-container .overlay.search-container .search-box .tabs-cnt a.active {color: #000; font-weight: 700; border-left: 2px solid #42cc71; background: #fff;} #HOME-container .overlay.search-container .search-box .tabs-cnt a {font-size: 14px; font-weight: 700;color: #000; max-height: 90px; background: #E4E4E4;} #HOME-container .overlay.search-container .search-box .search-inner {padding: 50px 55px 27px; background-color: #fff; min-height: 368px; max-width: 1165px; width: 100%;/* background: #fff; */float: right;} #HOME-container .overlay.search-container .search-box .select-cnt input {max-width: 100px; height: 45px; border: #e3e3e3 1px solid;} #HOME-container .overlay.search-container .search-box .select-cnt.split {max-width: 230px; margin-right: 0px; height: 45px;} #HOME-container .overlay.search-container .search-box .inputs-cnt {float: right;} #HOME-container .overlay.search-container .search-box .select-cnt {width: 46%;} #HOME-container .overlay.search-container .search-box .select-cnt label {color: #000; font-weight: 700;} #HOME-container .overlay.search-container .search-box .search-header {float: left; color: #000; padding-left: 110px; font-size: 36px; width: 55%; font-weight: 700; display: inline-block;} #HOME-container .overlay.search-container .search-box .radios-cnt {text-align: right; display: inline-block; width: 40%;} #HOME-container .overlay.search-container .search-box button {height: 45px; max-width: 200px; margin: 54px 0 0 3px; padding: 0;} #HOME-container .overlay.search-container .search-box .radio label, .advanced-search .radio label {border: 1px solid #23cc71; color: #2ecc71; font-size: 14px; border-radius: 5px; text-align: center; min-height: 35px; max-width: 110px; width: 100%; padding: 6px 5px 0px; background: #fff;} #HOME-container .overlay.search-container .radio label:before, .advanced-search .radio label:before {border: none; } #HOME-container .overlay.search-container .radio input[type=checkbox]:checked + label, .advanced-search .radio input[type=checkbox]:checked + label {background-color: #2ecc71; color: #fff;} .popup-overlay .popup-contact-with-seller-close {top: 16px; right: 16px; width: 18px; position: absolute; line-height: 0;} .radio input:checked + label:after { background: #2ecc71; content: ""; position: absolute; left: 5px; top: 5px; border-radius: 50%; width: 11px; height: 11px; transform: scale(0); transform-origin: center; transition: 250ms ease all;} #HOME-container .overlay.search-container .search-box .radio label img, .advanced-search .radio label img {display: none} #HOME-container .overlay.search-container .radio input[type=checkbox]:checked + label img, .advanced-search .radio input[type=checkbox]:checked + label img {display: inline-block} #HOME-container .overlay.search-container .radio input[type=checkbox]:checked + label{ background-color: #2ecc71;color: #fff;} #HOME-container .overlay.search-container .radio label:before, .advanced-search .radio label:before{opacity: 0;transform: scale(0);} #HOME-container .overlay.search-container .radio input:checked + label:after, .advanced-search .radio input:checked + label:after {background: transparent;} #HOME-container .overlay.search-container .select2-container--default .select2-selection--single {border: #e3e3e3 1px solid;} #HOME-container .overlay.search-container .search-box .radio {margin-right: 10px;} #HOME-container .overlay.search-container .search-box .radio:nth-last-child{margin-right: 0px;} #HOME-container .overlay.search-container .search-box .select-cnt {margin: 30px 25px 0 0;} .benefits-container .overlay {padding: 35px 0;} #HOME-container .benefits-container h2 {font-weight: 700;} /* #HOME-container .overlay.search-container .search-box .radio label img {display: none;} */ #HOME-container .benefits-container .tile .inner p{font-size: 22px; font-weight: 400; margin-left: 0; position: static; line-height: 1.2; margin-top: 40px; max-width: 270px; width: 100%;color: #000;text-shadow: none} #HOME-container .benefits-container {background-color: #fff; /* padding: 20px 0; */} #HOME-container .benefits-container .tile {border-right: 1px solid #EBEBEB; padding: 0 30px;} #HOME-container .benefits-container .tile.last-tile {border-right: none;} /* #HOME-container .truck-icon-active {display: none;} */ #HOME-container .promo-container h2 {font-weight: 700;} #HOME-container .promo-container {padding: 35px 0; background: #ebebeb;} #HOME-container .promo-container .promo-box-container {display: flex;justify-content: flex-start; background: #ebebeb;} #HOME-container .promo-container .promo-box-container .promo-box {background: #fff; max-width: 428px; min-width: 428px; width: 100%; height: 396px;} #HOME-container .promo-container .promo-box-container .promo-box img {width: 428px; height: 240px;} #HOME-container .promo-container .promo-box-container .promo-box p {font-size: 30px; padding: 25px;} #HOME-container .promo-container .promo-box-container .promo-box a {font-size: 14px; margin-bottom: 25px; font-weight: 300; margin-left: 25px; color: #fff; border: 1px solid #2ecc71;background-color: #2ecc71; width: 100%; max-width: 170px; height: 40px; display: flex; justify-content: center; align-items: center;} #HOME-container .promo-container .promo-box-container .promo-box a:hover {background-color: #42cc71;} .news-section {padding: 35px 0; background: #f1f1f1 !important;} .news-section h2 {font-weight: 700; font-size: 48px; } .news-section .news-box-container {margin-top: 35px; display: flex;justify-content: flex-start;} .news-section .news-box-container.articles-container {flex-wrap: wrap;} .news-section .news-box-container .news-box {background: #fff; max-width: 428px; min-width: 428px; width: 100%; height: 520px;} .news-section .news-box-container .news-box img {width: 428px; height: 240px;} .news-section .news-box-container .news-box .news-header {font-size: 30px; padding: 25px; min-height: 120px;} .news-section .news-box-container .news-box .news-description {font-size: 16px; color: #828282; padding: 25px; padding-top: 0px;min-height: 82px} .news-section .news-box-container .news-box > a {font-size: 14px; margin-bottom: 25px; font-weight: 300; margin-left: 25px; color:#42cc71; border: 1px solid #42cc71; width: 100%; max-width: 140px; height: 40px; display: flex; justify-content: center; align-items: center;} .news-section .news-box-container .news-box.promotion_box{max-height: 425px} #HOME-container .stats-container .tile .counting {color: #0059A7;} #HOME-container .stats-container .tile {border-right: 2px solid #EBEBEB;} #HOME-container .stats-container .tile {color: #4A94D5; padding: 40px 0px;} #HOME-container .stats-container .tile.last-tile {border-right: none;} #HOME-container .stats-container .overlay {padding: 80px 0;} #FOOTER {background-color: #2b2b2b;} #FOOTER .footer-container .footer-box .footer-logo {margin-bottom: 20px;} #FOOTER .footer-container {background-color: #2b2b2b; padding: 75px 0;display: flex; justify-content: space-between; align-items: center;} #FOOTER .footer-container .footer-box {height: 200px; flex-basis: 31%; border-right: 1px solid #5B5B5B; padding: 0 20px;} #FOOTER .footer-container .footer-box .footer-links a {padding: 16px 0 0; font-weight: 300; font-size: 14px; color: #909090; display: inline-block; width: 49%;} #FOOTER .footer-container .footer-box .footer-links-md a {position: relative; top: -20px; padding: 16px 0 0; font-weight: 300; font-size: 14px; color: #909090; display: inline-block; width: 99%;} #FOOTER .footer-container .footer-box .footer-links-md a:hover {color: #fff;} @media screen and (max-width: 1200px) { #FOOTER .footer-container .footer-box .footer-links-md a {top: -10px;} } #FOOTER .footer-container .footer-box.footer-social-media {flex-basis: 7%;border-right: none;} #FOOTER .footer-container .footer-box .newsletter input {float: left; margin-top: 10px; display: inline-block; width: 242px; height: 45px;} #FOOTER .footer-container .footer-box .newsletter button {margin-top: 10px; border: none; display: inline-block;font-size: 14px; width: 80px; height: 45px; background-color: #0059A7; color: #fff; justify-content: center; align-items: center;} #FOOTER .footer-container .footer-box .newsletter button:hover {background-color: #0059A7; } #FOOTER .footer-container .footer-box .footer-row {margin-bottom: 40px;} #FOOTER .footer-container .footer-box.footer-box-padding-top {padding-top: 20px;} #FOOTER .footer-container .footer-box .footer-row p {color: #909090; font-size: 13px; padding-bottom: 5px;} #FOOTER .footer-container .footer-box .footer-row a {color: #fff; font-size: 18px; margin-top: 5px;} #FOOTER .footer-container .footer-box .footer-row .footer-address {color: #fff; font-size: 18px;} #FOOTER .footer-container .footer-box .newsletter-header {font-size: 18px; color: #fff; padding-bottom: 30px;} #FOOTER .footer-container .footer-box .newsletter-description {font-size: 16px; color: #909090; padding-bottom: 30px;} /* CUSTOM FOOTER FRESHMAIL */ #FOOTER .footer-container .footer-box .form_subscribe > div {width: auto!important;} #FOOTER .footer-container .footer-box .form_subscribe > p {margin: 0!important;} #FOOTER .footer-container .footer-box .form_subscribe input {float: left; margin-top:0;} #FOOTER .footer-container .footer-box .form_subscribe input.field::-webkit-input-placeholder { padding-left:15px; color: #666666;font-size: 18px;} #FOOTER .footer-container .footer-box .form_subscribe button.form_subscribe_button {float: left; font-weight:bold;} #FOOTER .footer-container .footer-box .form_subscribe .message_error {margin:10px 0;display: inline-block;} @media screen and (max-width: 1366px) { #FOOTER .footer-container .footer-box .form_subscribe input {width: 190px!important;} #FOOTER .footer-container .footer-box .form_subscribe button.form_subscribe_button {width: 70px!important;} } /* END CUSTOM FOOTER FRESHMAIL */ #HEADER .right.mobile-trigger-version #mobile-trigger.active:hover:before {background: #000;} .offers-cnt .single.no-float {float: none; margin: 0 auto; display: inline-block; width: 24%;} #HOME-container .last-row {width: 100%; margin:0 auto;} /*#HOME-container .search-box .radio .white-check {display: none;}*/ /*#HOME-container .search-box .radio .white-check.active {display: inline-block;}*/ #HOME-container .overlay.search-container .search-box .tabs-cnt {display: inline-block; position: relative;} #HOME-container .overlay.search-container .search-box .search-inner {width: calc(100% - 200px); display: inline-block;} #HOME-container .overlay.search-container .search-box .search-header {padding-left: 0px} #HOME-container .overlay.search-container .search-box .select-cnt input {float: none;} #HOME-container .overlay.search-container .search-box .select-cnt.split {height: auto;} /* #HOME-container .overlay.search-container .search-box .select-cnt {width: 34%;} */ #HOME-container #MAIN_TOP .overlay .search-box {padding-left: 0;} #HOME-container .overlay.search-container .search-box .inputs-cnt {float: none;} #HOME-container .overlay.search-container .search-box .radios-cnt {text-align: center;} #HOME-container .page.offers-container {display: flex; justify-content: space-between;} #HOME-container .offers-cnt .small-tiles {justify-content: space-between; display: flex; flex-wrap: wrap; flex-basis: 49%; float: none; width: auto; margin-right: 0px; max-width: none; } #HOME-container .offers-cnt .single.highlighted {min-width: auto; height: auto; float: none; width: auto; flex-basis: 49.3%;} #HOME-container .offers-cnt .small-tiles .single {flex-basis: 48%;} #HOME-container .offers-cnt .small-tiles .single .content {min-height: 180px; position: relative; overflow: hidden; max-width: 330px; width: 100%;} #HOME-container .offers-cnt .small-tiles .single .content > img {min-height: 180px; max-width: none; position: absolute;bottom: 0; right: 0;} #HOME-container .offers-cnt .single.highlighted .content {min-height: 370px; max-width: 630px; width: 100%; overflow: hidden; position: relative;} #HOME-container .offers-cnt .single.highlighted .content > img {max-width: none;/* min-height: 350px; */position: absolute; bottom: 0; right: 0;} #HOME-container .offers-cnt .last-row .single .content {min-height: 180px; position: relative; overflow: hidden; max-width: 330px; width: 100%;} #HOME-container .offers-cnt .last-row .single .content > img {min-height: 180px; max-width: none; position: absolute;bottom: 0; right: 0;} #HOME-container .overlay.search-container .search-box #div .select-cnt.select-div{width: 49%} #HOME-container .overlay.search-container .search-box #div.truck .select-cnt.select-div{width: 47%} /*#HOME-container .overlay.search-container .search-box .radio img{display: none}*/ /*#HOME-container .overlay.search-container .search-box .radio img.active{display: inline-block}*/ #HOME-container .offers-cnt .single { float: none; min-width: auto;} #HOME-container .last-row {flex-basis: 100%; display: flex; margin: 0px auto 20px; justify-content: space-between;} #HOME-container .last-row .single { min-height: 245px; padding: 0; justify-content: space-between; min-width: auto; width: auto;margin: 0; flex-basis: 23.7%;} #HOME-container .offers-cnt .single {margin-top: 20px; padding: 0; width: auto; max-width: none;} .benefits-container .overlay {min-height: 420px;} /* #HOME-container .offers-cnt .single .content {position: relative; width: 330px; height: 180px;} #HOME-container .offers-cnt .single .content {position: absolute; top: 0; left: 0; width: 100%; } */ #HOME-container .offers-cnt .bottom .single {text-align: left; padding: 10px 0 10px 40px;} #HOME-container .last-row .bottom .price {height: 37px; max-width: 130px; top: -37px} #HOME-container .last-row .bottom .price .numbers {font-size: 21px; line-height: 21px;} #HOME-container .last-row .bottom .price .currency {font-size: 10px; line-height: 10px;} #HOME-container .last-row .bottom .price .currency .smaller {font-size: 7px; line-height: 7px;} /* #HOME-container .last-row .single {min-width: 343px;} */ #HOME-container .last-row .single .follow, .single-auction .picture .follow { right: 25px;top: 86px; width: 37px; height: 37px; padding: 3px 0 0 1px;line-height: 37px;} /* #HOME-container .offers-cnt .single .content {position: relative;} #HOME-container .offers-cnt .single .content img {position: absolute; top: 0; left: 0;} */ #HEADER .second-nav .second-nav-link:hover {color: #909090;} #HOME-container .overlay.search-container .search-box .radio label:hover {color: #fff; background-color: #23cc71;} /* #HOME-container .promo-container .promo-box-container .promo-box a:hover {background-color: #23cc71;} */ #HOME-container .promo-container .promo-box-container .promo-box a {background: #2ecc71; border: #2ecc71;} #HOME-container .promo-container .promo-box-container .promo-box a:hover {background: #42e788;} .news-section .news-box-container .news-box > a:hover {color: #fff; background: #42cc71;} #FOOTER .footer-container .footer-box .footer-links a:hover {color: #fff;} #FOOTER .footer-container .footer-box .footer-row a:hover {color: #909090;} #HOME-container .truck .truck-sprite {transition: none; margin: 15px auto; display: block; text-align:center; background: url('/wp-content/themes/blankslate/assets/imgs/truck-sprite.png'); width: 50px; height: 30px; background-position: top;} #HOME-container .truck.active .truck-sprite {background-position: bottom; width: 50px; height: 30px; display: block;} #HOME-container .heavy .heavy-sprite {transition: none; margin: 15px auto; display: block; text-align:center; background: url('/wp-content/themes/blankslate/assets/imgs/heavy-sprite.png'); width: 67px; height: 27px; background-position: top;} #HOME-container .heavy.active .heavy-sprite {background-position: bottom; width: 67px; height: 27px; display: block;} #HOME-container .trailer .trailer-sprite {transition: none; margin: 15px auto; display: block; text-align:center; background: url('/wp-content/themes/blankslate/assets/imgs/trailer-sprite.png'); width: 52px; height: 28px; background-position: top;} #HOME-container .trailer.active .trailer-sprite {background-position: bottom; width: 52px; height: 28px; display: block;} #HOME-container .tractor .tractor-sprite {transition: none; margin: 15px auto; display: block; text-align:center; background: url('/wp-content/themes/blankslate/assets/imgs/tractor-sprite.png'); width: 48px; height: 25px; background-position: top;} #HOME-container .tractor.active .tractor-sprite {background-position: bottom; width: 48px; height: 25px; display: block;} #HOME-container #HEADER .bottom-header.middle-nav .bigpage .right-side-nav a:hover p {color: #6a6a6a;} #FOOTER .footer-container .footer-box .newsletter button:hover {background-color: #4f87cb; cursor: pointer;} #HOME-container .second-slider.banner-slider .banner-content a:hover { background: #42e788;} #HOME-container .banner-slider .banner-content a:hover {background: #42cc71; color: #fff;} #HOME-container .select2-container--default .select2-selection--single .select2-selection__rendered {color: #000 !important;} #HOME-container .read-all, .news-section .read-all {width: 180px; height: 40px; text-align: center; border: 1px solid #A6A6A6; font-size: 14px; display: flex; justify-content: center; align-items: center; margin: 50px auto 30px;} #HOME-container .read-all:hover, .news-section .read-all:hover {background-color: #a6a6a6; color: #fff;} .news-section .news-box-container.articles-container .news-box {display: none; margin-bottom: 30px;} .news-section .news-box-container.articles-container .news-box.display {display: block;} #HOME-container #MAIN_TOP .overlay .search-box .select-cnt.smaller {vertical-align: bottom;} #HOME-container .overlay.search-container .search-box .select-cnt input {height: 40px;} #HOME-container .overlay.search-container .search-box .select-cnt {width: 30%;} #HOME-container .overlay.search-container .search-box .select-cnt.split {vertical-align: bottom;} /*#HOME-container .overlay.search-container .search-box #div.truck .select-cnt.select-div {max-width: 285px;}*/ #HOME-container .overlay.search-container .search-box #div.truck .select-cnt.smaller {max-width: 285px;} #HEADER.scrolled .bottom-header.middle-nav {height: 45px;} #HEADER.scrolled .second-nav .second-nav-link {height: 40px;} #HEADER.scrolled .second-nav-link-container {height: 40px;} #HEADER.scrolled .second-nav {height: 40px;} #HEADER.scrolled .bottom-header.middle-nav {height: 55px;} #HEADER.scrolled .logo {width: 100px; } #HEADER.scrolled .right {position: static;} #HEADER.scrolled .bottom-header.middle-nav .bigpage .right-side-nav a .login-box {height: 40px;} #HEADER.scrolled .bottom-header.middle-nav .bigpage .right-side-nav a .login-box p{line-height: 1} #HEADER.scrolled .bottom-header.middle-nav .bigpage .right-side-nav a .lang-box {height: 40px;} #HEADER.scrolled .bottom-header.middle-nav .logo {margin-top: 10px;} #FOOTER .footer-box a .fb-sprite {display: block; transition: none; width: 40px; margin-bottom: 10px; height: 40px; background: url('/wp-content/themes/blankslate/assets/imgs/fb-sprite.jpg'); background-position: top;} #FOOTER .footer-box a .fb-sprite:hover {background-position: bottom; width: 40px; height: 40px; display: block;} #FOOTER .footer-box a .yt-sprite {display: block; transition: none; width: 40px; margin-bottom: 0px; height: 40px; background: url('/wp-content/themes/blankslate/assets/imgs/yt-sprite.jpg'); background-position: top;} #FOOTER .footer-box a .yt-sprite:hover {background-position: bottom; width: 40px; height: 40px; display: block;} .sliding-content.new-panel .sliding-box .image-container {margin-top: 10px;} .sliding-content.new-panel .sliding-box .image-container img {border: 4px solid #D4E4DE;} .sliding-content.new-panel .sliding-box h2 {font-size: 30px;color: #000} .sliding-content.new-panel .sliding-box .price .currency .smaller.smaller-new {display: inline-block; padding-left: 10px; font-size: 24px;} .sliding-content.new-panel .sliding-box .price .currency.new-currency {font-size: 48px; padding-left: 10px;} .sliding-content.new-panel .sliding-box .price {margin-top: 0; padding: 0 0 15px;} .sliding-content.new-panel .show-tel-numbers {cursor: pointer; margin-top: 30px; background: #F1F8FF; align-items: center; display: flex; justify-content: center; width: 100%; max-width: 405px; height: 55px; } .sliding-content.new-panel .show-tel-numbers p {margin-left: 15px; font-weight: 700; color: #00529C; font-size: 16px;} .sliding-content.new-panel .show-tel-numbers:hover p {margin-left: 15px; font-weight: 700; color: #00529C; font-size: 16px; text-decoration: underline; text-decoration-color: #00529C;} .sliding-content.new-panel .ask-box {cursor: pointer; background: #00519B; align-items: center; display: flex; justify-content: center; width: 100%; max-width: 405px; height: 55px; margin-top: 10px;} .sliding-content.new-panel .ask-box:hover {background-color: #4f87cb;} .sliding-content.new-panel .ask-box p {color: #fff; font-size: 16px; font-weight: 700;} .sliding-content.new-panel .follow bdi {color: #2ecc71; font-weight: 700;} .sliding-content.new-panel .sliding-box .follow {background-color: #F1F9F5; padding: 8px; border-radius: 2px;} .sliding-content.new-panel .sliding-box .follow span {border: none; width: 17px; height: 16px;} .news-section .news-box-container .news-box .news-box-img {max-width: 428px; height: 240px; position: relative; overflow: hidden;} .news-section .news-box-container .news-box .news-box-img img {max-width: none; width: auto; height: auto; position: absolute; top: 0; left: 0;} #HOME-container .promo-container .promo-box-container .promo-box .promo-box-img {max-width: 428px; height: 240px; position: relative; overflow: hidden;} #HOME-container .promo-container .promo-box-container .promo-box .promo-box-img img {max-width: none; width: auto; height: auto; position: absolute; top: 0; right: 0;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content {display: block; max-width: 740px;} /*#HOME-container .second-banner.banner-slider-container .banner-slider img { width: auto; height: 618px;}*/ #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content {padding-top: 200px; padding-left :200px;} #HOME-container .banner-slider {max-width: 1920px; margin: 0 auto;} #HOME-container .banner-slider-container .banner-slider img {position: absolute; top: 0; right: 0; max-width: none;} #HOME-container .main-slider {height: 618px;} #mdiv { width: 25px; height: 25px; } .mdiv { height: 25px; width: 2px; margin-left: 12px; background-color: #828282; transform: rotate(45deg); Z-index: 1; } .md { height: 25px; width: 2px; background-color: #828282; transform: rotate(90deg); Z-index: 2; } #mdiv:hover .mdiv {background-color: #000;} #mdiv:hover .md {background-color: #000;} /* CUSTOM SLICK SLIDER*/ #HOME .main-slider {opacity: 0} #HOME .main-slider {overflow: hidden;} /* END CUSTOM SLICK SLIDER*/ #contact-with-seller.popup-overlay {display: none; /* max-width: 475px; width: 100%; */ padding: 35px 50px;} .with-seller-info.popup-overlay .popup.popup-system {max-width: 475px; padding: 0;} #contact-with-seller.popup-overlay.active {display: block;} #contact-with-seller .contact-with-seller-top { background: #e4e4e4; min-height: 160px; padding: 35px; text-align: center;} #contact-with-seller .contact-with-seller-top img {text-align: center; margin-bottom: 10px;} #contact-with-seller .contact-with-seller-top p {font-size: 24px; font-weight: 700; text-align: center; vertical-align: bottom;} #contact-with-seller .contact-with-seller-bottom {padding: 25px; } #contact-with-seller .contact-with-seller-bottom .contact-box-info {max-width: 410px; width: 100%;margin-top: 10px; height: 60px; background: #F2F8FF; padding: 10px 30px; display: flex; justify-content: space-between; align-items: center;} #contact-with-seller .contact-with-seller-bottom .contact-box-info .left-contact-box-info {display: flex; align-items: center; flex-basis: 60%;} #contact-with-seller .contact-with-seller-bottom .contact-box-info .left-contact-box-info a {font-size: 18px; color: #1f5aaa; font-weight: 700; margin-left: 20px;} #contact-with-seller .contact-with-seller-bottom .contact-box-info .left-contact-box-info a:hover {text-decoration: underline;} #contact-with-seller .contact-with-seller-bottom .contact-box-info .right-contact-box-info {padding: 0; display: block; flex-basis: 38%; text-align: right; font-size: 16px; color: #1f5aaa;} #HOME-container .slick-dots li button {padding: 0; background: #fff;} #HOME-container .slick-dots li button:hover { background: #42e788;} #HOME-container .slick-dots li:hover { background: #42e788;} #HOME-container .promo-box:nth-child(2){ margin: 0 30px;} .news-box:nth-child(2){ margin: 0 30px;} .news-section .news-box-container.articles-container .news-box:nth-child(3n+2) {margin: 0 30px;} .right.text-content * {font-family: 'RobotoCondensed', sans-serif !important;} .news-section .blue-banner {background: url('/wp-content/themes/blankslate/assets/imgs/articles-background.jpg'); background-size: cover; height: 200px; max-width: 1920px; margin: 60px auto 0; display: flex; align-items: center; justify-content: center;} .news-section .blue-banner h1 {color :#fff; text-align: center; font-weight: 700; font-size: 48px; margin-top: 50px; } .scroll-bar-wrap { width: 100%; position: relative; } .scroll-box { height: auto;overflow-y: scroll; } .scroll-box::-webkit-scrollbar{ width: 0px; } .scroll-box::-webkit-scrollbar, .scroll-box::-webkit-scrollbar-thumb { overflow:visible; border-radius: 4px; } .scroll-box::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.8); } .scroll-bar-wrap:hover .cover-bar { opacity: 0; -webkit-transition: all .5s; } .checkbox [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1);} .checkbox [type="checkbox"]:not(:checked), .checkbox [type="checkbox"]:checked { position: absolute; left: -9999px; } .checkbox [type="checkbox"]:not(:checked) + label,.checkbox [type="checkbox"]:checked + label {cursor: pointer; } .checkbox [type="checkbox"]:not(:checked) + label:before, .checkbox [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 16px; height: 16px; border: 2px solid #eaecef; background: #fff;border-radius: 4px} .checkbox [type="checkbox"]:not(:checked) + label:after, .checkbox [type="checkbox"]:checked + label:after { content: '';position: absolute;top: 4px;left: 4px;width: 8px;height: 8px;background: #00529c;margin: auto;border-radius: 2px;} .checkbox [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .checkbox [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1);} #contact-with-seller .contact-with-seller-bottom .contact-box-info{position: relative;margin-right: 0;padding-left: 50px;width: 100%;max-width: 100%;padding-right: 15px;flex-direction: row-reverse; font-size: 16px;color: #1f5aaa;} #contact-with-seller .contact-with-seller-bottom .contact-box-info > img{position: absolute;left: 17px;} #contact-with-seller .contact-with-seller-bottom .contact-box-info a{font-size: 18px;color: #1f5aaa;font-weight: 700;} #contact-with-seller .contact-with-seller-bottom .contact-box-info a:hover{text-decoration: underline} .popup-overlay .popup-x{position: absolute;right: 10px;top: 10px;line-height: 0;} .popup_draft{ width: 100%;max-width: 900px;position: absolute;left: 0;right: 0;margin: auto;background-color: #fff;padding: 0;top: 6vh;max-height: 90vh} .popup_draft .popup-header{background-color: #f7f7f7;padding: 41px 50px;} .popup_draft .popup-header img{display: inline-block;vertical-align: middle;margin-right: 15px} .popup_draft .popup-header h4{display: inline-block;vertical-align: middle;font-weight: normal;font-size: 30px} .popup-overlay .popup_draft .popup-close:hover{background-color: transparent} .popup_draft .popup-content{padding: 30px 50px;} .popup_draft .popup-content .flex_form{display: flex;justify-content: space-between;flex-wrap: wrap} .popup_draft .popup-content .flex_form .popup_column{flex-basis: 49%} .popup_draft .popup-content .flex_form .popup_one_column{flex-basis: 100%;display: flex;justify-content: space-between;flex-wrap: wrap} .popup_draft .popup-content .flex_form .popup_column .input-box{width: 100%;flex-basis: 100%} .popup_draft .popup-content .flex_form .popup_one_column .input-box{width: 100%;flex-basis: 49%} .popup_draft .popup-content .flex_form .input-box{position: relative;padding-bottom: 20px} .popup_draft .popup-content .flex_form .input-box > label{display: block;font-size: 16px;margin-bottom: 5px;font-weight: 600;text-align: left;color: #575757;position: relative} .popup_draft .popup-content .flex_form .input-box > label.required:after{content: '*';font-size: 12px;color: #c70808;position: absolute;top: 0} .popup_draft .popup-content .flex_form .input-box >input, .popup_draft .popup-content .flex_form .input-box textarea{width: 100%;border: 1px solid #dbdbdb;border-radius: 4px; padding: 11px 5px;margin: 0;height: auto;font-size: 16px;} .popup_draft .popup-content .flex_form .input-error{position: absolute;font-size: 12px;color: #c70808;bottom: 6px;display: none} .popup_draft .popup-content .flex_form .input-error.input-bad{display: block} .popup_draft .popup-content .flex_form .input-box > input.invalid, .popup_draft .popup-content .flex_form .input-box > textarea.invalid{border-color: #c70808} .popup_draft .popup-content .flex_form .input-box textarea{height: 305px} .popup_draft .popup-content .flex_form .input-box .no_nip{position: absolute;right: 0;z-index: 2} .popup_draft .popup-content .flex_form .popup_agree_box{ position: relative;padding-bottom: 20px;} .popup_draft .popup-content .flex_form .popup_agree_box .checkbox{margin-bottom: 10px;position: relative;} .popup_draft .popup-content .flex_form .popup_agree_box .checkbox label{color: #5a83a8;display: inline-block;} .popup_draft .popup-content .flex_form .checkbox label{padding-left: 25px} .popup_draft .popup-content .flex_form .checkbox label:hover{text-decoration: underline} .popup_draft .popup-content form button{width: 100%;max-width: 100%;text-align: center;font-size: 18px;color: #fff;background-color: #00cc76;padding:13px 5px;border: 1px solid #00cc76;cursor: pointer;height: auto} .popup_draft .popup-content form button:hover{background-color: #42e788;border-color: #42e788;} .popup_draft .popup-content .flex_form .popup_agree_box .tooltip{bottom: 22px;position: absolute;z-index: 1000;display: none;left: 0px;width: 100%} .popup_draft .popup-content .flex_form .popup_agree_box .tooltip .tooltip-body {position: relative;border: 1px solid #5a83a8;padding: 15px 15px 20px 15px;background-color: #fff;} .popup_draft .popup-content .flex_form .popup_agree_box .tooltip .tooltip-body p{font-size: 12px;text-align: left;font-weight: 300;} /*.popup_draft .popup-content .flex_form .popup_agree_box .tooltip .tooltip-body .tooltip-arrow{position: absolute;width: 25px;height: 25px;background-color: #fff;border-width: 1px 1px 0 0;border-style: solid;border-color: #a7d64e;transform: rotate(136deg);bottom: -13px;left: 0;right: 0;margin: auto;}*/ /*.popup_draft .popup-content .flex_form .popup_agree_box .tooltip_trigger{display: inline-block;vertical-align: middle;width: 15px;height: 15px;border-radius: 50%;text-align: center;color: #fff;font-size: 12px;background-color: }*/ .popup_draft .popup-content .flex_form .popup_agree_box .tooltip_trigger{cursor: pointer;display: inline-block;vertical-align: middle;margin-left: 5px} .popup_draft .popup-content .flex_form .popup_agree_box .tooltip_trigger img{height: 17px;width: 18px;} .popup_draft .popup-content .flex_form .popup_agree_box .tooltip_trigger:hover .tooltip{display: block} .popup_draft .popup-content .flex_form .popup_agree_box .tooltip .tooltip-body a{color: #14529f} .popup_draft .popup-content .flex_form .popup_agree_box .tooltip .tooltip-body a:hover{text-decoration: underline} /* CF7 custom styles */ .popup_draft .popup-content .wpcf7-form .flex_form .input-box{position: relative;padding-bottom: 23px} .popup_draft .popup-content .wpcf7 .flex_form .input-box p > label{display: block;font-size: 16px;margin-bottom: 5px;font-weight: 600;text-align: left;color: #575757;position: relative} .popup_draft .popup-content .wpcf7 .flex_form .input-box .wpcf7-form-control-wrap input, .popup_draft .popup-content .flex_form .input-box textarea{width: 100%;border: 1px solid #dbdbdb;border-radius: 4px; padding: 11px 5px;margin: 0;height: auto;font-size: 16px;} .popup_draft .popup-content .wpcf7-form .flex_form .input-box textarea{height: 305px} .popup_draft .popup-content .wpcf7 .flex_form .checkbox label{padding-left: 0} .popup_draft .popup-content .wpcf7 .flex_form .popup_agree_box .checkbox label{padding-left: 25px} .popup_draft .popup-content .wpcf7 .flex_form .checkbox span.wpcf7-list-item-label{padding-left: 10px} .popup_draft .popup-content .wpcf7 .flex_form .popup_agree_box .checkbox label{padding-left: 0} .popup_draft .popup-content .wpcf7 .flex_form .input-box .wpcf7-not-valid-tip{position: absolute;font-size: 12px;color: #c70808;bottom: 10px;display: none} .popup_draft .popup-content .wpcf7 .flex_form .input-box .wpcf7-not-valid-tip{display: block} .popup_draft .popup-content .wpcf7 .flex_form .input-box input.wpcf7-not-valid, .popup_draft .popup-content .flex_form .input-box textarea.wpcf7-not-valid{border-color: #c70808} .popup_draft .popup-content .wpcf7 .flex_form .wpcf7-form-control-wrap{position: static} .popup_draft .popup-content .wpcf7-form .wpcf7-response-output{display: none} .popup_draft .popup-content .flex_form .input-box p > label.required:after{content: '*';font-size: 12px;color: #c70808;position: absolute;top: 0} .popup_draft .popup-content .wpcf7 .flex_form .checkbox .wpcf7-not-valid{display: inline-block; margin-bottom: 12px;} .popup_draft .popup-content .wpcf7 .flex_form .checkbox .wpcf7-not-valid + .wpcf7-not-valid-tip{position: absolute;font-size: 12px;color: #c70808;bottom: 0;display: none} .popup_draft .popup-content .wpcf7 .flex_form .checkbox .wpcf7-not-valid + .wpcf7-not-valid-tip{display: block} .wpcf7 .checkbox [type="checkbox"]:checked + span.wpcf7-list-item-label:after { opacity: 1; transform: scale(1);} .wpcf7 .checkbox [type="checkbox"]:not(:checked), .checkbox [type="checkbox"]:checked { position: absolute; left: -9999px; } .wpcf7 .checkbox [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label,.checkbox [type="checkbox"]:checked + span.wpcf7-list-item-label {cursor: pointer; } .wpcf7 .checkbox [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:before, .checkbox [type="checkbox"]:checked + span.wpcf7-list-item-label:before { content: ''; position: absolute; left: 0; top: 0px; width: 16px; height: 16px; border: 2px solid #eaecef; background: #fff;border-radius: 4px} .wpcf7 .checkbox [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:after, .checkbox [type="checkbox"]:checked + span.wpcf7-list-item-label:after { content: '';position: absolute;top: 4px;left: 4px;width: 8px;height: 8px;background: #00529c;margin: auto;border-radius: 2px;} .wpcf7 .checkbox [type="checkbox"]:not(:checked) + span.wpcf7-list-item-label:after { opacity: 0; transform: scale(0); } .wpcf7 .checkbox [type="checkbox"]:checked + span.wpcf7-list-item-label:after { opacity: 1; transform: scale(1);} /* END CF7 custom styles */ .single_news{padding-bottom: 15px} .single_news > img{display: block} .single_news .news_content{background-color: #fff;padding: 5px 10px 30px} .single_news .news_content .inside_page{width: 100%;max-width: 800px;margin: 0 auto} .single_news .news_content .inside_page *{line-height: 1;font-family: 'RobotoCondensed', arial, sans-serif!important;} .single_news .news_content .inside_page h2{font-size: 36px;text-align: center;color: #000;margin: 30px 0} .single_news .news_content .inside_page h3{font-size: 24px;color: #000;text-align: center;margin-bottom: 35px} .single_news .news_content .inside_page .content_from_cms{margin-bottom: 5px;} .single_news .news_content .inside_page .content_from_cms ul{list-style: inherit;padding-left: 40px;margin: inherit} .single_news .news_content .inside_page .content_from_cms *{line-height: 1.2!important;} .single_news .news_content .inside_page > img{display: block;margin: 15px auto} .single_news .news_content .inside_page .author_box{background-color: #f4fbfd;padding: 20px;} .single_news .news_content .inside_page .author_box h5{font-size: 16px;font-weight: 600;color: #000} .single_news .news_content .inside_page .author_box h5 span{display: inline-block;margin-left: 5px;color: #0059a7} .single_news .news_content .inside_page .author_box p{margin-top: 15px;line-height: 1.1;font-size: 14px;text-align: left;color: #000;} .single_news .news_content .inside_page .addthis_inline_share_toolbox_ii6s{margin: 15px 0} .single_news .other_head{text-align: center;font-size: 34px;font-weight: bold;margin: 40px 0} .single_news .others_news.news-section{padding: 0} .single_news .others_news.news-section .news-box-container{margin: 0} .news-section .page > .news-box-container{margin: 0} .news-section .breadcrumbs{padding: 25px 0;} .news-section .page > h2{ margin-bottom: 25px;} /* news custom styles */ .single_news .news_content .inside_page p{margin-bottom: 16px;} .single_news .news_content .inside_page p strong{font-weight: bold;} .breadcrumbs ol{list-style: none;padding: 0;margin: 0;display: inline-block} .breadcrumbs ol li{display: inline-block} .notfound{background-image: url('/wp-content/themes/blankslate/assets/imgs/notfound-bg.png');background-position: left;background-color: #ebebeb;background-repeat: no-repeat} .notfound .notfound-content{padding-top: 160px;} .notfound_404{position: absolute;right: 0} .notfound .notfound-content .error{ display: flex;min-height: 440px;align-items: center;position: relative} .notfound .notfound-content .notfound-header{font-size: 46px;text-align: left;font-weight: 600;color: #000} .notfound .notfound-content .notfound-description{font-size: 24px;margin-top: 13px} .notfound .notfound-content .link{height: auto;max-width: 200px;margin: 20px 0 0 3px;padding: 12px 5px;font-size: 16px;} .notfound-second-section .offers-cnt{background-color: #ebebeb;} .notfound-second-section {background-color: #ebebeb;} .notfound-second-section h6{text-align: center;padding-top: 15px} #HOME-container .notfound-second-section .last-row{margin-bottom: 0} .mobile-search-trigger {display: none;margin: 0px auto 0;text-align: center;cursor: pointer;padding-top: 20px;color: #000;} .mobile-search-trigger:hover {color: #2ecc71;} .filter-cnt-trigger {display: none!important;text-align: center;font-size: 16px;padding: 15px;} @media all and (max-width:1750px){ .inline-box{right: 21%;} } @media all and (max-width:1560px){ /* #HOME-container .banner-slider .banner-slider-photo { top: -200px;} */ #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content {padding-left: 80px;} } @media all and (max-width:1450px){ #HOME-container .overlay.search-container .search-box .radios-cnt {width: 43%; text-align: right;} #HOME-container .overlay.search-container .search-box .search-header {width: 45%;} .inline-box{right: 17%;} .news-box-container .news-box.second-news {margin-left: 10px; margin-right: 10px; } #HOME-container .promo-container .promo-box-container .promo-box.second-promo {margin-left: 10px; margin-right: 10px;} } @media screen and (max-width: 1366px) { .sliding-box {padding: 25px 15px;} .popup-overlay .popup-slider {padding-right: 20px;} .sliding-box h2 {font-size: 34px; line-height: 40px;} .sliding-box .button {height: auto; font-size: 34px; line-height: 66px; max-width: 220px; margin: 10px auto 0;} .sliding-box .button.buynow-action {max-width: 260px;} .contact-container .contact-info .single{font-size: 18px;line-height: 18px} .contact-container .contact-info .single img{top: -5px;} .contact-container .contact-info .single img.c-mail-icon{top: 5px;} /* #FOOTER .footer-container .footer-box {flex-basis: 49%; margin-bottom: 30px;} #FOOTER .footer-container {flex-wrap: wrap; justify-content: space-evenly;} #FOOTER .footer-container .footer-box.footer-social-media {flex-basis: 49%;} */ #FOOTER .footer-container .footer-box.first-footer-box {flex-basis: 40%;} #FOOTER .footer-container .footer-box .footer-row a {font-size: 16px;} #FOOTER .footer-container .footer-box .footer-row .footer-address {font-size: 16px;} #FOOTER .footer-container .footer-box.second-footer-box {flex-basis: 25%;} #FOOTER .footer-container .footer-box .newsletter input {width: 190px;} #FOOTER .footer-container .footer-box .newsletter button {width: 70px;} #FOOTER .footer-container .newsletter input::-webkit-input-placeholder {font-size: 14px;} #FOOTER .footer-container .footer-box .newsletter-header {padding-bottom: 20px;} #FOOTER .footer-container .footer-box .newsletter-description {padding-bottom: 20px;} .news-section .blue-banner {margin: 20px auto 0;} .news-section .news-box-container.articles-container .news-box:nth-child(3n+2) {margin: 0; margin-bottom: 30px; margin-left: 10px; margin-right: 10px;} .news-section .news-box-container.articles-container {justify-content: space-evenly;} .news-section .news-box-container.articles-container .news-box {margin-left: 10px; margin-right: 10px;} } @media all and (max-width:1200px){ .inline-box{right: 12%;} #FOOTER .footer-container .footer-box .footer-row {margin-bottom: 30px;} #FOOTER .footer-container .footer-box .footer-logo {margin-bottom: 10px;} /* #HOME-container .banner-slider .banner-slider-photo {top: -100px;} */ } @media screen and (max-height: 890px) { .sliding-box h2 {margin: 10px 0 5px; font-size: 34px; line-height: 40px;} .sliding-box .quick-info {padding: 10px 0; line-height: 26px;} .sliding-box .quick-info .dot {margin-top: 8px;} } @media screen and (max-width: 860px) { .telephones-popup-content .telephones-container {display: block; width: 100%; text-align: left; margin: 20px 0;} } @media screen and (max-height: 800px) { .sliding-box {padding: 15px 20px;} .sliding-box .share-cnt {display: none!important;} .sliding-box .auction-story {display: none!important;} .subpage.auction .left.boxes .share-cnt {display: block;} .sliding-box .follow {margin-top: 10px;} .sliding-box .price {padding: 8px 0} .sliding-box label {padding-bottom: 5px;} .sliding-box .quick-info {border-width: 1px} .sliding-box .make-offer-cnt label {padding-top: 10px;} .sliding-box input {margin-top: 8px;} .sliding-box .make-offer-cnt .price .currency {padding-top: 16px} .sliding-box .quick-info {font-size: 20px; line-height: 24px;} .sliding-box .button {height: 62px;font-size: 28px;line-height: 62px; max-width: 260px; margin: 10px auto 0;} .sliding-box .button img {width: 28px;} } @media screen and (max-width: 1024px) { .benefits-container .overlay {min-height: 620px;} .sliding-box {padding: 25px 10px;} .sliding-box h2 {font-size: 24px; line-height: 34px; margin-top: 15px;} .sliding-box .button {font-size: 30px; line-height: 52px; max-width: 200px; margin: 10px auto 0; height: auto;} .sliding-box .button img {width: 24px; vertical-align: 3px} .sliding-box .button.buynow-action {max-width: 220px; font-size: 22px;} .sliding-box .auction-story {float: none;margin: 10px auto 0; width: 166px; display: block;} .sliding-box .share-cnt {float: none; margin: 12px auto 0; display: block;} .sliding-box input {height: 48px; max-width: 170px;} .popup-overlay .price .numbers, .subpage.auction .auction-content .single-box .price .numbers, .subpage.auction .auction-content .sliding-content .price .numbers {font-size: 32px; line-height: 32px;} .popup-overlay .price .currency, .subpage.auction .auction-content .single-box .price .currency, .subpage.auction .auction-content .sliding-content .price .currency {font-size: 16px; line-height: 18px;} .popup-overlay .price .currency .smaller, .subpage.auction .auction-content .single-box .price .currency .smaller, .subpage.auction .auction-content .sliding-content .price .currency .smaller {font-size: 10px;} .popup-overlay .sliding-box .follow {font-size: 14px; line-height: 20px;} /*.popup-overlay .popup.popup-system .popup-close {top: 22px; right: 14px; width: 32px;} .popup-overlay .popup.popup-system .popup-header {padding: 20px 70px 20px 40px;} .popup-overlay .popup.popup-system .popup-header h4 {font-size: 32px} .popup-overlay .popup.popup-system .popup-content .title h3 {font-size: 32px;} .popup-overlay .popup.popup-system .popup-content .title span {font-size: 18px; line-height: 20px;} .popup-overlay .popup.popup-system .popup-content .title span strong {font-size: 32px;} .popup-overlay .popup.popup-system .popup-content .error-content {font-size: 24px;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content.validation .left {padding-top: 30px;} .popup-overlay .popup.popup-system .popup-content .content .price-type {font-size: 28px;} .popup-overlay .popup.popup-system .popup-content .content .max-offer .price-type {font-size: 22px;} .popup-overlay .popup.popup-system .popup-content .content .price .numbers {font-size: 66px; line-height: 66px;} .popup-overlay .popup.popup-system .popup-content .content .price .currency {font-size: 32px; line-height: 32px;} .popup-overlay .popup.popup-system .popup-content .content .price .currency .smaller {font-size: 20px; line-height: 26px;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content.validation .right {padding-top: 110px;} .popup-overlay .popup.popup-system .popup-content .content label {font-size: 16px; line-height: 22px;}*/ .inline-box{right: 9%;} #MAIN_TOP .overlay .inner p.inline-box{display: block;position: relative} } @media all and (max-width:890px){ .contact-container .contact-info .single{max-width: 49%;margin: 15px 0} .contact-container .contact-info .single img{transform: scale(.8)} } @media screen and (max-width: 768px) { .subpage.auction .popup-overlay .sliding-box {display: none;} .popup-overlay .popup {padding: 54px 10px 40px;} .popup-overlay .popup-slider {width: 100%; padding-right: 0;} .popup-overlay .popup.popup-system .popup-close {top: 15px; right: 14px; width: 32px;} .subpage.auction .auction-content .sliding-content .make-offer-cnt .price .currency {position:static;} /*.popup-overlay .popup.popup-system .popup-header {padding: 15px 50px 15px 20px;} .popup-overlay .popup.popup-system .popup-header h4 {font-size: 26px} .popup-overlay .popup.popup-system .popup-content {padding: 10px 20px;} .popup-overlay .popup.popup-system .popup-content .title h3 {font-size: 26px;} .popup-overlay .popup.popup-system .popup-content .title span {font-size: 16px; line-height: 18px;} .popup-overlay .popup.popup-system .popup-content .title span strong {font-size: 26px;} .popup-overlay .popup.popup-system .popup-content .error-content {font-size: 20px;} .popup-overlay .popup.popup-system .popup-content .content {margin-top: 20px;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content {padding-top: 20px;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content .left {padding-top: 5px;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content.validation .left {padding-top: 20px;} .popup-overlay .popup.popup-system .popup-content .content .price-type {font-size: 24px;} .popup-overlay .popup.popup-system .popup-content .content .max-offer .price-type {font-size: 16px;} .popup-overlay .popup.popup-system .popup-content .content .price .numbers {font-size: 48px; line-height: 48px;} .popup-overlay .popup.popup-system .popup-content .content .price .currency {font-size: 20px; line-height: 20px;} .popup-overlay .popup.popup-system .popup-content .content .price .currency .smaller {font-size: 16px; line-height: 22px;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content.validation .right {padding-top: 80px;} .popup-overlay .popup.popup-system .popup-content .content label {font-size: 14px; line-height: 20px;} .popup-overlay .popup.popup-system .popup-content .content .button {width: 280px; max-width: 280px; line-height: 60px; padding: 0; font-size: 30px;}*/ .subpage.auction .auction-content .more {float: none; margin: 20px auto 0; font-size: 14px; width: 250px; text-align: center; display: block;} .subpage.auction .auction-content .more img {margin-left: 10px; width: 15px;} .popup-overlay .popup.newsletter h2 {font-size: 40px; line-height: 64px} .popup-overlay .popup.newsletter {height: 376px; margin-top: calc(50vh - 168px);} .popup-overlay .popup.newsletter .popup-content {background-size: cover; padding: 100px 10px 50px;} #MAIN_TOP .overlay .inner p.inline-box{margin-top: 0;display: inline-block;vertical-align: -37px;right: -4%;} #MAIN_TOP .overlay .inner p.inline-box img{height: 100px;position: relative} .overlay .inner h1{display: inline-block} #HEADER .right.mobile-trigger-version #mobile-trigger.active:hover:before {background: #000;} .news-section .blue-banner h1 {margin-top: 0px;} .news-section .blue-banner {height: 150px;} .single_news .news_content .inside_page h2 {font-size: 30px;margin: 20px 0;} .single_news .news_content .inside_page h3 {font-size: 18px;margin-bottom: 20px;} .single_news .news_content .inside_page .content_from_cms *{font-size: 1em!important;} .single_news .other_head {font-size: 24px;margin: 15px 0;} } @media screen and (max-width: 600px) { /*.popup-overlay .popup.popup-system .popup-content .content .right, .popup-overlay .popup.popup-system .popup-content .content .left {float: none; text-align: left; padding: 5px 0;} .popup-overlay .popup.popup-system .popup-content .content .price {text-align: left;} .popup-overlay .popup.popup-system .popup-content .title span {float: none; display: block; text-align: right; font-size: 12px;} .popup-overlay .popup.popup-system .popup-content .title span strong {font-size: 18px;} .popup-overlay .popup.popup-system .popup-content .title h3 {float: none; text-align: center;} .popup-overlay .popup.popup-system .popup-content .content .button {width: 100%; max-width: 180px; line-height: 42px; padding: 0; font-size: 22px;} .popup-overlay .popup.popup-system .popup-content .content .button img {width: 20px;} .popup-overlay .popup.popup-system .popup-header h4 {font-size: 22px;} .popup-overlay .popup.popup-system .popup-header {padding: 10px 40px 10px 10px;} .popup-overlay .popup.popup-system .popup-close {top: 10px; right: 10px; width: 22px;}*/ .popup-overlay .popup.newsletter h2 {font-size: 30px; line-height: 48px} } @media all and (max-width:480px){ #MAIN_TOP .overlay .inner p.inline-box{display: block;right: auto;} } @media screen and (max-width: 450px) { /*.popup-overlay .popup.popup-system .popup-header h4 {font-size: 18px}*/ .popup-overlay .popup.newsletter h2 {font-size: 21px; line-height:36px} .popup-overlay .popup.newsletter {height: 266px; margin-top: calc(50vh - 128px);} .popup-overlay .popup.newsletter .popup-content {padding: 60px 10px 30px;} } @media screen and (max-width: 350px) { .popup-overlay .popup.newsletter h2 {font-size: 18px; line-height:30px} } @media screen and (max-height: 800px) { .popup-overlay .popup.newsletter {max-height: calc(100vh - 20px); margin-top: 20px; top: 0;} } @media screen and (max-width: 1366px) { .auction-slider .price {top: 30px; left: 30px;} .auction-slider .more-pictures {bottom: auto; top: 30px;right: 30px;} .subpage.auction .top-bar h1 {font-size: 38px;} .subpage.auction .top-bar .auction-information p.a_number {font-size: 22px; line-height: 22px;} .subpage.auction h2 {font-size: 26px;} .subpage.auction .auction-content .single-box {padding: 25px;} .subpage.auction .auction-content .single-data {font-size: 16px;min-width: 240px;} .subpage.auction .auction-content .quartet .single-data {min-width: 240px;} .subpage.auction .auction-content .duet .single-data {min-width: 240px;} .subpage.auction .top-bar .auction-information p {font-size: 17px; line-height: 19px;} #HEADER .bottom-header.middle-nav .bigpage {padding: 0 15px;} #HEADER .second-nav .second-nav-link {font-size: 13px; height: 40px;} #HEADER .second-nav {height: 40px;} #HEADER .second-nav .second-nav-link-container {height: 40px;} #HEADER .bottom-header.middle-nav {height: 70px;} .subpage {padding-top: 115px;} } @media screen and (max-width: 1130px) { #HOME-container .page.offers-container {flex-wrap: wrap; justify-content: center;} #HOME-container .last-row .bottom .price {top: -17px;} #HOME-container .offers-cnt .single.highlighted {margin-right: 0px; flex-basis: 100%; max-width: 580px;} #HOME-container .last-row {padding: 0; max-width: 580px; flex-wrap: wrap; margin: 0 auto; justify-content: space-between; width: 100%;} #HOME-container .offers-cnt .single {flex-basis: 49%; justify-content: space-between;} #HOME-container .offers-cnt .small-tiles {flex-basis: 100%; max-width: 580px; justify-content: space-between; flex-wrap: wrap;} #HOME-container .offers-cnt .small-tiles .single {flex-basis: 49%;} #HOME-container .last-row {flex-basis: 100%; margin: 0 auto;} #HEADER .second-nav .second-nav-link {font-size :13px; text-align: center; padding: 0 10px;} } @media screen and (max-width: 1024px) { .auction-slider .price {width: 386px; height: 86px} .auction-slider .price .numbers {font-size: 60px; line-height: 60px;} .auction-slider .price .currency {font-size: 26px; line-height: 30px;} .auction-slider .price .currency .smaller {font-size: 17px; line-height: 20px;} .subpage.auction .auction-content .single-box p {font-size: 16px; line-height: 22px;} .subpage.auction .top-bar h1 {font-size: 36px;} .subpage.auction .top-bar .auction-information p {font-size: 16px; line-height: 18px;} .subpage.auction .top-bar .auction-information p.a_number {font-size: 20px; line-height: 20px;} .subpage.auction .benefits-container .tile {width: 49%; display: inline-block; vertical-align: top; float: none;} .subpage.auction .benefits-container .tile p {font-size: 16px; line-height: 20px; margin-top: 10px;} .subpage.auction .bottom-content .single-offer {width: 50%;} } @media screen and (max-width: 768px) { .auction-slider .price {width: 336px; height: 72px} .subpage.auction .top-bar .auction-information p {font-size: 14px; line-height: 16px;} .subpage.auction .top-bar .auction-information p.a_number {font-size: 16px; line-height: 16px;} .subpage.auction .top-bar h1 {font-size: 32px; line-height: 50px; max-width: 100%; width: 100%; margin-top: 0;} .auction-slider .price .numbers {font-size: 50px; line-height: 50px;} .auction-slider .price .currency {font-size: 22px; line-height: 24px;} .auction-slider .price .currency .smaller {font-size: 15px; line-height: 18px;} .subpage.auction .auction-content .boxes {width: 100%; max-width: 100%; padding-right: 0; float: none;} .subpage.auction .sliding-content {width: 100%; float: none; margin: 20px auto 0!important;} .overall.auction-view {padding-bottom: 77px;} .subpage.auction .sliding-box {padding: 10px 12px 11px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 8; text-align: center;} .subpage.auction .sliding-box .image-container {display: none;} .subpage.auction .sliding-box .mob {display: none;} .subpage.auction .sliding-box h2 {display: none;} .subpage.auction .sliding-box .quick-info {display: none} .subpage.auction .make-offer-cnt {display: inline-block;position: relative; vertical-align: top;} .subpage.auction .make-offer-cnt:before {/*content: "PLN";*/ position: absolute;right: 0; bottom: 0; line-height: 30px; font-size: 10px;color: #3a3b3c} .subpage.auction .sliding-box .price.notbuynow, .subpage.auction .auction-content .sliding-content .price {padding: 0 5px; display: inline-block; float: left; margin-top: 0;} .subpage.auction .sliding-box .button {float: right; position: relative; background: url('/wp-content/themes/blankslate/assets/imgs/hammer-icon.svg') no-repeat 5px #2ecc71; font-size: 24px; line-height: 42px; max-width: 120px; padding-left: 25px; vertical-align: top; margin-top: 5px; text-transform: lowercase;} .subpage.auction .sliding-box .button.buynow-action {background-image: url('/wp-content/themes/blankslate/assets/imgs/cart-icon.png'); max-width: 160px;} .subpage.auction .sliding-box .button:first-letter {text-transform: uppercase;} .subpage.auction .sliding-box .button:hover {background-color: #42e788} .subpage.auction .sliding-box .button img {display: none;} .subpage.auction .sliding-box .share-cnt {display: none;} .subpage.auction .left.boxes .share-cnt {display: block;} .subpage.auction .sliding-box .auction-story {display: none;} .subpage.auction .sliding-box .follow {font-size: 0; display: none;} .subpage.auction .sliding-box .follow span {padding-top: 4px;} .subpage.auction .sliding-box label {padding: 0 0 13px; font-size: 12px; text-align: left;} .subpage.auction .auction-content .sliding-content .price {color: #3a3b3c} .subpage.auction .auction-content .sliding-content .price .numbers {font-size: 22px; line-height: 22px;} .subpage.auction .auction-content .sliding-content .price .currency {font-size: 10px; line-height: 10px;} .subpage.auction .auction-content .sliding-content .price .currency .smaller {font-size: 8px;} .subpage.auction .sliding-box input {margin-top: 0; width: 100px; padding: 0 5px; height: 30px; font-size: 20px; border: 1px solid #c2c2c2;} .subpage.auction .sliding-box .make-offer-cnt .price .currency {padding-top: 5px;} .subpage.auction .sliding-box .make-offer-cnt label {padding: 0 0 8px;} #HEADER .right.mobile-trigger-version #mobile-trigger.active:hover:after {background: #000;} #HEADER .right.mobile-trigger-version #mobile-trigger:hover:before, #HEADER .right.mobile-trigger-version #mobile-trigger:hover:after {background: #000;} #HEADER .right #mobile-trigger:before, #HEADER .right #mobile-trigger:after {background: #000;} #HEADER .right #mobile-trigger span {background: #000;} #HEADER .right #mobile-trigger span:hover {background: #000;} #HEADER .right #mobile-trigger:hover span {background: #000;} #HEADER.scrolled .right {top: 10px;} #HEADER .bottom-header.middle-nav .bigpage .right-side-nav {display: none;} .popup_draft .popup-content .flex_form .popup_column {flex-basis: 100%;flex-wrap: wrap;display: flex;justify-content: space-between;} .popup_draft .popup-content {padding: 30px 20px;} .popup_draft .popup-content .flex_form .popup_column .input-box {flex-basis: 49%;} .popup_draft .popup-content .flex_form .popup_agree_box{flex-basis: 100%} } @media screen and (max-width: 540px) { .auction-slider .price {width: 260px; padding: 12px; height: 60px; top: 15px; left: 10px;} .auction-slider .price .numbers {font-size: 40px; line-height: 40px;} .auction-slider .price .currency {font-size: 16px; line-height: 17px} .auction-slider .price .currency .smaller {font-size: 11px; line-height: 18px;} .subpage.auction .top-bar h1 {font-size: 26px; line-height: 36px;} .subpage.auction .sliding-box {padding: 7px 2px;} .subpage.auction .sliding-box .button label {display: block; position: absolute; top: -10px; left: -9px; padding-bottom: 0; font-weight: 400; text-transform: capitalize; line-height: 0; width: 100%; text-align: center; white-space: nowrap; min-width: 60px;} .subpage.auction .sliding-box .button.buynow-action {margin-right: 9px} .sliding-box .quick-info-empty {display: none;} .subpage.auction .benefits-container .tile p {font-size: 14px; line-height: 18px; margin-top: 0;} .subpage.auction .bottom-content .single-offer {padding-right: 20px;} .subpage.auction .sliding-box .button {font-size: 0; width: 42px; border-radius: 50%; background-position: 8px; padding: 0; margin-top: 15px;} .contact-container .contact-info .single{display: block;max-width: 100%;margin: 10px 0;} .movie-box{height: 28vh;} .popup_draft .popup-content .flex_form .popup_column .input-box {flex-basis: 100%;} .popup_draft .popup-content .flex_form .popup_one_column .input-box {flex-basis: 100%;} .popup_draft .popup-header {background-color: #f7f7f7;padding: 25px 20px;} .popup_draft .popup-header h4{font-size: 26px} } @media all and (max-width: 375px){ .movie-box{height: 22vh;} } .subpage.listing {background: #f2f2f2; padding-bottom: 60px;} .subpage.listing h1.category_head{ text-align: left;color: #000;line-height: 1.2;font-weight: normal;font-size: 20px;} .category_number{ text-align: left;font-size: 18px;line-height: 1.2;font-weight: normal;} .subpage div.advanced-search .input {margin-top: 0} div.advanced-search { background: #fff; width: 300px; padding: 1px 15px 15px; margin-top: 20px; position: relative;z-index: 4} div.advanced-search .title {display: none; position: relative; font-size: 24px; font-weight: 900; text-align: center; padding: 10px 30px; border-bottom: 1px solid #b7b7b7; margin-bottom: 10px;} div.advanced-search .title a {display: block; position: absolute; right: 20px; top: 2px; height: 39px; width: auto; padding: 0 10px; margin: 0; line-height: 39px;} div.advanced-search .title a:hover {color: #fff;} .filter-cnt-trigger {display: none; text-align: center; font-size: 16px; padding: 15px;} .filter-cnt-trigger:hover {color: #2ecc71} .advanced-search p {font-size: 12px; line-height: 18px; color: #2e312f; font-weight: 900; padding: 20px 0 10px} .advanced-search .radio {margin-right: 1px;} .advanced-search .select2-container {display: inline-block; width: 49%} .advanced-search select.select-min {width: 132px} .advanced-search .select2-container--default .select2-selection--single {border: 1px solid #b7b7b7; height: 32px;} .advanced-search .select2-container--default .select2-selection--single .select2-selection__arrow b {border-top-color: #14529f;} .advanced-search .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #14529f} .advanced-search .select2-container--default .select2-selection--single .select2-selection__arrow {height: 30px; width: 10px} .advanced-search .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 30px; font-size: 12px; padding: 0 20px 0 10px;} .advanced-search .car-select .select2-container {display: block; width: 100%!important} .advanced-search .car-select .select2-container--default .select2-selection--single {height: 46px; border: none;} .advanced-search .car-select .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 42px; padding: 0 25px 0 70px; font-size: 14px;} .advanced-search .radios-cnt {text-align: left;} /* .advanced-search .radio label {color: #323131; font-weight: 700; font-size: 12px; padding-left: 22px; margin-top: 12px; width: auto; line-height: 16px} */ /* .advanced-search .radio label:before {border-color: #b7b7b7; width: 16px; height: 16px; border-width: 2px;} .advanced-search .radio label:after {background: #2ecc71; left: 4px; top: 4px; width: 8px; height: 8px;} .advanced-search .radio input:checked + label:before {border-color: #2ecc71;} */ .checkbox-filter {display: inline-block; margin-bottom: 3px; min-width: 50px;} .checkbox-filter input {position: absolute; opacity: 0;height: 1px; width: 1px; padding: 0; margin: 0; visibility: hidden;} .checkbox-filter label {background: #d7d7d7; height: 23px; line-height: 23px; color: #616263; text-align: center; padding: 0 10px; display: block; font-size: 12px; font-weight: 700; cursor: pointer;} .checkbox-filter label:hover {opacity: 0.8} .checkbox-filter input:checked + label {background: #2ecc71; color: #fff} .advanced-search .input input {margin: 0 0 0 10px; display: inline-block; width: 80px; font-size: 12px; height: 32px; border: 1px solid #b7b7b7; padding: 0 0 0 5px;} .advanced-search .select-cnt-full .select2-container {width: 100% !important;} .advanced-search .stock .input {padding: 0} .advanced-search .stock .input input {width: 100%; margin: 0;} .advanced-search .gsearch .input {padding: 0} .advanced-search .gsearch .input input {width: 100%; margin: 0} div.ui-slider {height: 4px; border: none; background: #b7b7b7; border-radius: 0; position: relative; margin-bottom: 20px;} .ui-widget-header {background: #2ecc71;; border-radius: 0; height: 100%; position: absolute;} .ui-state-default {position: absolute; cursor: pointer} .ui-state-default:before {background: #2ecc71;; border: 3px solid #fff; border-radius: 50%; width: 24px; height: 24px; position: absolute; margin-top: -9px; content: ""; margin-left: -12px;} .listing .filter-options .select2-container--default .select2-selection--single .select2-selection__arrow b {border-top-color: #2ecc71;} .advanced-search .select2-container--default .select2-selection--single .select2-selection__arrow b {border-top-color: #2ecc71;} @media screen and (max-width: 768px) { .radios-cnt {padding: 0 5px;} .checkbox-filter label {height: 35px; line-height: 35px;} } .listing-content {width: calc(100% - 280px); padding-left: 20px; margin-right: -20px;} .listing-content .single-offer {width: 33.33%; padding-right: 20px; float: left; position: relative;} .listing-content .single-offer.highlighted a {border: 2px solid #2ecc71;} .listing-content .single-offer a:hover h4 {color: #2ecc71} .listing-content .single-offer .bottom {padding: 15px 10px; text-align: left;} .listing-content .single-offer.highlighted .bottom {padding: 13px 8px;} .listing-content .single-offer .bottom .single {padding: 0 4px 0 24px; position: relative; display: inline-block; font-size: 12px; color: #616263; line-height: 18px; margin: 10px 4px 0 0;} .listing-content .single-offer .bottom .price {left: 0;} .listing-content .single-offer .bottom .single img {position: absolute; max-height: 17px; left: 0; top: 0;} .listing-content .single-offer .follow {right: 25px; background: #fff; top: 86px; position: absolute; border: 2px solid #2ecc71; z-index: 2; width: 37px; height: 37px; border-radius: 50%;text-align: center;line-height: 37px; padding: 3px 0 0 1px;} .listing-content .single-offer .follow:hover {opacity: 0.7} .listing-content .single-offer .follow img {width: 24px;} .listing-content .single-offer .follow.active {background: #2ecc71} @media screen and (max-width: 520px) { .listing-content .single-offer .follow {top: 76px;} .telephones-popup-container.popup.popup-system .popup-content.telephones-popup-content p {font-size: 14px;} } @media screen and (min-width: 801px) { div.advanced-search {display: block!important} } @media screen and (max-width: 800px) { .filter-cnt-trigger {display: block;} .fvisible {overflow: hidden;} div.advanced-search {width: 100%; position: absolute; padding-top: 55px; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; margin-top: 0; max-height: 100vh; overflow-x: hidden; overflow-y: auto; display: none;} div.advanced-search .title {display: block; position: fixed; z-index: 11; top: 0; right: 0; left: 0; background: #fff; line-height: 1; padding-right: 120px} .mobile-search-trigger{display: block} div.advanced-search {width: 100%; position: absolute; padding-top: 55px; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; margin-top: 0; max-height: 100vh; overflow-x: hidden; overflow-y: auto; display: none;} div.advanced-search {width: 100%;position: absolute;padding-top: 55px;top: 0;left: 0;bottom: 0;right: 0;z-index: 10;margin-top: 0;max-height: 140vh;overflow-x: hidden;overflow-y: auto;display: none;} div.advanced-search .title {display: none; position: relative; z-index: 11; top: 0; right: 0; left: 0; background: #fff; line-height: 1; padding-right: 120px} div.advanced-search.mobile_active{transform: scale(1);transition: 250ms ease;height: auto;padding: 1px 15px 15px;margin-top: 15px;display: block;position: relative;border-radius: 5px;} .listing div.advanced-search form .form-inputs {display: flex;justify-content: space-between;flex-wrap: wrap;} .listing div.advanced-search form .form-inputs > div {width: 100%; /*flex-basis: 48%;*/} .subpage .car-select {display: block;margin: 10px 0 0;} .select2-results__option .car-option svg, .car-select .select2-container .select2-selection--single .select2-selection__rendered .car-option svg{vertical-align: -8px} .advanced-search .car-select .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 35px} .subpage .car-select .select2-container--default .select2-selection--single .select2-selection__arrow{top: 4px;} div.advanced-search .title{margin: 20px 0 0 0;border-bottom: none} .subpage div.advanced-search .input {margin-top: 0;width: 100%;max-width: 45%;} .advanced-search .input input {margin: 0 0 0 5px;display: inline-block;width: calc(100% - 25px);font-size: 12px;height: 32px;border: 1px solid #b7b7b7;padding: 0 0 0 5px;} .subpage div.advanced-search .gsearch {display: none} .subpage div.advanced-search .gsearch .input{max-width: 100%} .subpage div.advanced-search .stock .input{max-width: 100%} } .listing-content .single-auction {padding: 0; margin-right: 20px;} #listing-mobile {display: none;} .listing-content .single-auction:hover {opacity: 0.8} .listing-content .single-auction:hover h3 {color: #2ecc71} .listing-content .single-auction.highlighted {border: 3px solid #2ecc71} .listing-content .single-auction .picture {width: 34%;position: relative; text-align: center;min-width: 338px;height: 190px} .listing-content .single-auction .auction-content {width: calc(66% - 210px); padding: 20px 10px 10px 40px; position: relative;} .listing-content .single-auction .auction-content .seller-logo {bottom: 60px; left: 40px; position: absolute;} .listing-content .single-auction .options {padding: 25px 10px 10px 20px;} .listing-content .single-auction .auction-content .vehicle-info {margin-top: 75px;} .listing-content .single-auction .options .price {margin-top: 10px; text-align: left;} .promotion-bar {background: #ff1111; position: absolute; left: -12px; text-align: center; height: 26px; top: 5px; max-width: 134px; width: 100%; font-size: 15px; font-weight: 900; color: #fff; line-height: 22px; padding-top: 3px;} .promotion-bar:before {content: ""; border-width: 4px; border-style: solid; border-color: #770707 #770707 transparent transparent; position: absolute; bottom: -8px; left: 1px;} .listing-content .single-auction .options .price .number-line {font-size: 18px; font-weight: 700; padding: 0 5px; display:inline-block; color: #b7b7b7; margin-bottom: 10px; line-height: 18px; position: relative;} .listing-content .single-auction .options .price .number-line:after {content: ""; background: #ff1111; position: absolute; top: 7px; left: 0; right: 0; height: 2px;} .single-offer .price .price-promoted {background: #fff; position: absolute; top: -22px; height: 22px; padding: 3px 0;font-size: 10px; line-height: 18px; font-weight: 700; color: #b7b7b7; left: 0; width: 100%;} .single-offer .price .number-line {font-size: 15px; vertical-align: top; font-weight: 700; padding: 0 2px; margin-right: 2px; display:inline-block; color: #b7b7b7; margin-bottom: 5px; line-height: 18px; position: relative;} .single-offer .price .number-line:after {content: ""; background: #ff1111; position: absolute; top: 7px; left: 0; right: 0; height: 2px;} .listing-content .single-auction .options .price .numbers {font-size: 32px; line-height: 35px;} .listing-content .single-auction .options .price .currency {font-size: 18px; line-height: 20px; margin: 0;} .listing-content .single-auction .options .price .smaller {font-size: 12px; line-height: 10px;} .listing-content .single-auction .options .auction-type {font-size: 14px; line-height: 20px;color: #14529f; text-align: center; margin-top: 46px; display: block;} .listing-content .single-auction .options .auction-type.double-line {margin-top: 70px} .listing-content .single-auction.promotion .options .auction-type {margin-top: 62px} .listing-content .single-auction.promotion .options .auction-type.double-line {margin-top: 46px;} .listing-content .single-auction .follow {right: 5px; top: 5px; position: absolute; border: 2px solid #2ecc71; z-index: 2; width: 37px; height: 37px; border-radius: 50%; background: #fff; text-align: center;line-height: 37px; padding: 3px 0 0 1px;} .listing-content .single-auction .follow:hover {opacity: 0.7} .listing-content .single-auction .follow img {width: 24px; margin-top: 2px;} .listing-content .single-auction .follow.active {background: #2ecc71} .listing-content .listing-ext {margin-top: 20px; text-align: left; font-size: 13px;} .listing-content .listing-ext-content {display: none;} .listing-content .listing-ext-content h2 {line-height: 26px; font-size: 14px; text-align: left; font-weight: bold;} .listing-content .listing-ext h2.main-h {line-height: 28px; color: #3a3b3c; font-size: 16px; text-align: left;} @media screen and (max-width: 1366px) { .listing-content .single-offer {width: 49%; display: inline-block; max-width: 338px; float: none; vertical-align: top;} .listing-content .single-auction .auction-content .seller-logo {bottom: 80px} .single-auction .auction-content p {font-size: 16px; line-height: 22px;} .listing-content .single-auction .picture {width: 338px;} .listing-content .single-auction .auction-content {width: calc(100% - 548px); padding: 20px 10px 10px 15px;} } @media screen and (max-width: 1240px) { #HOME-container .overlay.search-container .search-box .select-cnt.split {max-width: 235px;} #MAIN_TOP .overlay .search-box .select-cnt {max-width: 530px;} #HOME-container .overlay.search-container .search-box #div.truck .select-cnt.smaller {max-width: none; width: 29%;} #HOME-container .overlay.search-container .search-box .search-inner {padding: 50px 35px 27px 55px;} #HOME-container .overlay.search-container .search-box .tabs-cnt {display: flex; justify-content: center; width: 100%;} #HOME-container .overlay.search-container .search-box .tabs-cnt a {flex-basis: 25%;} #HOME-container .overlay.search-container .search-box .radios-cnt {width: 41%;} #HOME-container .overlay.search-container .search-box #div.truck .select-cnt.smaller {width: 28%;} #HOME-container .overlay.search-container .search-box #div.truck .inputs-cnt { padding-right: 50px;} #HOME-container .overlay.search-container .search-box #div.truck .select-cnt.select-div {width: 32%; max-width: none;} #HOME-container .overlay.search-container .search-box #div.truck .inputs-cnt {width: 100%; text-align: left;} /* #HOME-container .overlay.search-container .search-box .tabs-cnt a.active {border-left: none; border-bottom:2px solid #42cc71; } */ #HOME-container .overlay.search-container .search-box .search-inner {width: 100%; max-width: none;} .listing-content .single-auction .picture {width: 208px;min-width: 208px;height: 117px;} .listing-content .single-auction .auction-content {width: calc(100% - 418px);padding: 10px 10px 10px 20px; position: static;} .listing-content .single-auction .auction-content .vehicle-info {margin-top: 0; position: absolute; bottom: 0;} .listing-content .single-auction .options {padding: 10px;} .listing-content .single-auction .options .auction-type {margin-top: 46px;} .listing-content .single-auction .options .auction-type.double-line {margin-top: 32px;} .listing-content .single-auction.promotion .options .auction-type {margin-top: 21px} #HOME-container .overlay.search-container .search-box .select-cnt.split {max-width: 228px;} .listing-content .single-auction .options .price {margin-top: 0;} .listing-content .single-auction .options .price .numbers {font-size: 28px; line-height: 28px;} .listing-content .single-auction .options .price .currency {font-size: 14px; line-height: 16px;} .listing-content .single-auction .options .price .smaller {font-size: 10px; line-height: 10px;} .listing-content .single-auction {position: relative;} .news-section .news-box-container .news-box .news-description {min-height: 85px; font-size: 14px;} .news-section .news-box-container .news-box .news-header {min-height: 80px; font-size: 20px; padding-top: 15px; padding-bottom: 15px;} #HOME-container .promo-container .promo-box-container .promo-box p {font-size: 20px;} #MAIN_TOP .overlay .search-box .select-cnt.split {padding-right: 0;} #MAIN_TOP .overlay .search-box .select-cnt.split.last {padding-right: 0;} #HOME-container .overlay.search-container .search-box #div .select-cnt.select-div {width: 47.5%; max-width: none;} #HOME-container .overlay.search-container .search-box .inputs-cnt {float: none; width: 100%; text-align: right;} #HOME-container .overlay.search-container .search-box button {margin: 54px 25px 0 3px;} /* #HOME-container .overlay.search-container .search-box .inputs-cnt {padding-right: 30px;} */ #HOME-container .overlay.search-container .search-box .tabs-cnt {justify-content: space-between;} #HOME-container .overlay.search-container .search-box .tabs-cnt a {flex-basis: 24.8%;} #HOME-container .overlay.search-container .search-box button {max-width: none; width: 18%;} #HOME-container .overlay.search-container .search-box .select-cnt.split {width: 26.2%; max-width: none;} #HOME-container .overlay.search-container .search-box .tabs-cnt a.active {border-bottom: none;border-left: none; border-top: 2px solid #42cc71;} .news-section .news-box-container .news-box {height: auto;} #HOME-container .overlay.search-container .search-box .inputs-cnt {text-align: left;} } @media screen and (max-width: 1024px) { #HOME-container .overlay.search-container .search-box #div.truck .select-cnt.select-div {max-width: 235px;} #HOME-container .overlay.search-container .search-box #div.truck .select-cnt.smaller {max-width: 235px;} /* #HOME-container #MAIN_TOP .overlay .search-box .select-cnt.split { max-width: 175px; text-align: left; width: 45%;} #HOME-container #MAIN_TOP .overlay .search-box {padding-top: 0px;} #HOME-container .overlay.search-container .search-box .select-cnt {width: 45%;} #HOME-container .overlay.search-container .search-box .select-cnt input {max-width: 80px;} */ #HOME-container .overlay.search-container .search-box button {max-width: none;} #HOME-container .overlay.search-container .search-box .select-cnt.split {width: 25%; max-width: none;} .listing-content .single-auction {max-width: 338px; margin: 20px auto 0} .listing-content .single-auction .auction-content {width: 100%; padding: 20px;} .listing-content .single-auction .auction-content .seller-logo {position: static; margin-top: 15px;} .listing-content .single-auction .auction-content .vehicle-info {margin-top: 15px;} .listing-content .single-auction .options .auction-type, .listing-content .single-auction.promotion .options .auction-type {margin-top: 26px} .listing-content .single-auction .options .auction-type.double-line, .listing-content .single-auction.promotion .options .auction-type.double-line {margin-top: 14px;} .listing-content .single-auction .options .price {text-align: center;} .listing-content .single-auction .auction-content .vehicle-info {position: static;} .listing-content .single-auction .picture {width: 100%;height: auto} .filter-options .view {display: none;} #listing-desktop {display: none;} #listing-mobile {display: block;} .telephones-popup-container.popup.popup-system .popup-content.telephones-popup-content p {font-size: 18px; padding-left: 65px;} .telephones-popup-content .telephones-container img {width: 50px; height: 50px; margin-right: 20px;} } @media screen and (max-width: 1024px) and (min-width: 640px) { .listing-content .single-auction .picture {margin: 0 auto; float: none;} .listing-content .single-auction .options {width: 100%; padding: 10px; text-align: left; float: none;} .listing-content .single-auction .auction-content {text-align: center;} #HEADER .second-nav .second-nav-link {font-size: 12px;} } @media screen and (max-width: 800px) { .listing-content {width: 103%; padding-left: 0; float: none;} .listing-content .single-offer {width: calc(33.33% - 4px); padding: 3% 3% 0 0} } @media screen and (max-width: 768px) { .filter-options label {display: none;} /*#HOME-container .overlay.search-container .search-box button {display: block; float: none; margin: 20px 0 20px 0px;} #HOME-container .overlay.search-container .search-box .select-cnt {margin: 0;} #HOME-container .overlay.search-container .search-box .search-inner {padding: 0 15px;} */ #HOME-container .overlay.search-container .search-box .search-header { padding: 15px 0;float: none; width: 100%;} #HOME-container h2 {font-size: 26px;} .news-section h2 {font-size: 26px;} #HOME-container .overlay.search-container .search-box .radios-cnt {text-align: left; width: 100%;} } @media screen and (max-width: 640px) { /*flter-top-bar {display: none!important;}*/ .filter-top-bar {margin-right: 0px;} #HEADER.scrolled .filter-trigger {display: none;} .advanced-search {float: none; margin: 10px auto 0;} .listing-content {width: 102%} .listing-content .single-offer {width: calc(50% - 4px)} } @media screen and (max-width: 570px) { #HOME-container #MAIN_TOP .overlay .search-box .select-cnt.split {display: inline-block; max-width: 250px;} #HOME-container .overlay.search-container .search-box .select-cnt {display: block; width: 100%;} } @media screen and (max-width: 480px) { #HOME-container .overlay.search-container .search-box .select-cnt label {display: block;} #contact-with-seller .contact-with-seller-bottom .contact-box-info {display: block;} #contact-with-seller .contact-with-seller-bottom .contact-box-info .left-contact-box-info {width: 100%;} #contact-with-seller .contact-with-seller-bottom .contact-box-info .left-contact-box-info img {width: 18px; height: 18px;} #contact-with-seller .contact-with-seller-bottom .contact-box-info .left-contact-box-info a {font-size: 14px;} #contact-with-seller .contact-with-seller-bottom .contact-box-info .right-contact-box-info {text-align: left; width: 100%; margin-top: 10px; font-size: 14px;} #contact-with-seller .contact-with-seller-bottom .contact-box-info {height: auto; padding: 10px;} } @media screen and (max-width: 420px) { .filter-options {float: none;margin: 0 20px 0 0; padding-top: 20px;} .filter-options a {position: absolute;right: 0; top: 0; z-index: 2; transition: ease all 250ms} .filter-options a.active {z-index: 1; opacity: 0;} #listing-mobile {text-align: center;} .listing-content {width: 100%;} .listing-content .single-offer {width: 100%; padding: 20px 0 0;} .listing-content .single-auction .picture {width: 100%;} .listing-content .single-offer .follow {top: 65px; right: 10px;} } /*PAGINACJA*/ .pagination {margin-top: 20px; text-align: center; font-size: 18px; line-height: 24px;} .pagination a {color: #252525; margin: 0 4px; padding: 4px; width: 32px; display: inline-block;} .pagination a:hover {color: #2ecc71} .pagination a:hover img {opacity: 0.8} .pagination > span {margin: 0 4px; padding: 4px; width: 32px; color: #fff;background: #2ecc71; display: inline-block;} @media screen and (max-width: 800px) { /*.pagination a span {display: none;}*/ } .last-viewed {position: fixed; right: -638px; top: 50%; width: 638px;z-index: 8; transition: ease all 250ms} .last-viewed:hover {right: 0;} .last-viewed-content .top-title {background: #fff; line-height: 16px; font-size: 16px; color: #2ecc71; font-weight: 900; padding: 21px 20px 21px 70px; position: relative;} .last-viewed-content .top-title img {top: 16px; left: 21px; position: absolute;} .last-viewed-trigger {border-right: 2px solid #2ecc71; background: rgba(255,255,255,0.25); position: absolute; display: inline-block; font-size: 0; line-height: 0; margin-left: -63px; margin-bottom: -54px; transition: ease all 250ms} .last-viewed:hover .last-viewed-trigger {margin-left: 0;} .last-viewed-content {background: #f2f2f2;} .last-viewed-content .content {padding: 0 0 10px 10px;} .last-viewed-content .single-offer {width: 50%; float: left; padding: 10px 10px 0 0;} .last-viewed-content .single-offer .content {padding: 0;} .last-viewed-content .single-offer .bottom .price {height: 37px; top: -37px; max-width: 130px; background: #2ecc71; padding: 9px;} .last-viewed-content .single-offer .bottom .price .numbers {font-size: 21px; line-height: 21px; color: #fff; font-weight: 700;} .last-viewed-content .single-offer .bottom .price .currency {font-size: 10px; line-height: 10px; margin: 1px 0 0 2px; color: #fff; font-weight: 700;} .last-viewed-content .single-offer .bottom .price .currency .smaller {font-size: 7px; line-height: 7px;} @media screen and (max-height: 700px) { .last-viewed {top: 160px} } @media screen and (max-height: 500px) { .last-viewed {top: 120px; right: -490px; width: 490px} } @media screen and (max-width: 650px) { .last-viewed {right: -400px; width: 400px;} } @media screen and (max-height: 380px) { .last-viewed {right: -320px; width: 320px;} } @media screen and (max-width: 400px) { .last-viewed {display: none;} .telephones-popup-container.popup.popup-system .popup-content.telephones-popup-content p {font-size: 16px; padding-top: 5px; padding-left: 50px;} .telephones-popup-content .telephones-container img {width: 30px; height: 30px; margin-right: 10px;} } #listing, .listing-content {position: relative; text-align: center;} .listing-content .preloader {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(242, 242, 242, 0.7);z-index: 4;} .listing-content .preloader .loader {position: absolute; width: 100%; top: 50%; margin-top: -15px; text-align: center;} .listing-content .preloader span {display: inline-block; margin: -30px 2px 0; width: 30px; height: 30px; border-radius: 50%; animation: load 1.2s infinite ease-in-out;} .listing-content .preloader span:nth-child(2) {animation-delay: 0.2s} .listing-content .preloader span:nth-child(3) {animation-delay: 0.4s} @keyframes load { 0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em #14529f;} 40% {box-shadow: 0 2.5em 0 0 #14529f;} } /*PRELOADER*/ .auction-slider .preloader {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent;z-index: 4;} .auction-slider .preloader .loader {position: absolute; width: 100%; top: 50%; margin-top: -15px; text-align: center;} .auction-slider .preloader span {display: inline-block; margin: -30px 2px 0; width: 30px; height: 30px; border-radius: 50%; animation: load2 1.2s infinite ease-in-out;} .auction-slider .preloader span:nth-child(2) {animation-delay: 0.2s} .auction-slider .preloader span:nth-child(3) {animation-delay: 0.4s} @keyframes load2 { 0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em #fff;} 40% {box-shadow: 0 2.5em 0 0 #fff;} } .print-box {display: none;} @media print { @page { size: auto; /* auto is the initial value */ margin-top: 100px; } .auction-slider {display: none!important} #HEADER {display: none;} #HEADER .right {display: none;} .slick-prev, .slick-next {display: none;} .auction-slider .price {background: #2ecc71} .breadcrumbs {display: none} #cookies {display: none!important;} #FOOTER {display: none;} .subpage.auction .top-bar h1 {padding-top: 80px; width: 100%; text-align: center; max-width: 100%; display: block;} .subpage.auction .sliding-content {display: none;} .subpage.auction .auction-content .boxes {width: 100%; max-width: 100%; padding-right: 0;} .subpage.auction .auction-content .single-box.benefiting, .subpage.auction .options-links {display: none;} .subpage.auction .bottom-content {display: none;} .print-box {display: block;} .print-box.header {position: absolute; top: 0; left: 0} .single-box {page-break-inside: avoid;} } #ie-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding-top: 40px; font-size: 30px; color: #2b2b2b; text-align: center; background: #fff; z-index: 999} #ie-overlay a {color: #2ecc71;} #ie-overlay a:hover {text-decoration: underline;} #HEADER .bottom-header .right .followed-container {position: absolute; padding-top: 8px;margin: 0 0 0 -50px; left: 0;width: 327px; display: none; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2)} #HEADER .bottom-header .right .holder:hover .followed-trigger + .followed-container {display: block;} #HEADER .bottom-header .right .followed-container > .title {color: #fff; text-align: center; padding: 10px 10px 8px; margin: 0; font-weight: 700;line-height: 1.3; font-size: 20px; background-color: #2ecc71; display: block;} #HEADER .bottom-header .right .followed-container .small-tiles {width: 100%; margin-right: 0; padding: 20px; background: #fff} #HEADER .bottom-header .right .followed-container .small-tiles .single a {color: inherit; margin: 0 0 10px; padding-bottom: 8px; font-size: 14px; line-height: 1.2; display: block;width: 100%; border-bottom: 1px solid #d4d4d4} #HEADER .bottom-header .right .followed-container .small-tiles .single.last a {border-bottom: 0;} #HEADER .bottom-header .right .followed-container a:before {content: none;} #HEADER .bottom-header .right .followed-container .small-tiles .single a:hover {opacity: 0.8} #HEADER .bottom-header .right .followed-container .small-tiles .single .content {width: 90px; margin-right: 6px; display: inline-block;} #HEADER .bottom-header .right .followed-container .small-tiles .single .content img {position: static; display: block;} #HEADER .bottom-header .right .followed-container .small-tiles .single .right-content {float: right; width: calc(100% - 100px)} #HEADER .bottom-header .right .followed-container .small-tiles .single .title h4 {padding: 0 0 3px; font-size: 14px; line-height: 1.2; color: #3a3b3c;} #HEADER .bottom-header .right .followed-container .small-tiles .single .bottom .price {position: static;height: auto; max-width: 100%; background: #fff; text-align: left; padding: 0;} #HEADER .bottom-header .right .followed-container .small-tiles .single .bottom .price .numbers {color: #2ecc71; font-weight: 900;} #HEADER .bottom-header .right .followed-container .small-tiles .single .bottom .price .currency {color: #2ecc71;} #HEADER .bottom-header .right .followed-container .button {padding: 12px 10px 8px; display: block; max-width: 240px; margin: 10px auto 0; color: #fff;} #HEADER .bottom-header .right .followed-container .button img {position: static; margin-left: 4px; width: 14px;} #HEADER .bottom-header .right .holder {position: relative;} #HEADER .bottom-header .right .followed-container h5 {font-size: 12px; margin-top: 2px; line-height: 1.1; font-weight: 400; color: #2ecc71;} .subpage.auction .auction-content .single-data.seller-number{cursor: pointer} .subpage.auction .auction-content .single-data.seller-number:hover .data-inner .visable{text-decoration: underline} .subpage.auction .auction-content .single-data.seller-number .data-inner{} .subpage.auction .auction-content .single-data.seller-number .data-inner span{display: none;} .subpage.auction .auction-content .single-data.seller-number .data-inner span.active{display: inline-block;} .contact-container .how-works .how-works-extended-show{margin-top: 5px;display: block} .listing-ext-content-show{margin-top: 5px;display: block} /* #HOME > div:nth-child(even){background-color: #fff!important;} */ /* #HOME > div:nth-child(odd){background-color: #f2f2f2!important;} */ #HOME > div#stats-screen{background-color: #fff!important;} .sliding-box .number-trigger.block,.sliding-box .follow.block{float: none;display: block} .subpage .sidebar.promo-sidebar .commercial-box .hidden-img{display: none} .listing-content .single-auction .auction-content > a{display: flex; flex-direction: column;justify-content: space-between;height: 160px;} .listing-content .single-auction .auction-content .vehicle-info{margin-top: 0;display: flex;justify-content: space-between} .single-auction .auction-content .vehicle-info .single {padding: 0 15px 5px 25px;flex-basis: auto;} @media screen and (max-width: 1640px) { #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content {max-width: 600px;} } @media screen and (max-width: 1340px) { .notfound_404{height: 290px} .notfound .notfound-content .error{min-height: 340px} .single-auction .auction-content .vehicle-info .single {flex-basis: 50%;margin: 5px 0;} .listing-content .single-auction .auction-content .vehicle-info{flex-wrap: wrap} } @media screen and (max-width: 1280px) { #HOME-container .read-all {margin: 30px auto 30px;} .news-section {padding: 35px 0 5px;} #HOME-container .banner-slider {height: 500px;} #HOME-container .overlay.search-container .search-box .radios-cnt {width: 51%;} #HOME-container .overlay.search-container .search-box #div .select-cnt.select-div {width: 47%;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content {height: 500px;} #HOME-container .main-slider {height: 500px;} #HOME-container .banner-slider-container .banner-slider-photo {height: 500px;} #HOME-container .banner-slider .banner-content-container {height: 500px;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content {padding-top: 140px;} } @media all and (max-width: 1240px){ .listing-content .single-auction .auction-content > a{height: 97px} } @media screen and (max-width: 1130px) { .notfound_404{height: 210px} .notfound .notfound-content .error{min-height: 290px} .notfound .notfound-content {padding-top: 120px;} .listing-content .single-auction .auction-content > a{height: 125px} } @media screen and (max-width: 970px) { .notfound_404{ height: 170px;order: 1;position: relative} .notfound .notfound-content .error{min-height: 1px;flex-direction: column-reverse;padding: 20px 15px;text-align: center} .notfound .notfound-content .error .link{margin: 20px auto 0 auto} .notfound .notfound-content {padding-top: 120px;} } @media screen and (max-width: 800px) { .subpage .sidebar.promo-sidebar .commercial-box .hidden-img{display: block;margin: 0 auto} .subpage .sidebar.promo-sidebar .commercial-box .visable-img{display: none} .subpage .sidebar.promo-sidebar .visable-img{display: none} .subpage .sidebar.promo-sidebar{float: none;width: 100%;max-width: 100%;} } @media screen and (max-width: 1050px) { #FOOTER .footer-container .footer-box {flex-basis: 49%; margin-bottom: 30px;} #FOOTER .footer-container .footer-box.first-footer-box {flex-basis: auto; border-right: none;} #FOOTER .footer-container .footer-box.second-footer-box {flex-basis: auto;} #FOOTER .footer-container {flex-wrap: wrap; justify-content: space-between;} #FOOTER .footer-container .footer-box.footer-social-media {flex-basis: auto;} #FOOTER .footer-container {padding: 35px 0;} #FOOTER .footer-container .footer-box.footer-box-padding-top {flex-basis: 40%; margin-left: 0; margin-right: auto;} #FOOTER .footer-container .footer-box.footer-box-padding-top br {display: none;} #FOOTER .footer-container .footer-box.footer-social-media {flex-basis: 23%; margin-left: 0; margin-right: auto;} #FOOTER .footer-container .footer-box.footer-social-media a {display: block; margin-bottom: 10px;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content .banner-content-header {font-size: 36px;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content .banner-content-description {font-size: 22px;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content {max-width: 450px; padding-left: 40px; padding-top: 100px;} #HOME-container .banner-slider {height: 400px;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content {height: 400px;} #HOME-container .main-slider {height: 400px;} #HOME-container .second-banner.banner-slider-container .banner-slider-photo {height: 400px;} #HOME-container .banner-slider .banner-content-container {height: 400px;} /* #HOME-container .second-banner.banner-slider-container .banner-slider-photo {right: -190px;} */ #HOME-container .banner-slider .banner-content .banner-content-header {font-size: 36px;} #HOME-container .banner-slider .banner-content .banner-content-description {font-size: 22px;} #HOME-container .banner-slider .banner-content {height: 290px; padding: 45px 40px;} } @media screen and (max-width: 1024px) { #HOME-container .stats-container .tile {border-right: none; margin-top: 0px;} #HOME-container .stats-container .overlay {padding: 20px 0;} #HOME-container .benefits-container .tile {border-right: none;} .offers-cnt .page {max-width: none;} #HOME-container .page.offers-container {flex-wrap: wrap; justify-content: center;} #HOME-container .offers-cnt .single.highlighted {flex-basis: 100%;} /* #HOME-container .last-row {margin: 0;} */ #HOME-container #MAIN_TOP .overlay .search-box {padding-top: 0;} #HOME-container .offers-cnt .small-tiles { justify-content: space-between; flex-basis: 100%;} /* #HOME-container .offers-cnt .small-tiles .single {flex-basis: 24%;} */ #HOME-container .white-check {position: relative;} #HOME-container .last-row .bottom .price {top: -16px;} #HOME-container .overlay.search-container .search-box #div .select-cnt.select-div {max-width: none; width: 46%;} .listing-content .single-auction .auction-content > a {height: auto;} .single-auction .auction-content .vehicle-info .single{text-align: left} .listing-content .single-auction .picture{float: none} .listing-content .single-auction .auction-content,.listing-content .single-auction .options .auction-type{margin-top: 0} } @media screen and (max-width: 880px) { #HOME-container .read-all {margin: 10px auto 30px;} #HOME-container .overlay.search-container .search-box .search-inner {padding: 30px 15px 0;} } @media screen and (max-width: 860px) { #HOME-container .promo-container .promo-box-container .promo-box.second-promo {margin-left: 0;} .news-section .news-box-container .news-box .news-header {min-height: auto;} .news-section .news-box-container .news-box {height: auto;} .news-section .news-box-container .news-box .news-description {min-height: auto;} #HOME-container .overlay.search-container .search-box .select-cnt {margin: 30px 0 0 0;} .news-box-container .news-box.second-news {margin-left: 10px; margin-right: 0px; } #HOME-container .promo-container .promo-box-container .promo-box.second-promo {margin-left: 10px; margin-right: 0px;} .news-box-container .news-box.second-news {margin-left: 0;} .news-section .news-box-container .news-box .news-description {min-height: auto;} /* #HOME-container .news-section .news-box-container .news-box {flex-basis: 47%; margin-bottom: 20px; height: auto;} */ .news-section .news-box-container .news-box br {display: none;} /* #HOME-container .second-banner.banner-slider-container .banner-slider-photo {top: -70px;} */ #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content {max-width: 320px;} #HOME-container .second-banner.banner-slider-container .banner-text-container {padding-top: 70px;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content .banner-content-header {font-size: 28px;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content .banner-content-description {font-size: 18px;} /* #HOME-container .overlay.search-container .search-box button {margin: 34px 0 0 3px;} */ #HOME-container .overlay.search-container .search-box .select-cnt {margin: 30px 5px 0 0;} .news-section .news-box-container {flex-wrap: wrap; justify-content: center;} #HOME-container .promo-container .promo-box-container {flex-wrap: wrap; justify-content: center;} /* #HOME-container .promo-container .promo-box-container .promo-box {flex-basis: 47%; margin-bottom: 20px;} */ .news-section .news-box-container .news-box {flex-basis: 100%; margin-bottom: 20px;} #HOME-container .promo-container .promo-box-container .promo-box {flex-basis: 100%; margin-bottom: 20px;} /* #HOME-container .overlay.search-container .search-box .select-cnt {margin: 30px 10px 0 0;} */ } @media screen and (max-width: 768px) { #HOME-container .overlay.search-container .search-box .search-header {font-size: 26px;} #HEADER .bottom-header .right .holder:hover .followed-trigger + .followed-container {display: none;} .subpage .sidebar.promo-sidebar .commercial-box{display: block} .sliding-content.new-panel .ask-box {width: 100%; max-width: none; margin: 10px auto 0; height: 40px;} .sliding-content.new-panel .show-tel-numbers {max-width: none; margin-left: auto; margin-right: auto; height: 40px;} #HOME-container .overlay.search-container .search-box #div.truck .select-cnt.smaller #HOME-container .overlay.search-container .search-box #div.truck .select-cnt.select-div {max-width: 175px;} #HOME-container .overlay.search-container .search-box #div.truck .select-cnt.smaller {max-width: 175px;} #FOOTER .footer-container .footer-box.footer-box-padding-top {flex-basis: 70%; margin-left: 0; margin-right: auto;} #FOOTER .footer-container .footer-box.footer-social-media {flex-basis: 23%;} #FOOTER .footer-container .footer-box.first-footer-box {flex-basis: 60%;} #FOOTER .footer-container .footer-box.second-footer-box {flex-basis: 35%; border-right: none;} #FOOTER .footer-container .footer-box .newsletter button {padding: 0;} #HEADER .second-nav {display: none;} /* #HOME-container .second-banner.banner-slider-container .banner-slider-photo {top: 20px;} */ #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content {max-width: 290px; top: 0; padding-top: 120px;} #HOME-container .banner-slider .banner-content {padding: 35px 40px; height: 250px; max-width: 350px; top: 50px;} #HOME-container .banner-slider .banner-content .banner-content-header {font-size: 26px;} #HOME-container .banner-slider .banner-content .banner-content-description {font-size: 18px;} /* #HOME-container .banner-slider .banner-slider-photo {top: 20px;} */ .news-section .news-box-container {flex-wrap: wrap; justify-content: center;} #HOME-container .tabs-cnt .tab-trigger span {margin: 12px auto !important;} /* #HOME-container .overlay.search-container .search-box .radios-cnt {width: 43%;} */ #HOME-container .overlay.search-container .search-box .search-inner {padding: 15px 15px 20px;} #HOME-container .overlay.search-container .search-box #div.truck .inputs-cnt {padding-right: 0px;} #HOME-container .overlay.search-container .search-box #div .select-cnt.select-div {width: 48%; margin-top: 0px;} #HOME-container .overlay.search-container .search-box .select-cnt.split {margin-top: 0px;} #HOME-container .overlay.search-container .search-box #div.truck .select-cnt.smaller {margin-top: 0;} /* #HOME-container .overlay.search-container .search-box #div .select-cnt.select-div {max-width: 260px;} */ #HOME-container .overlay.search-container .search-box button {margin:68px 0 0 7px; float: none; width: 20%; height: 40px;} .notfound .notfound-content {padding-top: 80px;} } @media screen and (max-width: 670px) { #FOOTER .footer-container {justify-content: center;} #FOOTER .footer-container .footer-box.footer-box-padding-top {flex-basis: 75%; margin-left: 0; margin-right: auto;} #FOOTER .footer-container .footer-box.footer-social-media {flex-basis: 20%;} #FOOTER .footer-container .footer-box.first-footer-box {flex-basis: 100%;} #FOOTER .footer-container .footer-box.second-footer-box {flex-basis: 100%;} #FOOTER .footer-container .footer-box .footer-row {margin-bottom: 10px;} #FOOTER .footer-container .footer-box {margin-bottom: 20px;} #FOOTER .footer-container .footer-box {height: auto;} } @media screen and (max-width: 640px) { /* #HOME-container .second-banner.banner-slider-container .banner-slider-photo {right: 0;} */ #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content { max-width: 660px;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content {background-color: rgba(0, 89, 167, 0.9);} #HOME-container .second-banner.banner-slider-container .banner-text-container {text-align: center;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content .banner-content-header {text-align: center;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content .banner-content-description {text-align: center;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content a {margin: 0 auto;} /* #HOME-container .second-banner.banner-slider-container .banner-slider-photo {top: 70px;} */ } @media screen and (max-width: 590px) { #HOME-container .overlay.search-container .search-box .select-cnt {margin: 0;} #HOME-container .overlay.search-container .search-box button {width: 40%; display: block; margin: 30px 0;} #HOME-container .overlay.search-container .search-box .select-cnt.split {width: 33%;} #HOME-container .overlay.search-container .search-box #div .select-cnt.select-div {max-width: none; width: 100%;} #HOME-container .last-row {padding: 0 6px; display: block;} #HOME-container .offers-cnt .single {width: 100%;} #HOME-container .offers-cnt .last-row .single .bottom .price {top: -107px; right: 2%; left: auto;} #HOME-container .last-row .single .follow, .last-row .single-auction .picture .follow {right: auto; left: 25px; top: 25px;} #HOME-container .last-row .title h4, .last-row .single .title h3 {width: 100%; max-width: 300px; height: 60px;font-size: 16px;} #HOME-container .last-row .single .title {position: absolute; right: 0%; top: 5px; font-size: 16px; padding: 0; width: 440px; z-index: 1;} #HOME-container .offers-cnt .last-row .single .follow {left: 6%; top: 25px;} #HOME-container .offers-cnt .single .follow {right: auto; left: 20px; top: 183px;} #HOME-container .offers-cnt .single {min-height: auto;} #HOME-container .offers-cnt .single .follow {left: 3%; top: 185px;} #HOME-container .offers-cnt .small-tiles {display: block;} #HOME-container .offers-cnt .small-tiles .single .bottom .price {top: -107px; right: 13%; left: auto;} #HOME-container .offers-cnt .small-tiles .single .follow, .single-auction .picture .follow {right: auto; left: 4%; top: 25px;} #HOME-container .offers-cnt .small-tiles .single .title h4 {width: 100%; max-width: 200px; height: 60px;font-size: 16px;} #HOME-container .offers-cnt .small-tiles .single .title {width: 150px; position: absolute; right: 2%; top: 10px; font-size: 16px; padding: 0; z-index: 1;} #HOME-container .offers-cnt .small-tiles .single .title h3 {text-shadow: 0 0 2px rgb(255, 255, 255); text-align: right;} #HOME-container .offers-cnt .single .title h3 {font-size: 22px; margin: -3px -15px 3px -158px;} #HOME-container .offers-cnt .last-row .single .title h3 {width: 308px; margin: -3px -15px 2px 131px; text-align: right; text-shadow: 0 0 3px rgb(255, 255, 255);} #HOME-container .single .bottom .price .numbers {margin-top: -1px;} #HOME-container .last-row .bottom .price .numbers {margin-top: -2px;} #HOME-container .highlighted > a:nth-child(1) > div:nth-child(1) {padding-left: calc(318.25px - 47.5vw);} #HOME-container .single.highlighted .title h2 {white-space: initial; max-width: 80%;} #HOME-container .offers-cnt .single.highlighted .content {min-height: 332px;} #HOME-container .hide-for-mobiles {display: none!important;} } #HOME-container .single .bottom .price .numbers {margin-top: -1px;} #HOME-container .last-row .bottom .price .numbers {margin-top: -2px;} @media screen and (max-width: 580px) { .benefits-container .overlay {min-height: 480px;} /* #HOME-container .news-section .news-box-container .news-box {flex-basis: 100%;} #HOME-container .promo-container .promo-box-container .promo-box {flex-basis: 100%;} */ .news-box-container .news-box.second-news {margin-left: 0px; } #HOME-container .promo-container .promo-box-container .promo-box.second-promo {margin-left: 0px;} .news-section .news-box-container .news-box .news-header {min-height: auto;} .news-section .news-box-container .news-box .news-description {min-height: auto;} #HOME-container .benefits-container .tile .inner p {font-size: 16px; margin-top: 20px;} #HOME-container .benefits-container .tile .inner img {width: 70px; height: 85px;} #HOME-container .second-banner.banner-slider-container .banner-text-container {padding-top: 0px;} #HOME-container .second-banner.banner-slider-container {height: 400px;} #HOME-container .banner-slider .banner-content {height: 400px; padding-top: 110px; max-width: 600px;} #HOME-container .banner-slider .banner-content-container {height: 400px;} /* #HOME-container .banner-slider .banner-slider-photo {top: 70px;} */ /* #HOME-container .offers-cnt .single {max-width: 300px !important;} */ /* #HOME-container .offers-cnt .single .content {min-height: 180px !important;} */ #HOME-container .offers-cnt .single .content > img {min-height: 180px !important;} #HOME-container .offers-cnt .small-tiles .single {flex-basis: 100%;} #HOME-container .offers-cnt .small-tiles {justify-content: center;} #HOME-container .offers-cnt .single {flex-basis: 100%;} #HOME-container .last-row {justify-content: center;} #HOME-container #MAIN_TOP .overlay .search-box .select-cnt.smaller {max-width: none;} #HOME-container .overlay.search-container .search-box .select-cnt {margin: 0;} #HOME-container .overlay.search-container .search-box #div.truck .select-cnt.select-div {max-width: none; width: 100%;} #HOME-container .overlay.search-container .search-box #div.truck .select-cnt.smaller {max-width: none; width: 100%;} #HOME-container .overlay.search-container .search-box .radios-cnt {width: 100%;} .notfound .notfound-content .notfound-header{font-size: 30px;} .notfound .notfound-content .notfound-description,.notfound-second-section h6{font-size: 20px;} .notfound_404{height: 130px;} } @media screen and (max-width: 550px) { #HOME-container .offers-cnt .small-tiles .single .bottom .price {right: 2%;} #HOME-container .offers-cnt .small-tiles .single .title h4 {text-align: right;} #HOME-container .offers-cnt .last-row .single .bottom .price {right: 2%;} #HOME-container .last-row .single .title h4 {text-align: right;} } @media screen and (max-width: 530px) { /* #HOME-container .offers-cnt .small-tiles .single .content {max-width: 290px;} */ .offers-cnt .single .bottom .price {margin-left:7%;} #HOME-container .bottom .single {margin-left: 10%;} } @media all and (max-width: 500px){ .subpage div.advanced-search .input {margin: 3px 0;width: 48%;max-width: 48%;} .advanced-search .select2-container {width: 48%!important;margin: 3px 0;} } @media screen and (max-width: 500px) { .benefits-container .overlay {min-height: 450px;} #HOME-container .slick-dots {display: none !important;} #HOME-container .banner-slider .banner-content {opacity: 1; text-align: center;} #HOME-container .banner-slider .banner-content a {margin: 0 auto;} /* #HOME-container .offers-cnt .small-tiles .single .content {max-width: 260px;} */ .offers-cnt .single .bottom .price {margin-left:5%;} #HOME-container .bottom .single {margin-left: 6%;} } @media screen and (max-width: 480px) { #FOOTER .footer-container .footer-box .newsletter input {padding-left: 5px; padding-right: 0px; width: 155px;} #FOOTER .footer-container .footer-box .newsletter button {font-size: 12px; width: 55px;} #FOOTER .footer-container .footer-box.footer-social-media {padding: 0 10px;} #HOME-container .benefits-container .tile {padding: 0 15px;} #HOME-container .second-banner.banner-slider-container .banner-content-container .banner-content {background-color: rgba(0, 89, 167, 1);} #HOME-container .second-banner.banner-slider-container .slick-dots {display: none !important;} #HOME-container .second-banner.banner-slider-container {height: 360px;} #HOME-container .main-slider {height: 360px;} .offers-cnt .single .bottom .price {margin-left: calc(289px - 50vw); max-width: 175px;} #HOME-container .bottom .single {margin-left: calc(270px - 50vw);} .offers-cnt .single .bottom .price .numbers {font-size: 26px;} .offers-cnt .single .bottom .price .currency {font-size: 18px;} .offers-cnt .single .follow {width: 46px; height: 46px; line-height: 46px; padding: 4px 0 0 1px; right: 20px; top: 123px;} /* #HOME-container .offers-cnt .small-tiles .single .content {max-width: 230px;} */ } @media screen and (max-width: 400px) { #HOME-container .overlay.search-container .search-box .select-cnt.split {width: 43%;} /* #HOME-container .offers-cnt .small-tiles .single .content {max-width: 170px;} */ #HOME-container .bottom .single {calc(270px - 50vw);} } #HOME-container .offers-cnt .small-tiles .single .title h3{width: 308px; overflow: hidden;} #HOME-container .offers-cnt .last-row .single .title h3{width: 308px; overflow: hidden;} #HOME-container .title h2{width: 610px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .promo-promo-button {font-weight: 400; display: inline-block;} .promo-promo-button a {font-size: 14px; margin: 0 10px 0 10px; color: #3A3B3C; border: 1px solid #A6A6A6; background-color: #EBEBEB; justify-content: center; align-items: center; padding: 11px; padding-left: 23px; padding-right: 23px;} .promo-promo-button a:hover {background: #A6A6A6; color: #FFFFFF; transition-duration: 0,5s;} .promo-promo-button-mobi {font-weight: 400; display: inline-block;} .promo-promo-button-mobi a {font-size: 14px; margin: 0 10px 0 10px; color: #3A3B3C; border: 1px solid #A6A6A6; background-color: #EBEBEB; justify-content: center; align-items: center; padding: 11px; padding-left: 23px; padding-right: 23px;} .promo-promo-button-mobi a:hover {background: #A6A6A6; color: #FFFFFF; transition-duration: 0,5s;} #search div.form-inputs { margin: 14px 0 6px 0; } #HOME-container .stats-container .tile:nth-of-type(4) { border-right: none!important; } #HOME-container .benefits-container .tile:nth-of-type(4) { border-right: none!important; } @media screen and (max-width: 768px) { #art_head_space { height: 60px!important; } } html { scroll-behavior: smooth; } @media screen and (min-width: 1131px) and (max-width: 1309px) { .mid-screen-hide {display:none!important;} #HOME-container .offers-cnt .small-tiles {padding-left: calc(50.34vw - 495.9px)!important;} #HOME-container div.offers-cnt:nth-child(2) > div:nth-child(2) {margin: 0 auto!important;} #HOME-container .offers-cnt .single.highlighted {min-width: calc(49.66vw + 148.9px);} } @media screen and (max-width: 1130px) { .outside-mid-screen-hide {display:none!important;} } @media screen and (min-width: 1310px) { .outside-mid-screen-hide {display:none!important;} } #atstbx {display: none;} /* seller phones box adjust */ @media screen and (max-width: 480px) { #contact-with-seller .contact-with-seller-bottom .contact-box-info { padding-left: 48px; } #contact-with-seller .contact-with-seller-bottom .contact-box-info > img { left: 15px; } #contact-with-seller .contact-with-seller-bottom .contact-box-info a { display: block; } } /**/ @media screen and (max-width: 550px) { .show-desk { display:none!important; } } @media screen and (min-width: 551px) { .show-mobi { display:none!important; } } /* cookie yes reconfiguration */ .cky-revisit-bottom-left { box-shadow: 0 1px 3px rgba(0,0,0,.2) !important; } #callpage.cp-callpage.cp-callpage--widget-callback.cp-theme-light div.cp-button-section.cp-callpage__button { z-index: 9!important; } .cky-preference-center .cky-footer-wrapper div:last-child { display: none!important; } .cky-footer-wrapper { padding: 0 0 3px 0; } @media (min-width: 576px) { .cky-consent-container.cky-box-top-right { width: 540px; margin: 0; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999999; } .cky-consent-bar { padding: 40px 44px!important; } .css-ct72fm { z-index: 2 !important; } } .mobile-search-trigger.md_trigger { align-items: center; justify-content: center; width: 100%; max-width: 338px; border: 1px solid #2ecc71; border-radius: 5px; font-weight: 500; color: #2ecc71; text-decoration: none; padding: 7.5px 0; transition: background-color 0.3s, color 0.3s; margin-top: 20px; display: flex; } .mobile-search-trigger.md_trigger svg { margin-right: 5px; transition: fill 0.3s; } .mobile-search-trigger.md_trigger:hover { background-color: #2ecc71; color: white; } .mobile-search-trigger.md_trigger:hover svg { fill: white; } .mobile-search-trigger.md_trigger.close { display: none; color: #fff; background-color: #2ecc71; } .mobile-search-trigger.md_trigger.close svg { fill: #fff; } .mobile-search-trigger.md_trigger.close:hover { color: #2ecc71; background-color: #f2f2f2; } .mobile-search-trigger.md_trigger.close:hover svg { fill: #2ecc71; } @media screen and (min-width: 801px) { #bzz { display: none; } } .md_c_button { align-items: center; justify-content: center; width: 100%; border: 1px solid #2ecc71; border-radius: 5px; font-weight: 500; color: #2ecc71; font-size: 12px; text-decoration: none; padding: 7.5px 0; transition: background-color 0.3s, color 0.3s; margin-top: 20px; display: flex; }