html{
width:100%;
}
body{
/* font-family: verdana,arial,sans-serif !important; */
font-size: 13px !important;
}
@media screen and (max-width: 768px) {
.visible-xs-inline {
display: inline-block !important;
}
}
.btn.btn-success:hover {
background-color: #4F9B2B;
background-image: none;
}
.btn.btn-success {
border-color: #59AD2F;
background: #59AD2F;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.zopim {
right: 30px !important;
}
@media screen and (min-width: 768px) {
.visible-xs-inline {
display: none !important;
}
}
@media (min-width: 1200px) {
.container.container-vehicles-list {
width: 100%;
}
}
@media (min-width: 992px) {
.container.container-vehicles-list {
width: 100%;
}
}
@media (min-width: 1700px) {
.container.container-vehicles-list {
width: 1650px;
}
}
@media (max-width: 990px){
.container {
width: unset;
}
}
.info-box p {
line-height: 22px;
margin-bottom: 30px;
}
.flex{
/* display:flex; */
/* flex-wrap: wrap; */
}
.container.container-index{
max-width:unset;
width: 100%;
}
.container-section-border{
max-width:1170px;
margin:auto !important;
}
.container-section-wide{
width:100%;
}
.container-section-info{
background: #fafafa;
padding: 80px 0 0px 0;
/* margin-top:80px; */
}
.container-info-item-title {
font-weight: 600;
font-family: "Montserrat", sans-serif;
color: #222222;
font-size: 18px;
line-height: 1.2;
margin: 0;
padding: 0 0 12px 0;
}
.container-info-item{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 5px;
}
.container-inner{
background-image: url('/static/templates/css/images/bike_test..jpg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
background-size: 90% auto;
/* margin-top: -36px; */
width: 100%;
padding: 3px 0 115px 0;
}
.info-container .container-info-item:not(:first-child) {
margin-top: 20px;
}
.info-container-icon {
margin-right: 27px;
}
.info-container-icon{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 98px;
height: 98px;
min-width: 98px;
min-height: 98px;
background-color: #dd3d3d;
font-size: 42px;
line-height: 1;
color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.ml-auto {
margin-left: auto !important;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 1230px){
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
}
.info-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
margin-top: 50px;
}
@media (min-width: 1230px){
.info-container {
max-width: unset;
}
}
.info-container {
max-width: 1200px;
}
.info-container-block-title{
text-align: center;
padding-bottom: 35px;
}
.info-container-title{
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 40px;
line-height: 1.1;
margin: 0;
padding: 0px;
color: #222222;
}
.container-inner.bike{
background-image: unset;
}
@media (min-width: 1230px){
.container-inner.bike{
background-image: url(/static/templates/css/images/bike_test.jpg);
}
}
.info-container-description{
font-size: 14px;
font-weight: 500;
line-height: 1.3;
color: #dd3d3d;
margin-top: 7px;
font-size: 1.9em;
}
@media (max-width: 768px){
.info-container-title{
font-size: 28px;
}
.info-container-description{
font-size: 1.2em;
}
.info-container-icon {
width: 68px;
height: 68px;
min-width: 68px;
min-height: 68px;
font-size: 32px;
}
.info-container-block-title {
padding-bottom: 15px;
}
.container-inner.bike{
background-image: unset;
}
.container-inner {
padding: 3px 0 65px 0;
}
}
.text-roboto{
font-family: "Roboto"
}
.input-xs{
height: 28px;
padding: 5px 3px;
font-size: 11px;
line-height: 1.5;
border-radius: 3px;
}
.addon-xs{
padding: 6px 4px;
font-size: 11px;
font-weight: 400;
line-height: 1.25;
}
a:not([class]){
color: rgba(204, 16, 16, 0.86);
}
a:not([class]):focus,
a:not([class]):hover {
color: #9b362b;
}
a:hover, a:focus, a:active {
text-decoration: none;
}
.row_head{
margin-bottom:10px;
}
/* .small, small { */
/* font-size: 80%; */
/* } */
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline: none;
}
.form-control.newsletter-input{
border: 0;
background-image: linear-gradient(#b02727, #af2222), linear-gradient(#D2D2D2, #D2D2D2);
background-size: 0 2px, 100% 1px;
background-repeat: no-repeat;
background-position: center bottom, center calc(100% - 1px);
background-color: transparent;
transition: background 0s ease-out;
float: none;
box-shadow: none;
border-radius: 0;
font-weight: 400;
margin-bottom: 7px;
color: #CCC;
}
.form-control.newsletter-input:focus{
background-size: 100% 2px, 100% 1px;
box-shadow: none;
transition-duration: 0.3s;
}
.form-group.is-focused .form-control.newsletter-input {
outline: none;
background-image: linear-gradient(#c72525, #c72525), linear-gradient(#D2D2D2, #D2D2D2);
background-size: 100% 2px, 100% 1px;
box-shadow: none;
transition-duration: 0.3s;
}
.newsletter{
color: #c9c9c9;
}
/* .sidebar{ */
/* max-width: 23%; */
/* } */
.relative{
position:relative !important;
}
/* ul.nav-pills{ */
/* margin-top:10px; */
/* } */
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
color:#FFF;
}
li a strong{
color:#555;
}
li a span.inline{
color: #cc3322;
font-size:0.9em;
font-weight:bold;
}
/* Pagination in pages */
.pagination > li > a, .pagination > li > span {
background: none repeat scroll 0 0 white;
font-size: 15px;
padding: 7px 15px !important;
line-height: 22px !important;
transition: all 0.3s ease-out 0s;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > li > a:hover, .pagination > li > span:hover {
/* background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65) !important; */
background: none repeat scroll 0 0 #dd2c2d !important;
border-color: transparent;
}
#pagination_button:hover,#infinite_button:hover,#btn_grid_display:hover,#btn_list_display:hover{
color: #dd3d53;
}
#pagination_button.active,#infinite_button.active,#btn_grid_display.active,#btn_list_display.active{
color: #dd3d53;
border: 1px solid #dd3d53 !important;
}
#pagination_button,#infinite_button,#btn_grid_display,#btn_list_display{
padding: 5px 10px;
box-shadow: unset !important;
border: 1px solid #b3b3b3;
border-radius: 0px;
background: white;
color: #222;
font-size: 1.3em;
}
@media (max-width: 500px){
#pagination_button,#infinite_button,#btn_grid_display,#btn_list_display{
padding: 5px 11px;
box-shadow: unset !important;
border: 1px solid #b3b3b3;
border-radius: 0px;
background: white;
color: #222;
font-size: 1em;
}
}
.optWrapper{
margin-top: 5px;
}
.SumoSelect>.CaptionCont>span {
cursor: pointer !important;
}
.SumoSelect>.optWrapper>.options li.opt:hover {
background-color: #d44230 !important;
color: white !important;
}
.SumoSelect>.optWrapper>.options li.opt:hover>label{
color: white !important;
}
.SumoSelect>.optWrapper>.options {
max-height: 380px !important;
}
@media (max-width: 500px){
.SumoSelect>.CaptionCont {
height: 31px !important;
font-size: 14px !important;
min-width: 210px !important;
}
}
.SumoSelect .optWrapper>.options li.opt, .SumoSelect .optWrapper>.options li.opt>label {
padding: 2px 7px !important;
line-height: 24px;
border-color: transparent;
-moz-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.SumoSelect{
width: inherit !important;
}
.SumoSelect>.CaptionCont{
height: 36px;
padding: 6px 13px;
font-family: Roboto;
font-size: 15px;
font-weight: 400;
color: #666;
min-width: 230px;
}
.SumoSelect:hover>.CaptionCont, .SumoSelect.open>.CaptionCont,.SumoSelect:focus>.CaptionCont {
border-color: #dd3d53 !important;
-webkit-box-shadow: 0px 0px 1px #dd3d53 !important;
-moz-box-shadow: 0px 0px 1px #dd3d53 !important;
box-shadow: 0px 0px 1px #dd3d53 !important;
}
@media (min-width: 750px) {
.main-col-left{
width: 39.5% !important;
}
.main-col-right{
width: 60.5%!important;
}
.main-col{
width: 100% !important;
}
}
@media (min-width: 992px) {
.main-col{
width: 77% !important;
}
}
@media only screen and (max-width: 767px){
.container {
padding-left: 7px;
padding-right: 7px;
}
}
/* @media (min-width: 500px) { */
/* .fancy-select { */
/* width:112% !important; */
/* } */
/* } */
.navbar-nav {
margin: 0px;
}
.navbar {
border-radius: 0px !important;
margin: 10px 0 10px !important;
}
.navbar-collapse {
max-height: none;
padding-left:10px;
}
.live_sw{
display: none;
position: fixed;
bottom: 53px;
right: 0px;
width: 25px;
height: 120px;
background: none repeat scroll 0 0 #ca3434;
color: white;
font-size: 1.3em;
padding: 5px;
border-radius: 4px 0 0 4px;
}
/* Legacy parking styles - replaced by modern Tailwind implementation */
/* These styles are kept for backward compatibility but are no longer used */
ul, ul ul {
margin: 0;
padding: 0;
list-style: none;
}
.span-container{
float: right;
margin-right: 16px;
}
/* #wrapper {
font-size: 0.9em;
overflow: hidden;
box-shadow: 0 0 11px 4px rgb(0 0 0 / 52%);
} */
#wrapper1 {
font-size: 0.9em;
box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.13), 0 0 18px 0 rgba(0, 0, 0, 0.13);
margin-bottom:10px;
}
.menu {
width: auto;
height: auto;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
box-shadow: none !important;
list-style-type: none;
}
.menu > li > a {
background-color: #2d2d2d;
/* background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(91, 101, 114)),to(rgb(51, 61, 69))); */
/* background-image: -webkit-linear-gradient(top, rgb(91, 101, 114), rgb(51, 61, 69)); */
/* background-image: -moz-linear-gradient(top, rgb(91, 101, 114), rgb(51, 61, 69)); */
/* background-image: -o-linear-gradient(top, rgb(91, 101, 114), rgb(51, 61, 69)); */
/* background-image: -ms-linear-gradient(top, rgb(91, 101, 114), rgb(51, 61, 69)); */
/* background-image: linear-gradient(top, rgb(91, 101, 114), rgb(51, 61, 69)); */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
/* border-bottom: 1px solid #404751; */
-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
-moz-box-shadow: inset 0px 1px 0px 0px #878e98;
box-shadow: inset 0px 1px 0px 0px #494949 ;
width: 100%;
height: 2.75em;
line-height: 2.75em;
text-indent: 10px;
display: block;
position: relative;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
color: #ddd;
font-size: 1.14em;
/* text-shadow: 0px 1px 0px rgba(0,0,0,.5); */
}
.menu ul li a {
background: #fff;
border-bottom: 1px solid #efeff0;
width: 100%;
height: 2.8em;
line-height: 2.85em;
text-indent: 2em;
display: block;
position: relative;
/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
font-family: arial,verdana,sans-serif;
font-size: 1.1em;
font-weight: 800;
color: #555;
letter-spacing: 0.02em;
}
.menu ul li:last-child a {
border-bottom: 1px solid #33373d;
}
.menu > li > a.active,.menu > li > a.selected-menu, .menu > li > span.active,.menu > li > span.selected-menu {
/* border-bottom: 5px solid #ff3630 !important; */
border-bottom: 5px solid #c33 !important;
}
.menu > li > a:hover, .menu > li > a.active,.menu > li > a.selected-menu {
background-color: #494949;
/* background-image: -webkit-gradient(linear, left top, left bottom, from(#cc3333),to(#aa2222)); */
/* background-image: -webkit-linear-gradient(top, #cc3333, #aa2222); */
/* background-image: -moz-linear-gradient(top, #cc3333, #aa2222); */
/* background-image: -o-linear-gradient(top, #cc3333, #aa2222); */
/* background-image: -ms-linear-gradient(top, #cc3333, #aa2222); */
/* background-image: linear-gradient(top, #cc3333, #aa2222); */
/* filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db'); */
/* border-bottom: 1px solid #103c56; */
/* -webkit-box-shadow: inset 0px 1px 0px 0px #6ad2ef; */
/* -moz-box-shadow: inset 0px 1px 0px 0px #6ad2ef; */
/* box-shadow: inset 0px 1px 0px 0px #6ad2ef; */
}
/* .menu > li > a.active {
border-bottom: 1px solid #1a638f;
} */
.menu > li > a:before, .menu > li > span:before {
/* content: ''; */
/* background-image: url('/static/templates/css/sprite.png'); */
background-repeat: no-repeat;
font-size: 36px;
height: 1em;
width: 1em;
position: absolute;
left: 0;
top: 50%;
margin: -.5em 0 0 0;
}
.item1 > a:before {
background-position: 0 0;
}
.item2 > a:before {
background-position: -38px 0;
}
.item3 > a:before {
background-position: 0 -38px;
}
.item4 > a:before {
background-position: -38px -38px;
}
.item5 > a:before {
background-position: -76px 0;
}
.menu > li > a span {
font-size: 0.857em;
display: inline-block;
position: absolute;
right: 1em;
top: 50%;
background: #48515c;
line-height: 1em;
/* height: 1em; */
padding: .4em .6em;
margin: -.8em 0 0 0;
color: #fff;
text-indent: 0;
text-align: center;
-webkit-border-radius: .769em;
-moz-border-radius: .769em;
border-radius: .769em;
-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
text-shadow: 0px 1px 0px rgba(0,0,0,.5);
font-weight: 500;
}
.menu > li > a:hover span, .menu > li a.active span {
/* background: #2173a1; */
}
.menu > li > ul li a:before{
/* content: '▶'; */
font-size: 8px;
color: #bcbcbf;
position: absolute;
width: 1em;
height: 1em;
top: 0;
left: -2.7em;
}
.menu > li > ul li:hover a,
.menu > li > ul li:hover a span,
.menu > li > ul li:hover a:before {
/* color: #32373D; */
background-color: #e6e6e6 !important;
}
.menu ul > li > a span {
font-size: 0.857em;
display: inline-block;
position: absolute;
right: 1em;
top: 50%;
background: #fff;
/* border: 1px solid #d0d0d3; */
line-height: 1em;
/* height: 1em; */
padding: .4em .7em;
margin: -.8em 0 0 0;
color: #969ca4;
text-indent: 0;
text-align: center;
-webkit-border-radius: .769em;
-moz-border-radius: 769em;
border-radius: 769em;
text-shadow: 0px 0px 0px rgba(255,255,255,.01);
}
.span-menu{
background: none repeat scroll 0 0 transparent !important;
box-shadow: none !important;
/* float: left !important; */
font-size: 14px !important;
left: 0px !important;
line-height: 14px !important;
/* margin-right: 0 !important; */
/* padding: 5px !important; */
position: relative !important;
}
.selected,.selected:before,.selected span{
font-weight:bold !important;
color: #32373D !important;
}
.page-footer-wrap {
background: #131313;
color: white !important;
border-radius:0px;
/* float: left; */
padding: 8px 10px;
/* width: 100%; */
text-align:center;
}
.page-footer {
margin-top: 80px;
position:relative;
}
.page-footer:before {
position:absolute;
content:"";
/* top:0; */
height:100%;
width:100%;
left:0;
background:#000000DF;
}
.page-footer a.last_forum_posts{
color:#C5C5C5;
white-space: nowrap;
text-overflow:ellipsis;
}
.page-footer a.last_forum_posts:hover {
background: unset;
color: #c12727;
}
.footer-social-links{
font-size:1.6em;
margin-right:7px;
color: #EEEEEE;
}
.led-green {
/* margin: 0 auto; */
width: 17px;
height: 17px;
background-color: #ABFF00;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #24b14c 0 -1px 9px, rgba(47, 146, 45, 0.5) 0 2px 12px
}
.led-red {
/* margin: 0 auto; */
width: 17px;
height: 17px;
background-color: #F00;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
}
.modal-md{
max-width:820px !important;
}
.dotted_link{
color:#333 !important;
border-bottom: 1px dotted gray;
}
.dotted_link:hover{
color:#444 !important;
border-bottom: 1px solid gray;
}
/* MACHINA */
.page-heading h2, .page-heading h1 {
font-size: 40px;
color: #ffffff;
margin: 0 auto;
}
.page-heading {
z-index: 1;
position: relative;
}
.page-header_wrap {
padding: 40px 0;
position: relative;
text-align: center;
}
.blog_page {
background-image: url(http://themes.webmasterdriver.net/carforyou/demo/assets/images/blog-page-header-img.jpg);
}
.page-header-forum {
/* background-image: url(http://autodatz.com/wp-content/uploads/2017/05/Car-Background-Wallpaper-Hd-49-with-Car-Background-Wallpaper-Hd.jpg); */
background-repeat: no-repeat;
background-size: cover;
border: 0 none;
margin: 0 auto;
padding: 0;
position: relative;
background-position-y: -430px;
}
.coustom-breadcrumb {
margin: 0 auto;
padding: 0;
position: relative;
z-index: 1;
}
.dark-overlay {
background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.coustom-breadcrumb a {
color: #ffffff;
}
.coustom-breadcrumb li {
color: #ffffff;
display: inline-block;
font-size: 16px;
line-height: 45px;
list-style: outside none none;
margin: 0 auto;
padding: 0 10px;
position: relative;
}
.coustom-breadcrumb {
margin: 0 auto;
padding: 0;
position: relative;
z-index: 1;
}
.coustom-breadcrumb a::after {
color: #fff;
content: "";
font-family: fontawesome;
position: absolute;
right: -5px;
vertical-align: middle;
}
.btn-link {
color: #444;
}
.btn-link:hover {
color: #dd3322;
}
.btn-primary {
background-color: #60666b;
border-color: #ffffff;
}
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
color: #fff;
background-color: #545454;
border-color: #fff;
}
.btn-primary.focus, .btn-primary:focus {
background-color: #464646;
border-color: #ffffff;
}
/* live auction */
.live_list{
font-size: 14px;
margin-bottom: 5px;
margin-top: 10px;
border-bottom: 1px solid #888;
}
.live_list span{
color: #fff;
text-shadow: 1px 1px 1px #111;
}
.choose_filter{
padding: 0 6px;
}
.choose_filter:hover{
background:#777;
}
.choose_filter.active{
background:#888;
}
.live_list_filters_container {
background: #666;
padding: 5px 0px;
}
.live_list_filter_label{
float: left;
width: 30%;
text-align: center;
color:#ddd;
}
.live_list_filter{
float: left;
width: 19%;
}
.live_settings_filters_container{
background: #565555;
/* margin-bottom: 1px; */
overflow:hidden;
}
.live_settings_button{
width:100%;
/* margin-bottom: 1px; */
}
.live_settings_button a{
width:100%;
color:white;
padding:10px 20px;
text-transform: uppercase;
font-weight:bold;
background:#ca3434;
border-radius: 0px;
}
.live_panel_text{
color:#444;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active>a:focus, .nav-tabs > .dropdown.active.open > a:hover {
border-color: transparent;
color: #FFF;
background: rgb(208 46 46);
}
.text-overflow{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Register Modal */
.register_modal .modal-body{
padding: 0;
}
@media screen and (max-width: 600px) {
.register_modal .modal-content {
background-size:cover !important;
background-position: -140 -10px !important;
}
}
@media screen and (min-width: 601px) {
.register_modal .modal-content {
background-size:100%;
background-position: 0 -10px;
}
}
.register_modal .modal-content{
min-height: 320px;
border:none;
background-size: cover;
}
.register_modal .modal-dialog {
width: 490px;
max-width: 100%;
margin: 20px auto 0px !important;
padding: 10px !important;
}
/* @media screen and (min-width: 601px) {
.register_modal .myflex{
grid-template-columns: 2fr 3fr;
}
}
.register_modal .myflex{
display:grid;
grid-template-rows: minmax(320px, auto);
} */
.register_modal .register-flex-left{
background: rgba(38, 38, 38, 0.7);
border-radius: 6px 0px 0px 6px;
overflow: hidden;
}
.register_modal button#register_user{
background-color: #d93e3e;
border-color: #fafafa;
color: #ffffff;
font-weight: 500;
font-family: 'Roboto';
}
.register_modal button#register_user:hover {
background: #cc2f2f;
}
@media screen and (max-width: 600px) {
.register-close2{
display:block;
margin:5px;
color:#fff;
}
.register-close{
display:none;
margin:5px;
color:#444;
}
}
@media screen and (min-width: 601px) {
.register-close2{
display: none;
margin:5px;
color:#444;
}
.register-close{
display:block;
margin:5px;
color:#444;
}
}
@media screen and (max-width: 600px) {
.register_modal .register-flex-left{
display: none;
}
}
@media screen and (max-width: 600px) {
.register-flex-right {
border-radius: 6px 6px 6px 6px !important;
}
}
@media screen and (max-width: 600px) {
.register_modal .myflex {
grid-template-rows: minmax(280px, 330px) !important;
}
}
.register_modal .register-flex-left img{
width: 100%;
margin: 0;
display: block;
filter: drop-shadow(2px 2px 2px #0009);
}
.register-left-content{
display:list;
padding: 0px;
}
.register-left-content img{
}
.register-left-content div{
margin:auto;
color:white;
text-shadow: 1px 1px black;
margin-bottom: 10px;
}
.register_modal ul.a {
list-style-type: circle;
color: white;
text-shadow: 1px 1px black;
}
.register-flex-right{
background:rgba(255,255,255,0.5);
border-radius: 0px 6px 6px 0px;
}
/* GOOGLE FONT */
@import url(http://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,200,400i,500,500i,700,700i,900,900i);
/* MENU BASIC LAYOUT */
.mega-menu {
margin: 0 auto;
padding: 0;
display: block;
float: none;
position: relative;
z-index: 40;
/* max-width: 1280px;
width: 100%;*/
font-size: 15px;
/* font-family: 'Roboto', sans-serif; */
min-height: 55px;
clear: both;
box-sizing: border-box;
}
@media screen and (max-width: 992px) {
.mega-menu {
margin: 0;
}
}
.mega-menu * {
outline: none;
list-style: none;
text-decoration: none;
box-sizing: border-box !important;
/* font-family: 'Roboto', sans-serif; */
/* font-weight: 400; */
-webkit-tap-highlight-color: transparent;
/* text-align: left; */
}
@media screen and (max-width: 992px) {
.mega-menu * {
word-break: break-word;
}
}
.mega-menu i.fa {
/*----------------------------- FONT AWESOME ICONS */
font-family: "FontAwesome";
}
.mega-menu img {
/*------------------------------- IMAGE */
margin: 0;
padding: 0;
display: block;
max-width: 100% !important;
float: left;
}
.mega-menu input {
/*------------------------------ DEFAULT INPUT */
border: none;
}
.mega-menu .menu-links {
/*---------------------------------------- MENU LINKS */
margin: 0;
padding: 0;
display: block;
float: right;
}
@media screen and (max-width: 892px) {
.mega-menu .menu-links {
width: 100%;
background: #fff;
}
.mega-menu .menu-links.menu_control_panel {
width: unset !important;
background: unset !important;
}
.avatar-lg{
display:none !important;
}
}
@media screen and (min-width: 893px) {
.mega-menu .menu-links {
display: block !important;
max-height: 100% !important;
overflow: visible !important;
}
.menu_control_panel.menu-links{
display: none !important;
}
.notifications_list_sm_container{
display: none !important;
}
}
.notifications_list_sm_container .notification_badge{
right: -11px !important;
top: -7px !important;
}
.mega-menu .menu-links > li {
margin: 0;
padding: 0;
display: block;
float: left;
-webkit-transition: background-color 200ms ease;
transition: background-color 200ms ease;
font-size: 1em;
}
@media screen and (max-width: 892px) {
.mega-menu .menu-links > li {
width: 100%;
position: relative;
cursor: pointer;
line-height: normal;
border-bottom: 1px solid #f3f3f3;
z-index: 50;
}
}
.mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active span {
/*------------------------------------- ACTIVE CLASS MENU LINKS */
background-color: transparent;
color: #db2d2e;
}
.mega-menu .menu-links > li:hover {
/*-------------------------------------- HOVER MENU LINKS */
background-color: transparent;
color: #db2d2e;
}
.mega-menu .menu-links > li > a, .mega-menu .menu-links > li > span {
margin: 0;
padding: 0 13px;
display: inline-block;
float: none;
width: 100%;
color: #ffffff;
font-size: 0.933em;
line-height: 64px;
position: relative;
text-transform: capitalize;
}
li.logo-menu{
display: none !important;
}
.mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li > span:hover { color: #db2d2e; }
@media screen and (max-width: 892px) {
.mega-menu .menu-links > li > a, .mega-menu .menu-links > li > span {
width: auto;
line-height: normal;
padding-top: 0px;
padding-bottom: 0px;
position: static;
padding-right: 10px;
z-index: 20;
color: #363636;
line-height:40px !important;
width: 100%;
}
.navbar-collapse{
width:0px;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
transition: 0.5s;
z-index: 20;
display: block;
}
li.logo-menu{
display: block !important;
}
.navbar-collapse.in{
transition: 0.5s;
width:265px;
/* left: -10px; */
}
#menu-overlay{
/* animation: fade 1500ms; */
transition: 0.5s;
background-color: rgba(0,0,0,0.0);
z-index: 10;
position: fixed;
top: 0;
right: 0;
}
.hoverTrigger:hover{
background: #ddd;
}
.navbar-toggle{
z-index: 20;
}
.menu-links{
width:250px !important;
max-height: unset !important;
overflow: unset !important;
}
.overlay-active{
/* display: block !important; */
/* height: 100% !important; */
z-index: 10;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.5) !important;
/* -webkit-animation: fade 1500ms; */
/* animation: fade 15000ms; */
transition: 0.5s;
}
}
@media (min-width: 768px) and (max-width: 892px) {
.navbar-collapse {
left: -15px;
}
}
.mega-menu .menu-links > li > a i.fa {
/*---------------------------------------------------- MENU LINKS ICONS*/
font-size: 1em;
line-height: 0.8125em;
padding-right: 2px;
}
.mega-menu .drop-down-multilevel {
/*-------------------------------------------------- DROP DOWN MULTILEVEL */
margin: 0;
padding: 0;
display: block;
position: absolute;
top: auto;
left: auto;
right: auto;
z-index: 999;
width: 100%;
background: #ffffff;
float: left;
max-width: 215px;
}
.mega-menu .drop-down-multilevel.wide{
max-width :400px;
min-width: 400px;
}
.mega-menu .drop-down-multilevel * {
color: #323232;
}
@media screen and (min-width: 893px) {
.mega-menu .drop-down-multilevel {
display: block !important;
opacity: 0;
visibility: hidden;
box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.05);
border-bottom: 0px;
}
}
@media screen and (max-width: 360px) {
.notifications_list_sm{
min-width:320px !important;
}
}
@media screen and (max-width: 892px) {
.mega-menu .drop-down-multilevel {
max-width: 100% !important;
position: relative;
left: 0;
top: 0;
padding: 10px;
display: none;
}
.mega-menu .menu_control_panel.menu-links .drop-down-multilevel {
max-width: 50% !important;
position: absolute !important;
right: 0 !important;
left:unset !important;
top: 56px;
padding: 10px;
display: none;
}
li.menu_notifications .drop-down-multilevel {
position: absolute !important;
right: -127px !important;
left:unset;
top: 38px;
}
}
@media screen and (max-width: 410px) {
.mega-menu .menu_control_panel.menu-links .drop-down-multilevel {
max-width: 100vw !important;
position: fixed !important;
width:100vw;
right: 0 !important;
left:0 !important;
top: 56px;
padding: 10px;
display: none;
}
li.menu_notifications .drop-down-multilevel {
position: fixed !important;
max-width: 100vw !important;
width:100vw;
right:0 !important;
left: 0;
top: 56px;
}
}
.mega-menu .drop-down-multilevel li a { -webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out; }
.mega-menu .drop-down-multilevel li {
margin: 0;
padding: 0;
display: block;
float: left;
border-bottom: 1px solid #f3f3f3;
width: 100%;
position: relative;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
z-index: 50;
}
.mega-menu .drop-down-multilevel li:last-child { border-bottom: 0px; }
.mega-menu .drop-down-multilevel li:hover {
background: #f6f6f6;
}
/* .mega-menu .drop-down-multilevel li:hover > a { */
/* color: #db2d2e; */
/* } */
/* .mega-menu .drop-down-multilevel li:hover > a i.fa { */
/* color: #db2d2e; */
/* } */
.mega-menu .menu-links > li.active .drop-down-multilevel a { color: #323232; }
.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #db2d2e; }
.mega-menu .drop-down-multilevel a, .mega-menu .drop-down-multilevel span {
margin: 0;
padding: 10px 10px;
font-size: 0.85em;
/* text-transform: capitalize; */
display: inline-block;
float: left;
width: 100%;
color: #323232;
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
/*min-height: 48px;*/
font-family: "Segoe UI" !important;
}
@media screen and (max-width: 500px) {
.mega-menu .drop-down-multilevel a {
padding: 11px 10px;
}
}
.mega-menu .drop-down-multilevel.messages-sm a,.mega-menu .drop-down-multilevel.messages-sm span{
padding: 7px 2px;
}
.mega-menu .drop-down-multilevel.wide.messages-sm {
min-width: 360px;
}
a.navbar-brand{
width:160px;
}
@media screen and (max-width: 892px) {
a.navbar-brand{
width:155px;
margin-top: 2px;
margin-left: 10px;
}
}
@media screen and (max-width: 380px) {
a.navbar-brand{
width:145px;
margin-top: 3px;
}
}
li.menu_notifications.open > .drop-down-multilevel.effect-fade {
opacity: 1;
visibility: visible;
display: block;
}
.mega-menu .drop-down-multilevel i.fa {
float: left;
line-height: 1.375em;
font-size: 1em;
display: block;
padding-right: 10px;
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
}
.mega-menu .drop-down-multilevel .drop-down-multilevel {
/*------------------------------------------------------ SECOND LEVEL */
left: 100%;
top: 0;
}
@media screen and (max-width: 892px) {
.mega-menu .drop-down-multilevel .drop-down-multilevel {
left: 0;
border: 1px solid #cccccc;
}
}
.mega-menu .drop-down {
/*--------------------------------------------------------- GRID DROP DOWN */
position: absolute;
left: auto;
top: auto;
right: auto;
background: #ffffff;
float: left;
padding: 10px;
z-index: 999;
display: block;
cursor: default;
overflow: hidden;
/*-------------------------------------------------------- 12 COLUMNS FLUID GRID WITH NESTED COLUMNS */
}
.mega-menu .drop-down * {
color: #323232;
}
@media screen and (min-width: 893px) {
.mega-menu .drop-down {
display: block !important;
opacity: 0;
visibility: hidden;
border-top:5px solid #db2d2e;
border-radius: 0px !important;
box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.05);
}
}
@media screen and (max-width: 892px) {
.mega-menu .drop-down {
width: 100% !important;
top: 0;
left: 0;
position: relative;
display: none;
}
}
.mega-menu .drop-down [class*="grid-col-"] {
margin: 0;
float: left;
padding: 10px;
position: relative;
}
.mega-menu .drop-down .grid-col-3 {
width: 25%;
}
.mega-menu .drop-down.grid-col-3 {
width: 25%;
}
@media screen and (max-width: 892px) {
.mega-menu .drop-down [class*="grid-col-"] {
width: 50%;
}
}
@media screen and (max-width: 892px) {
.mega-menu .drop-down [class*="grid-col-"] {
width: 100%;
}
}
.mega-menu .drop-down a, .mega-menu .drop-down span {
font-size: 0.8125em;
display: inline-block;
padding: 7px 0;
width: 100%;
max-width: 100%;
text-transform: capitalize;
}
.mega-menu .drop-down h1,
.mega-menu .drop-down h2,
.mega-menu .drop-down h3,
.mega-menu .drop-down h4,
.mega-menu .drop-down h5,
.mega-menu .drop-down h6 {
margin-top: 0;
font-weight: 700;
}
.mega-menu .drop-down h1 {
font-size: 1.5em;
line-height: 1;
padding-top: 0.53em;
margin-bottom: 0.5em;
}
.mega-menu .drop-down h2 {
font-size: 1.375em;
padding-top: 0.25em;
margin-bottom: 0.5em;
}
.mega-menu .drop-down h3 {
font-size: 1.125em;
line-height: 1;
padding-top: 0.35em;
margin-bottom: 0.65em;
}
.mega-menu .drop-down h4 {
font-size: 1em;
text-transform: capitalize;
line-height: 1.25;
padding-top: 0.45em;
margin-bottom: 0px;
padding-left: 8px;
letter-spacing: 0px;
}
.mega-menu .drop-down h5 {
font-size: 0.875em;
font-weight: bold;
padding-top: 0.6em;
margin-bottom: 0.9em;
}
.mega-menu .drop-down h6 {
font-size: 0.75em;
font-weight: bold;
margin-bottom: 0;
}
.mega-menu .drop-down figure img {
width: 100%;
height: auto;
display: block;
}
.mega-menu .drop-down figcaption {
font-size: small;
font-style: italic;
color: #666666;
}
.mega-menu .drop-down ul,
.mega-menu .drop-down ol,
.mega-menu .drop-down dl {
padding: 0;
margin: 0 0 14px;
}
.mega-menu .drop-down form {
margin-bottom: 1.5em;
}
.mega-menu .drop-down form ul {
list-style: none none;
margin: 0;
padding: 0;
}
.mega-menu .drop-down form ul li {
*zoom: 1;
margin-bottom: 1.5em;
}
.mega-menu .drop-down form ul li:before,
.mega-menu .drop-down form ul li:after {
content: "";
display: table;
}
.mega-menu .drop-down form ul li:after {
clear: both;
}
.mega-menu .drop-down fieldset {
margin: 0;
padding: 1.5em;
}
.mega-menu .drop-down label {
display: block;
}
.mega-menu .drop-down label.inline {
display: inline;
padding-right: 24px;
}
.mega-menu .drop-down input[type="text"],
.mega-menu .drop-down input[type="url"],
.mega-menu .drop-down input[type="email"],
.mega-menu .drop-down input[type="password"],
.mega-menu .drop-down input[type="search"],
.mega-menu .drop-down input[type="number"],
.mega-menu .drop-down input[type="date"],
.mega-menu .drop-down input[type="month"],
.mega-menu .drop-down input[type="week"],
.mega-menu .drop-down input[type="time"],
.mega-menu .drop-down input[type="datetime"],
.mega-menu .drop-down input[type="datetime-local"],
.mega-menu .drop-down input[type="tel"],
.mega-menu .drop-down textarea {
display: block;
width: 100%;
margin: 0 0 0.75em;
padding: 10px;
font-size: 0.8125em;
border: 1px solid #e8e8e8;
line-height: 1.5em;
font-family: 'Roboto', sans-serif;
}
.mega-menu .drop-down select {
width: 100%;
height: 2.1em;
margin-bottom: 0.9em;
border: 1px solid #cccccc;
font-family: 'Roboto', sans-serif;
}
.mega-menu .drop-down input[type="range"],
.mega-menu .drop-down input[type="color"] {
vertical-align: middle;
height: 1.5em;
width: 100%;
font-family: 'Roboto', sans-serif;
}
.mega-menu .drop-down input[type="range"] {
height: 1.4em;
}
.mega-menu .drop-down input[type="color"] {
width: 1.5em;
font-family: 'Roboto', sans-serif;
}
.mega-menu .drop-down input[type="time"] {
margin: 0 0 0.55em;
}
.mega-menu .drop-down progress,
.mega-menu .drop-down meter {
display: block;
width: 100%;
height: 1.5em;
}
.mega-menu .drop-down table {
margin-bottom: 1.4em;
width: 100%;
border: 1px solid #cccccc;
}
.mega-menu .drop-down thead {
text-align: left;
font-weight: bold;
}
.mega-menu .drop-down tbody tr:nth-child(even) td {
background: #dddddd;
}
.mega-menu .drop-down tfoot {
font-style: italic;
}
.mega-menu .drop-down tfoot td,
.mega-menu .drop-down tfoot th {
padding: 0.75em 10px;
}
.mega-menu .drop-down th,
.mega-menu .drop-down td,
.mega-menu .drop-down caption {
border: 1px solid #cccccc;
}
.mega-menu .drop-down td,
.mega-menu .drop-down th {
padding: 0 10px 0 10px;
line-height: 1.45em;
}
.mega-menu .drop-down caption {
border-bottom: 0;
padding: 0.75em 10px;
line-height: 1.45em;
text-align: left;
font-style: italic;
}
.mega-menu .drop-down p {
margin: 0 0 1.5em 0;
font-size: 0.8125em;
}
.mega-menu .drop-down blockquote {
margin: 0 1.5em 1.5em;
font-style: italic;
}
.mega-menu .drop-down mark {
line-height: 1.5;
background: #78aace;
color: #ffffff;
}
.mega-menu .drop-down del {
color: #dddddd;
}
.mega-menu .drop-down code,
.mega-menu .drop-down kbd,
.mega-menu .drop-down pre,
.mega-menu .drop-down samp {
font-family: 'Roboto', sans-serif;
}
.mega-menu .drop-down ins,
.mega-menu .drop-down small {
line-height: 1.5;
}
.mega-menu .drop-down kbd,
.mega-menu .drop-down samp {
line-height: 1.4;
}
.mega-menu .drop-down hr {
background: #cccccc;
color: #cccccc;
clear: both;
float: none;
width: 100%;
height: 1px;
margin: 0 0 1.4em;
border: none;
}
.mega-menu .drop-down input[type="submit"],
.mega-menu .drop-down input[type="button"] {
background: #db2d2e;
padding: 10px 20px;
margin: 5px 10px 0 0;
font-family: 'Roboto', sans-serif;
line-height: 1.5em;
font-weight: 600;
font-size: 0.8125em;
color: #ffffff;
border-radius: 0;
display: block;
float: left;
-webkit-transition: background-color 200ms ease;
transition: background-color 200ms ease;
}
.mega-menu .drop-down input[type="submit"]:hover,
.mega-menu .drop-down input[type="button"]:hover {
background-color: #333333;
}
@media screen and (max-width: 892px) {
.mega-menu .drop-down input[type="submit"],
.mega-menu .drop-down input[type="button"] {
width: 100%;
}
}
.mega-menu .drop-down a {
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
}
.mega-menu .drop-down a:hover {
color: #db2d2e;
}
.mega-menu .drop-down a i {
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}
.mega-menu .drop-down a:hover i {
color: #db2d2e;
}
@media screen and (max-width: 892px) {
.mega-menu .drop-down a {
width: auto;
}
}
/*.mega-menu .drop-down ::-moz-selection,
.mega-menu .drop-down-tab-bar ::-moz-selection {
background: #ffb9ad;
}
.mega-menu .drop-down ::selection,
.mega-menu .drop-down-tab-bar ::selection {
background: #ffb9ad;
}*/
.mega-menu .drop-down i.fa {
padding-right: 10px;
}
.mega-menu .drop-down iframe {
width: 100%;
display: block;
float: left;
margin: 0;
padding: 0;
border: none;
}
.mega-menu .mobileTriggerButton {
/*---------------------------------------------------- MOBILE CLICK TRIGGER JQUERY DIV */
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 50px;
display: none;
z-index: -1;
}
@media screen and (max-width: 892px) {
.mega-menu .mobileTriggerButton {
display: block;
}
}
@media screen and (min-width: 893px) {
.mega-menu .menu-links li.hoverTrigger > .drop-down.effect-scale,
.mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-scale {
/*--------------------------------------------- effect scale */
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.mega-menu .menu-links li.hoverTrigger:hover > .drop-down,
.mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel {
-webkit-transition-delay: 200ms !important;
transition-delay: 200ms !important;
}
.mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-fade,
.mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-fade {
/*------------------------------------------- DROP DOWN EFFECTS :::: fade-effect */
opacity: 1;
visibility: visible;
}
li.hoverTrigger:hover > .drop-down-multilevel.effect-fade{
/*------------------------------------------- DROP DOWN EFFECTS :::: fade-effect */
opacity: 1;
visibility: visible;
}
.mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-scale,
.mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-scale {
/*--------------------------------------------- effect scale */
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@media screen and (max-width: 892px) {
.mega-menu .menu-links li .drop-down,
.mega-menu .menu-links li .drop-down-multilevel {
-webkit-transition: none !important;
transition: none !important;
}
}
/*mega-menu*/
.mega-menu .menu-links > li > a ,.mega-menu .menu-links > li > span{line-height: 55px;/*text-transform: uppercase;*/font-size: 13px;font-weight: 500;font-family:Roboto;}
.mega-menu .menu-links > li:last-child > a, .mega-menu .menu-links > li:last-child > span { padding-right: 0px; }
.mega-menu .menu-links > li.active .drop-down-multilevel a, .mega-menu .menu-links > li.active .drop-down-multilevel span { color: #555555; }
.mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down a, .mega-menu .menu-links > li.active .drop-down span { color: #323232; }
.mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down li.active span { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .menu-links > li.active .drop-down span:hover { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down li.active a i { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down a i:hover { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #db2d2e; background: #f6f6f6; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background: transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li span:hover { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active span { color: #db2d2e; background: #f6f6f6; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background: transparent; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li span:hover { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active span { color: #db2d2e; background: #f6f6f6; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #db2d2e; }
.mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #db2d2e; }
.mega-menu .row { margin-left: 0px; margin-right: 0px; }
.mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; }
span.dropdown-toggle:hover, .mega-menu .menu-links .available_language:hover, .mega-menu div.search-top {
cursor: pointer;
}
.mega-menu .menu-links li.open > .drop-down-multilevel.effect-fade{
opacity: 1;
visibility: visible;
display: block;
}
li.menu-links.open > .drop-down-multilevel.effect-fade{
opacity: 1;
visibility: visible;
display: block;
}
@media (min-width: 768px)
{
.navbar-toggle {
display: unset !important;
}
}
@media (min-width: 768px) and (max-width:888px)
{
.navbar-header {
float: unset;
}
}
@media (min-width: 893px)
{
.navbar-toggle {
display: none !important;
}
}
@media (min-width: 893px){
.navbar-collapse.collapse.in {
display: block !important;
}
}
@media (min-width: 893px){
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
margin-right: 0 !important;
margin-left: 0 !important;
}
.navbar-collapse.collapse {
display: none !important;
height: auto!important;
padding-bottom: 0;
overflow: visible!important;
}
}
@media (min-width: 893px){
.navbar-collapse.collapse {
display: block!important;
}
}
.menu_notifications {
position:relative;
}
li.menu_notifications ul{
right: -75px !important;
}
li.menu_control_panel ul{
right: 10px !important;
}
li.hoverTrigger.language_li .effect-fade:before{
left: 20px;
}
li.hoverTrigger.menu_control_panel .effect-fade:before{
left: 140px;
}
@media (max-width: 892px){
li.hoverTrigger.menu_control_panel.menu-links .effect-fade.messages_list:before {
left: unset !important;
right: 160px;
}
li.hoverTrigger.menu_control_panel.menu-links .effect-fade:before {
left: unset !important;
right: 94px;
}
}
.messages_list{
max-height:430px;
overflow: auto;
}
@media (min-width: 893px){
li.hoverTrigger.menu_control_panel.menu-links .effect-fade.messages_list:before {
left: unset !important;
right: 112px;
}
li.hoverTrigger.menu_control_panel.menu-links .effect-fade:before {
left: unset !important;
right: 60px;
}
}
li.menu_notifications .effect-fade:before{
left: 296px !important;
}
li.menu_notifications .effect-fade.notifications_list_sm:before {
left: 257px !important;
}
@media (max-width: 360px){
li.menu_notifications .effect-fade.notifications_list_sm:before {
left: 155px !important;
}
}
.notifications_list {
max-height: 430px;
overflow: auto;
}
li.hoverTrigger .effect-fade:before, li.menu_notifications.open:after {
position: absolute;
top: 46px;
left: 13px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #27272700;
border-left: 7px solid #5a5a5a00;
border-bottom-color: rgb(255, 255, 255);
content: '';
}
@media (max-width: 893px){
li.menu_notifications.open:after{
top: 32px;
left: 3px;
}
li.menu_messages_sm.open:after {
position: absolute;
top: 31px;
left: 3px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #27272700;
border-left: 7px solid #5a5a5a00;
border-bottom-color: rgb(255, 255, 255);
content: '';
}
}
.menu_messages_sm{
position:relative;
}
li#menu_messages.open:after {
position: absolute;
top: 48px;
left: 13px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #27272700;
border-left: 7px solid #5a5a5a00;
border-bottom-color: rgb(255, 255, 255);
content: '';
}
li#menu_messages ul {
left: -213px !important;
}
li#menu_messages{
position:relative;
}
a.last_forum_posts{
transition: none !important;
display: block;
padding: 0px;
color: #555;
}
a.last_forum_posts:hover{
background:#f9f9f9;
}
.search-top .search-btn {
font-size: 13px;
display: block;
height: 20px;
line-height: 25px;
position: relative;
text-indent: -9999px;
width: 12px;
color: #ffffff;
-o-transition: color 300ms ease 0s;
-moz-transition: color 300ms ease 0s;
-ms-transition: color 300ms ease 0s;
-webkit-transition: color 300ms ease 0s;
transition: color 300ms ease 0s;
}
.search-top {
display: block;
float: right;
line-height: 20px;
padding: 15px 15px;
vertical-align: top;
z-index: 999;
}
.search-top.open .search-box {
opacity: 1 !important;
top: 52px !important;
visibility: visible !important;
}
.search-box {
background: #fff;
display: block;
margin: 0;
opacity: 0 !important;
padding: 15px 0px 10px;
position: absolute;
right: 0;
top: -9999px !important;
transition: visibility 300ms ease 0s, opacity 300ms ease 0s;
visibility: hidden;
width: 100%;
z-index: 888;
border-top: 5px solid #db2d2e;
}
.button {
text-align: center;
background: #db2d2e;
color: #ffffff;
display: inline-block;
text-transform: capitalize;
vertical-align: middle;
padding: 8px 20px;
-ms-transform: perspective(1px) translateZ(0);
-o-transform: perspective(1px) translateZ(0);
-moz-transform: perspective(1px) translateZ(0);
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
position: relative;
-ms-transition-property: color;
-moz-transition-property: color;
-o-transition-property: color;
-webkit-transition-property: color;
transition-property: color;
-ms-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.search-top .search-btn::before {
content: "";
font-family: FontAwesome;
font-weight: normal;
left: 0px;
position: absolute;
text-indent: 0px;
top: 0px;
}
.search-top .search-btn:hover {
color: #db2d2e;
}
.typeahead__result .row {
display: block;
}
.typeahead__cancel-button{
font-size: 16px;
line-height:28px !important;
z-index: 999;
}
button span.search-btn{
width: 16px !important;
height: 16px !important;
color: #444 !important;
line-height: 20px !important;
}
.typeahead__container span button{
padding: 8px 15px;
}
.typeahead__result .row > * {
display: table-cell;
vertical-align: middle;
}
.typeahead__result .username {
padding: 0 10px;
}
.typeahead__result .id {
font-size: 12px;
color: #777;
font-variant: small-caps;
}
.typeahead__result .search-img img {
height: 45px;
width: auto;
max-width: 45px;
}
.typeahead__result > ul > li > a small {
padding-left: 0px;
color: #999;
}
.typeahead__result .search-description{
display: block;
margin-bottom: 5px;
text-overflow: ellipsis;
overflow:hidden;
white-space: nowrap;
max-height: 12px;
}
ul.drop-down-multilevel>li > a, ul.drop-down-multilevel>li>span{
font-weight: 400;
font-family: roboto;
}
span.search-title.col-xs-11 {
font-size: 1.4em;
}
li a strong {
color: #cc1717;
}
.pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
grid-gap: 5px;
}
.spinner {
display: inline-block;
opacity: 0;
width: 0;
margin-left:5px;
}
.has-spinner.active .spinner {
opacity: 1;
width: auto; /* This doesn't work, just fix for unkown width elements */
}
.has-spinner.btn-small.active .spinner {
width: 13px;
}
.has-spinner.btn.active .spinner {
width: 16px;
}
.has-spinner.btn-large.active .spinner {
width: 19px;
}
/* new cls */
label.error{
position:absolute;
display: block;
background: white;
z-index: 9;
}
.input-group.flex label.error{
margin-top: 2.3rem;
}
div.has-error span.help-block{
display:none !important;
}
text-info {
color: white !important;
}
.close {
opacity: 0.5 !important;
line-height: 0.9 !important;
position: absolute;
right: 5px;
top: 5px;
}
.close:hover {
opacity:0.8 !important;
}
.register_modal .close:hover {
color: #555;
}
.popover-title{
padding: 5px 14px !important;
background: url("/static/templates/css/images/metal-backgroundjpg_sm.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.popover-title1{
background-color: none repeat scroll 0 0 #222222;
background: url("/static/templates/css/images/metal-backgroundjpg_sm.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
box-shadow: 0 1px 2px 1px #808080;
color: #fff;
padding: 4px 2px 2px 8px;
text-shadow: 0 1px 1px #111111;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,188,191,1)), color-stop(50%,rgba(0,0,0,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(0,0,0,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(0,0,0,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(0,0,0,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(174,188,191,1) 0%,rgba(0,0,0,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
/*background: -moz-linear-gradient(center top , #AEBCBF 0%, #000000 50%, #0A0E0A 51%, rgba(21, 22, 30, 0.9) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
background: #222222;
font-size:1.1em;
}
.popover-content{
padding:0px !important;
}
.popover{
padding:0px !important;
}
.popover-content{
overflow:hidden;
}
.stats dd{
width:300px;
float:left;
}
.stats dt{
width:300px;
float:left;
}
.stats{
width:800px;
}
div.popover:nth-child(n+2) {
padding: 0px !important;
border: 0px !important;
max-width: 350px !important;
}
/* end new cls */
.csloader {
border: 10px solid #f3f3f3;
border-radius: 50%;
border-top: 10px solid #999;
width: 30px;
height: 30px;
-webkit-animation: spin 1s linear infinite; /* Safari */
animation: spin 1s linear infinite;
margin: auto;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.fb-button{
color: white !important;
font-weight: bold !important;
font-family: "Roboto";
font-size: 1.1em !important;
background-color: #3868b1 !important;
border:none !important;
}
.fb-button span{
font-size: 1.7em;
margin-top: 2px;
}
.fb-button:hover{
background-color: #2f5fa9 !important;
}
.google-button{
color: white !important;
font-weight: bold !important;
font-family: "Roboto";
font-size: 1.1em !important;
background-color: #cc3322 !important;
border:none !important;
}
.google-button span{
font-size: 1.7em;
margin-top: 2px;
}
.google-button:hover{
background-color: #c62c1b !important;
}
.hr-text{
position: absolute;
margin-top: 8px;
text-align: center;
transform: translateX(-50%);
white-space: nowrap;
left: 50%;
padding: 2px;
}
/* forum */
.preview-dialog{
width:1000px !important;
}
.preview-content{
border-radius: 0px !important;
max-height: 540px;
overflow:hidden;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
opacity: 0.8 !important;
border-radius: unset !important;
}
@media (max-width: 768px){
.preview-content{
max-height: unset !important;
}
.preview-open-button{
margin-top: 0px !important;
}
.preview-description-container{
margin-top:20px;
}
.preview-content hr{
margin-top:15px !important;
margin-bottom:15px !important;
}
.preview-label{
font-size: 1em !important;
}
.preview-main-image{
max-width:100%;
max-height:280px;
}
}
@media (min-width: 767px){
div.minor_hr{
display:none;
}
.preview-content hr{
margin-top:18px !important;
margin-bottom:18px !important;
}
.preview-main-image{
object-fit: cover;
max-height:390px;
min-width: 550px;
}
}
.preview-label{
text-transform: uppercase;
color: #777;
font-size: 1.05em;
font-weight: 500;
}
.preview-value{
color:black;
font-size: 1.05em;
font-weight: 500;
}
.preview-open-button{
border-radius: 0px !important;
width: 100%;
margin-top: 92px;
text-transform: uppercase;
padding: 8px 10px;
}
.preview-body{
padding:20px !important;
}
.preview-description-container{
font-family: Roboto;
}
.preview-close-button{
position: absolute;
right: 0;
top: 0;
background: white;
color: #777;
z-index: 10;
}
.preview-close-button:hover{
color:#444;
}
.lSSlideOuter .lSPager.lSGallery img {
max-height: 100px;
}
.list-middle-unit{
float: left;
font-family: Roboto;
width: 18%;
max-width: 100px;
}
div.grid-display .list-middle-unit.nm{
display:none;
}
.list-middle-unit-top {
text-transform: uppercase;
font-size: 0.85em;
color: #888;
}
@media (max-width: 767px){
.list-middle-unit{
/* max-width:81px; */
min-width: 81px;
margin-right: 2px;
/* display: inline-flex; */
width: 48%;
}
}
@media (max-width: 415px){
.list-middle-unit-top i{
margin-top: 2px;
color: #a7a7a7;
}
div.grid-display .meta-middle-row {
/* display: flex; */
padding: 0px 11px;
}
/* .list-middle-unit-top{
font-size: 1em;
} */
.grid-display .list-middle-unit{
/* max-width:81px; */
min-width: 81px;
margin-right: 5px;
/* display: inline-flex; */
width: 41%;
}
}
.grid-display .grid-cls-location {
padding: 0px 15px;
display: block;
margin-bottom: 10px;
margin-top: 3px;
margin-left: 5px;
font-family: 'Montserrat', 'Roboto';
position: relative;
}
@media (min-width: 767px){
.grid-display .grid-cls-location:before {
content: "";
height: 13px;
width: 1px;
background-color: rgba(20, 19, 25, .3);
position: absolute;
left: 0;
top: 47%;
transform: translateY(-50%);
}
}
.grid-cls-location {
padding: 0px 15px;
display: none;
}
.grid-cls-location>i {
color: #c32;
margin-right: 5px;
font-size: 1.2em !important;
}
@media only screen and (max-width: 767px){
.container {
padding-left: 10px;
padding-right: 10px;
}
.grid-display .grid-cls-location {
padding: 0px 15px;
margin-bottom: 10px;
/* margin-top: 3px; */
margin-left: 0px;
position: relative;
left: unset;
}
}
.grid-display .cls-price.hidden-xs {
top: 203px !important;
bottom: unset;
right: 0px;
}
.cls-price.hidden-xs {
bottom: 1px;
right :-1px;
}
/* @media (min-width: 415px) and (max-width:40px){ */
/* } */
.grid-display .price-location-container{
position: relative;
display: inline-flex;
width:100%;
}
div.parking-icon{
position:absolute;
top:27px;
right:15px;
color:#bfbfbf;
font-weight:bold;
}
.parking-icon label{
color: #e3e2e2;
font-size:13px;
}
.grid-display .parking-icon label {
color: #f1f1f1;
}
i.fas.fa-parking:hover {
color: #cbcbcb;
}
.grid-display .list-middle-unit {
flex: 0 0 33.39%;
max-width: 33.3%;
text-align: center;
padding: 8px 1px;
margin-right:0;
min-width: unset;
}
.grid-display .cls-bottom-actions {
display: none;
}
@media (min-width: 511px) and (max-width: 767px){
.list-middle-unit{
width: 26%;
margin-right: 20px;
}
.parking-icon label{
font-size:14px;
}
.list-middle-unit i{
font-size: 1.4em;
margin-bottom: 5px;
}
.list-middle-unit i.fa-map-marker-alt{
margin-right: 8px;
margin-left: 1px;
}
.list-middle-unit .unit-value{
text-align: unset;
}
.spares_category_highlight_button_last{
margin-right:40px !important;
}
}
.accessory-box {
display: inline-flex;
padding: 3px 9px;
/* border: 1px solid #ccc; */
margin: 0px 5px 3px 0px;
border-radius: 5px;
background-color: #db3a3b;
cursor: pointer;
font-weight: 500;
color: white;
}
.grid-display i.fas.pull-left {
float: unset !important;
}
.grid-display i.fas {
font-size: 1.5em;
text-align: center;
}
.grid-display .unit-name {
display: none;
}
.unit-name{
float:left;
}
.unit-value{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
/* text-align: center; */
}
@media (min-width: 768px){
.unit-value{
clear:both;
}
}
.list-middle-unit-top i{
margin-right:4px;
}
div.grid-display .list-color{
display:none;
}
div.grid-display .list-cls-title {
overflow: unset;
text-overflow: unset;
white-space: unset;
margin-top: 20px;
clear: both;
position: relative;
padding: 13px 10px 3px 13px;
width: 70%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 5px;
}
.list-cls-title{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: 'Montserrat', 'Roboto';
font-size: 1.2em;
}
@media (max-width: 768px){
div.parking-icon{
top: unset;
bottom:0;
right:5px;
}
.list-cls-title{
font-size: 1.3em;
margin-bottom: 10px;
}
}
.list-info-row{
font-family:Roboto;
margin-top: 10px;
overflow: hidden;
/* text-overflow: ellipsis; */
/* white-space: nowrap; */
max-width: 60%;
}
.grid-display .list-info-row{
display: none;
}
.grid-display{
display:flex;
flex-wrap: wrap;
margin-right: -10px !important;
margin-left: -10px !important;
}
@media (max-width: 370px){
div.grid-display .box {
height: 190px !important;
}
}
@media (max-width: 415px){
div.grid-display .box {
height: 250px !important;
}
div.grid-display .cls-price{
font-size: 1em !important;
}
div.grid-display .list-cls-title {
width: 100% !important;
}
div.grid-display .row-cls-container{
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
@media (min-width: 415px) and (max-width:650px){
div.grid-display .row-cls-container{
flex: 0 0 50% !important;
max-width: 50% !important;
}
}
@media (min-width: 650px) and (max-width:1700px){
div.grid-display .row-cls-container{
flex: 0 0 33% !important;
max-width: 33% !important;
}
}
div.grid-display .cls-price{
font-size: 0.9em;
}
.cls-price{
font-size: 0.8em;
margin-bottom: 5px;
}
.cls-price.hidden-sm.visible-xs{
margin-bottom: 0px;
font-size: 1.1em;
}
.cls-list-timeago{
vertical-align: text-bottom;
margin-left: 5px;
}
div.grid-display .row-cls-container{
flex: 0 0 25%;
max-width: 25%;
padding: 0px 10px;
margin-bottom: 10px;
}
div.grid-display .meta-middle-row{
display: flex;
}
div.grid-display .meta-middle-row.nm{
display: none;
}
.grid-display .row-cls-container .box{
border-radius: 10px 10px 0px 0px;
}
.row-cls-inner{
border-radius: 10px 0px 0px 10px;
box-shadow: 0px 0px 3px #d9d9d9;
}
.grid-display .row-cls-inner{
border-radius: 10px 10px 0px 0px;
}
.row-cls-container .box{
background-size: cover !important;
background-position: 50% !important;
border-radius: 10px 0px 0px 10px;
}
#save_search.active span{
color:#c32;
}
#save_search span{
color:#666;
}
#save_search:hover span{
color:#888;
}
.meta-middle-row{
overflow:hidden;
}
.pagination-button{
color:#999;
border:unset;
}
.spare_select_highlights{
display: inherit;
max-width: 100%;
overflow: auto;
}
textarea.form-control{
background-color: #fff !important;
}
#review_new .control-label{
padding-top: 9px !important;
}
.tag {
display: inline-block;
background: white;
border-radius: 4px;
border: 1px solid #ddd;
padding: 3px 7px;
font-size: 0.9em;
margin-bottom: 4px;
cursor: pointer;
color: #333;
}
.tag:hover {
background: #eee;
}
.tag.active{
color: #9b362b;
background: #eee;
}
@media (max-width: 600px) {
i.far.fa-arrow-alt-circle-left.slick-arrow {
left: 0px !important;
}
i.far.fa-arrow-alt-circle-right.slick-arrow {
right: 0px !important;
}
}
i.far.fa-arrow-alt-circle-left.slick-arrow {
left: 60px;
}
i.far.fa-arrow-alt-circle-right.slick-arrow {
right: 60px;
}
i.far.fa-arrow-alt-circle-left.slick-arrow:hover,i.far.fa-arrow-alt-circle-right.slick-arrow:hover {
opacity: 0.7;
}
i.far.fa-arrow-alt-circle-left.slick-arrow,i.far.fa-arrow-alt-circle-right.slick-arrow {
position: absolute;
font-size: 50px;
opacity: 0.4;
top: 50%;
z-index: 10;
cursor: pointer;
color: #e4e4e4;
transition: all 0.4s ease;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.modal-content .slick-track {
min-width: 500px;
}
.modal-content .slick-list.draggable {
min-height: 290px;
}
.live-specs-table td,.live-specs-table th{
padding-bottom: 3px !important;
padding-left: 15px !important;
padding-top: 3px !important;
border-bottom: 1px solid #fff;
}
.live-specs-table{
color: #505050;
font-weight: bold;
}
.live-specs-table td {
color: #333;
}
.popover-row a {
padding: 5px 20px;
color: #333;
}
.popover-row a:hover {
background:#eee;
}
.typeahead__container button {
line-height: 1.65 !important;
}
.send_auction_offer_message span:hover, .send_auction_offer_chat i:hover{
text-shadow:1px 1px 6px #111;
color:white;
}
/* Slider */
.ui-slider{
background: #efefef !important;
border: unset !important;
height: 10px !important;
position: relative;
border-radius: 100px !important;
}
.ui-slider-range{
background: #71c0ff;
height: 10px !important;
position: absolute;
border-top: 1px solid #5d99c8;
border-bottom: 1px solid #5d99c8;
transform: translateY(-1px);
}
.ui-slider-range:after{
content: '';
width: 100%;
height: 1px;
background: #fff;
position: absolute;
top: 0;
left: 0;
opacity: 0.3;
}
.slider-white .ui-slider-handle{
background:#fff !important;
box-shadow: inset -2px -2px 6px 2px rgba(0,0,0, 0.05) !important;
}
.ui-slider-handle{
background: #555 !important;
position: absolute;
width: 20px !important;
height: 20px !important;
top: 50% !important;
display: block;
transform: translate(-50%, -50%) !important;
border-radius: 100px !important;
z-index: 10;
background:linear-gradient(#f72929, #af1f1f) !important;
cursor: move; /* fallback if grab cursor is unsupported */
cursor: grab !important;
cursor: -moz-grab !important;
cursor: -webkit-grab !important;
box-shadow: inset -2px -2px 6px 2px rgba(0,0,0, 0.1);
transition: width 0.1s;
margin-left: 3px !important;
}
.ui-slider-handle:focus{
outline: none !important;
}
.ui-slider-handle:active{
cursor: grabbing !important;
cursor: -moz-grabbing !important;
cursor: -webkit-grabbing !important;
}
.ui-state-active{
width: 15px !important;
}
/* Range Indicator */
.range-wrapper{
position: absolute !important;
top: -32px !important;
left: 50%;
transform: translateX(-50%);
}
.range{
background: #fff !important;
white-space: nowrap;
border: 1px solid #d2d2d2 !important;
border-radius: 2px !important;
font-size: 11px !important;
letter-spacing: 0.02em;
color: #555;
width: 145px !important;
z-index: 10;
position: relative;
}
.range:after{
content: '';
position: absolute;
top: 100% !important;
left: 50% !important;
transform: translateX(-50%) !important;
border-left: 67px solid transparent !important;
border-right: 67px solid transparent !important;
border-top: 6px solid #d2d2d2 !important;
}
.range-value{
width: 70px !important;
padding: 2px 0 ;
text-align: center;
display: inline-block;
transition: background 0.1s;
}
.range-divider{
width: 1px;
display: inline-block;
}
.range-divider:after{
position: absolute;
top: 0;
left: 50%;
width: 1px;
height: 100%;
background: #d2d2d2;
content: '';
}
.range-alert{
width: 16px;
height: 16px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: #fff;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border: 1px solid #d2d2d2;
color: #0E0E0E;
line-height: 15px;
transition: right 0.2s;
}
.range-alert.active{
right: -15px;
}
/* Price Markers */
.marker{
position: absolute;
top: 100%;
padding-top: 0;
font-size: 12px;
color: #555;
letter-spacing: 0.03em;
transform: translateX(-50%);
}
.marker:after{
content: '';
width: 1px;
height: 8px;
background: #d2d2d2;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
/* Gears */
.gear-large{
width: 40px;
height: 40px;
background: #d2d2d2;
border-radius: 100px;
position: absolute;
top: 18px;
left: 18px;
transform-origin: 50% 50%;
transition: top 0.15s;
}
.gear-large:after{
position: absolute;
content: '';
width: 28px;
height: 28px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #e8e8e8;
border-radius: 100px;
}
.gear-large:nth-child(2){
background: #d2d2d2;
left: auto;
right: 18px;
}
.gear-large.active{
top: 4px;
}
.tab-content-parked{
background: unset !important;
}
.modal-header h4{
border-bottom: unset !important;
}
/* Brands */
span.brand-logo-list.audi{
background-position:-84px -3px;
}
span.brand-logo-list.smart{
background-position:-13px -70px;
}
span.brand-logo-list{
width: 29px;
height: 19px;
background-image: url(/static/templates/css/images/car_bnrands_sprite.png);
background-size: 600px 110px;
display: inline-block;
position: relative;
top: 7px;
background-position: -561px -71px;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable{
position: fixed !important;
top: 30px !important;
left: 27% !important;
}
.ui-dialog-content .alert{
color: #EEEEEE !important;
}
.cs-container{
background:white;
padding:20px;
box-shadow: 1px 2px 5px 1px #e6e6e6;
font-family:"Roboto";
}
.contact-message-box{
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 14px;
font-weight: 400 !important;
line-height: 1.5 !important;
color: #475058 !important;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 5px !important;
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
font-family: poppins,sans-serif;
overflow: auto;
resize: vertical;
}
.contact-message-send{
border-color: #e4e7ec;
background-color: #f4f5f7;
color: #4c5667;
font-family: poppins,Roboto;
border-radius: 5px 5px 5px 5px;
font-size: 12px;
font-weight: 600;
letter-spacing: .5px;
outline: none;
padding: 12px 18px;
position: relative;
text-transform: uppercase;
border-width: 1px;
border-style: solid;
transition: all .25s;
margin-bottom: 6px;
outline: none;
line-height: 14px;
cursor: pointer;
margin-top:15px;
}
#contact_open, #chat_open {
padding: 9px 17px;
border: 1px solid #fff;
background-color: #f3f8f8;
color: #2f2f2f;
font-family: "Roboto";
font-weight: bold;
font-size: 13px;
}
#chat_open {
background-color: #c32;
border: 1px solid #b21;
color:white;
}
#contact_open:hover {
border: 1px solid #dddddd;
background-color: #eeeeee;
}
#chat_open:hover{
background-color: #b21;
border: 1px solid #a11;
}
.cls_dealer_online{
border-radius: 120%;
background: #1bca1b;
padding: 4px 4px;
position: absolute;
left: 66px;
display:none;
border: 1px solid white;
}
.live-chat-btn{
position: relative;
}
.live-chat-btn .fa-comment{
position: absolute;
top: -5px;
left: -6px;
font-size: 32px;
transform: scaleX(-1);
font-weight: bold;
color: #dc3535;
}
.footer-container{
max-width:100vw;
}
.live-chat-button-live{
position: absolute;
top: 1px;
left: -2px;
color: white;
}
#register_container{
padding: 0px;
left: -300px;
width: 400px;
background: white;
height: 147px;
overflow: hidden;
}
#register_right{
max-width: 200px;
text-align: center;
padding: 10px;
float:right;
}
#register_left{
max-width: 200px;
text-align: center;
padding: 10px;
}
@media screen and (max-width: 512px) {
#register_container{
position:fixed;
padding: 0px;
left: 10vw;
top: 40vh;
max-width: 80vw;
background: white;
height: unset;
}
#register_right{
clear: both;
float: unset;
max-width: 80vw;
background: #1b1b1b;
display: inline-block;
margin-bottom: -4px;
}
#register_left{
padding: 10px;
max-width: 80vw;
border-bottom: 1px solid #222;
}
.register_left_title{
float: right;
width: 50%;
}
.register_right_image{
width: 105px;
margin: auto;
}
.register_left_text{
float: right;
width: 50%;
word-break: initial;
}
.register_right_title{
width: 50%;
float: right;
}
.register_right_image{
width: 100px;
margin: auto;
}
.register_right_text{
font-size: 0.8em;
color: #666;
padding: 5px 0;
width:50% !important;
}
}
@media screen and (max-width: 350px) {
.facebook-container{
display:none;
}
}
.avatar.dropdown-toggle{
margin-left: 20px;
height: 39px;
margin-top: 7px;
margin-right: 10px;
}
.notifications_list_sm_container{
float: left;
margin-top: 17px;
margin-left:15px;
}
@media screen and (max-width: 332px) {
.avatar.dropdown-toggle{
margin-left: 10px;
}
.notifications_list_sm_container{
margin-right: 8px;
}
}
@media screen and (max-width: 892px) {
.avatar.dropdown-toggle{
max-width: 70px !important;
}
}
.rating-container .filled-stars {
color: #fb4c4c !important;
-webkit-text-stroke: unset !important;
text-shadow: unset !important;
}
.page-footer{
background-image: url(/static/templates/css/images/157669-download-car-wallpapers-hd-1920x1080-macbook.webp);
background-position: 0px 40%;
background-size: cover;
background-repeat: no-repeat;
}
.infinite-container{
position:absolute;
background:#333333DD;
width:100%;
height:0%;
top:0;
opacity:0;
display:none;
transition:opacity 0.5s ease-out;
}
.infinite-container.active{
opacity: 1 !important;
height:100%;
display:block;
}
.infinite-inner{
margin-top:120px !important;
margin:auto;
width: 350px;
max-width:100vw;
}
#infinite-lottie{
float: left;
display: inline;
}
.infinite-lottie-text{
float:left;
font-size:35px;
font-weight:bold;
color:white;
display: inline;
margin-top: 21px;
}
.cookies-container{
position:fixed;
bottom:0;
width:100%;
background-color: #111111fa;
color: #eee;
min-height: 60px;
display: flex;
}
.cookies-inner-button-mandatory, .cookies-inner-button-all{
display:inline-block;
}
.cookies-inner-text{
margin:auto;
}
@media screen and (max-width: 667px) {
.cookies-container{
padding: 10px;
display: block;
}
.cookies-inner-text{
margin-bottom:20px;
}
}
@media screen and (max-width: 330px) {
.cookies-inner-button-mandatory{
margin-bottom:5px;
}
}
.list-submit-new{
border-radius: 0px !important;
background: #c32;
font-family:"Roboto";
color: white;
}
.font-weight-bold{
font-weight:bold !important;
}
.uk-card-footer .uk-width-expand{
display:flex;
}
#chat-message.uk-textarea{
padding-top:15px;
}
.uk-padding-remove-horizontal{
width: 80%;
margin-top: 0px;
margin-left: 7px;
}
.uk-margin-remove img {
cursor: pointer;
}
.lightbox-target {
position: fixed;
top: -100%;
width: 100%;
background: rgba(0,0,0,.7);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
z-index: 50;
}
/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
/* Styles the close link, adds the slide down transition */
a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
/* Provides part of the "X" to eliminate an image from the close link */
a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
/* Provides part of the "X" to eliminate an image from the close link */
a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
.lightbox-target.target {
opacity: 1;
top: 0;
bottom: 0;
}
.lightbox-target.target img {
max-height: 100%;
max-width: 100%;
}
.lightbox-target.target a.lightbox-close {
top: 55px;
}
.uk-width-auto .uk-border-circle{
object-fit: contain;
}
.mobile_add_cls_btn{
position:relative;
color:white;
background:unset !important;
border:0 !important;
}
.mobile_add_cls_btn:hover{
background:#FFFFFF0C !important;
}
@media screen and (max-width: 316px) {
.mobile_add_cls_text{
display:none;
}
}
.container-inner.seller_image{
background-image: url(/static/templates/css/images/user_seller.png) !important;
background-size: 45% auto;
background-position: 95% -40px;
}
@media screen and (max-width: 1230px) {
.container-inner.seller_image{
background-image: none !important;
}
}
.carousel-container-thumbs .slick-slide{
overflow:hidden;
}
#modal_new_wizard ul, #modal_submit_cls ul, ul ul {
padding: 0 20px;
list-style: unset !important;
margin-bottom: 10px;
}
/* Brands */
span.brand-logo-list.alfa\%20romeo{
background-position:-4px -2px;
}
span.brand-logo-list.audi{
background-position:-84px -3px;
}
span.brand-logo-list.bmw{
background-position:-163px -3px;
}
span.brand-logo-list.aston\%20martin{
background-position:-46px -3px;
}
span.brand-logo-list.bentley{
background-position:-125px -5px;
}
span.brand-logo-list.cadillac{
background-position:-203px -2px;
}
span.brand-logo-list.chevrolet{
background-position:-245px -3px;
}
span.brand-logo-list.chrysler{
background-position:-279px -5px;
}
span.brand-logo-list.citroen{
background-position:-322px -3px;
}
span.brand-logo-list.daewoo{
background-position:-363px -2px;
}
span.brand-logo-list.daihatsu{
background-position: -401px -4px;
}
span.brand-logo-list.dodge{
background-position:-444px -3px;
}
span.brand-logo-list.ferrari{
background-position:-480px -4px;
}
span.brand-logo-list.fiat{
background-position:-517px -3px;
}
span.brand-logo-list.ford{
background-position:-555px -6px;
}
span.brand-logo-list.honda{
background-position:-8px -24px;
}
span.brand-logo-list.hummer{
background-position: -47px -32px;
}
span.brand-logo-list.hyundai{
background-position:-86px -25px;
}
span.brand-logo-list.infinity{
background-position:-126px -26px;
}
span.brand-logo-list.isuzu{
background-position:-166px -30px;
}
span.brand-logo-list.jaguar{
background-position:-201px -26px;
}
span.brand-logo-list.jeep{
background-position:-241px -28px;
}
span.brand-logo-list.kia{
background-position:-282px -27px;
}
span.brand-logo-list.lamborghini{
background-position:-327px -24px;
}
span.brand-logo-list.lancia{
background-position:-360px -24px;
}
span.brand-logo-list.land\%20rover{
background-position:-397px -25px;
}
span.brand-logo-list.lexus{
background-position:-440px -24px;
}
span.brand-logo-list.maserati{
background-position:-517px -28px;
}
span.brand-logo-list.mazda{
background-position:-557px -24px;
}
span.brand-logo-list.mercedes-benz{
background-position:-10px -50px;
}
span.brand-logo-list.mg{
background-position:-47px -49px;
}
span.brand-logo-list.mini{
background-position:-87px -52px;
}
span.brand-logo-list.mitsubishi{
background-position:-128px -50px;
}
span.brand-logo-list.nissan{
background-position:-167px -49px;
}
span.brand-logo-list.opel{
background-position:-205px -49px;
}
span.brand-logo-list.peugeot{
background-position:-245px -49px;
}
span.brand-logo-list.pontiac{
background-position:-291px -49px;
}
span.brand-logo-list.porsche{
background-position:-323px -49px;
}
span.brand-logo-list.proton{
background-position:-366px -49px;
}
span.brand-logo-list.rolls-royce{
background-position:-409px -50px;
}
span.brand-logo-list.rover{
background-position: -442px -49px;
}
span.brand-logo-list.saab{
background-position:-480px -49px;
}
span.brand-logo-list.seat{
background-position:-517px -51px;
}
span.brand-logo-list.skoda{
background-position:-558px -49px;
}
span.brand-logo-list.smart{
background-position:-13px -70px;
}
span.brand-logo-list.ssangyong{
background-position:-51px -69px;
}
span.brand-logo-list.subaru{
background-position:-91px -72px;
}
span.brand-logo-list.suzuki{
background-position:-129px -71px;
}
span.brand-logo-list.tata{
background-position:-175px -70px;
}
span.brand-logo-list.toyota{
background-position:-209px -68px;
}
span.brand-logo-list.volkswagen{
background-position:-250px -69px;
}
span.brand-logo-list.volvo{
background-position:-290px -68px;
}
span.brand-logo-list.lifan{
background-position:-323px -70px;
}
span.brand-logo-list.bugatti{
background-position:-356px -69px;
}
span.brand-logo-list.pontiac{
background-position:-397px -75px;
}
span.brand-logo-list.buick{
background-position:-441px -68px;
}
span.brand-logo-list.acura{
background-position:-513px -70px;
}
span.brand-logo-list.renault{
background-position:-12px -91px;
}
span.brand-logo-list.vauxhall{
background-position:-53px -90px;
}