.mfp-vehicleimage {
max-height: 90% !important;
max-width: 95% !important;
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: auto;
position: absolute;
font-size: 2rem;
min-width: 40%;
line-height: 350px;
color:#fff;
}
.store{
background-color:#ffffff!important;
} .mfp-counter {
top: auto;
bottom: 140px;
right: 8px;
position: absolute;
color: #fff;
font-size: 1em;
font-family: Open Sans, Helvetica Neue, Helvetica, sans-serif;
}
.imgdatewrapper {
top: auto;
bottom: 116px;
right: 8px;
position: absolute;
color: #fff;
font-size: 1em;
font-family: Open Sans, Helvetica Neue, Helvetica, sans-serif;
}
.mfp-preloader {
color: #fff;
font-size: 1em;
font-family: Open Sans, Helvetica Neue, Helvetica, sans-serif;
}
.mfp-close {
font-size: 46px!important;
color:#fff!important;
line-height: 1;
margin: 0px;
}
.oby3iframevideo {
width: 60%;
height: 70vh;
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: auto;
position: absolute;
color: #fff;
}
.mfp-bg {
opacity: 0.7;
}
.mfp-arrow-left {
left: 19px;
}
.mfp-arrow-right {
right: 15px;
right: 36%;
}
.mfp-arrow{
top: 47%;
}
.vdetailscontainer{
background-color:#333;
color:#fff;
padding: 10px;
width: max-content;
max-width: 90%;
font-size:medium;
margin-left: auto;
margin-right: auto;
border: solid #255caa 0px;
}
.vdetailscontainer .btn{
font-size:1.2rem;
}
.maindetscontainer {  position: relative;
top: 41%;
transform: translateY(-50%); }
.gallerywrapper{
height: 100%;
width: 100%;
display: inline-block;
align-items: center;
justify-content: center;
}
.galleryimgrwapper{ height:90%;
position: relative;
}
.gallery-popup {
position: relative;
background: #000;
padding: 0px;
width: 95vw;
height: 95vh !important;
margin: 11px auto;
border: solid #255caa 0px;
-webkit-box-shadow: 10px 10px 13px -7px #000000, 5px 5px 15px 3px rgba(0, 0, 0, 0);
box-shadow: 10px 10px 13px -7px #000000, 5px 5px 15px 3px rgba(0, 0, 0, 0);
}
.mfp-vyear, .mfp-vtype, .mfp-vmodel, .mfp-vspec, .mfp-vprice, .mfp-vdesc{
font-size:2.5rem;
}
.mfp-vtype, .mfp-vmodel, .mfp-vaccmodel, .mfp-vspec, .mfp-vaccspec,.mfp-vyear, .mfp-vbrlprice, .mfp-vvin, .mfp-vid, .mfp-vprice, .mfp-vpubdt, .vdlabels, .mfp-vuf, .mfp-vcode, .mfp-vapplication, .mfp-vmodel, .mfp-vmaterial, .mfp-vcolor{
display:inline;
overflow-wrap: break-word;
text-shadow: 2px 2px black;
color:white;
}
.vdlabels{
font-weight: bold;
color: #aaa;
}
.oby3-col,
.oby3-half,
.oby3-third,
.oby3-twothird,
.oby3-threequarter,
.oby3-quarter {
float: left;
width: 100%
}
.btn {
-webkit-appearance: none;
background-color: #255caa;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 8px;
color: #ffffff;
cursor: pointer;
display: block;
line-height: 1.3;
padding: 0 5px;
text-align: center;
transition: 0.2s ease-out;
font-family: Open Sans, Helvetica Neue, Helvetica, sans-serif;
position: relative;
width: max-content!important;
font-size: 1.1rem;
cursor: pointer;
-webkit-box-shadow: 7px 7px 7px -7px #000000, 5px 5px 7px 3px rgba(0, 0, 0, 0);
box-shadow: 7px 7px 7px -7px #000000, 5px 5px 7px 3px rgba(0, 0, 0, 0);
}
#oby3_topbtn{
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
height:33px;
}
.btn.active,
.btn:active {
background-color: #255caa;
box-shadow: inset 0 1px 2px rgb(0 0 0 / 30%);
color: #fff;
transform: translateY(2px);
}
.btn:hover {
background-color: #104187;
color: #fff;
text-decoration: none;
}
.btn .fa{
font-size:15px;
}
.oby3hiddengallery{
display:none;
}
@media (min-width:601px) {
.oby3-col.m1 {
width: 8.33333%
}
.oby3-col.m2 {
width: 16.66666%
}
.oby3-col.m3,
.oby3-quarter {
width: 30.99999%
}
.oby3-col.m4,
.oby3-third {
width: 38.33333%
}
.oby3-col.m5 {
width: 41.66666%
}
.oby3-col.m6,
.oby3-half {
width: 49.99999%
}
.oby3-col.m7 {
width: 58.33333%
}
.oby3-col.m8,
.oby3-twothird {
width: 61.66666%
}
.oby3-col.m9,
.oby3-threequarter {
width: 74.99999%
}
.oby3-col.m10 {
width: 83.33333%
}
.oby3-col.m11 {
width: 91.66666%
}
.oby3-col.m12 {
width: 99.99999%
}
} .oby3modal {
display: none; position: fixed; z-index: 1050; padding-top: 160px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .oby3modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: 1px solid #888;
width: 70vw;
min-width: 300px;
max-width: 800px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
display: grid;
} @-webkit-keyframes animatetop {
from {top:-300px; opacity:0} 
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
} .oby3close {
color: #fff;
float: right;
font-size: 28px;
font-weight: bold;
}
.oby3close:hover,
.oby3close:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.oby3modal-header {
padding: 2px 16px;
background-color: #104187;
color: white;
}
.oby3modal-body {
padding: 2px 16px;
margin-top:10px;
margin-bottom:10px;
}
.oby3modal-footer {
padding: 2px 16px;
background-color: #104187;
color: white;
}
.flag-text { 
margin-left: 5px; 
font-family: sans-serif; 
font-size:13px;
}
.select2-results__option{
padding:3px;
}
#destselect{
width: 156px;
}
#select2-destselect-container{
height:23px;
line-height: 16px;
font-size: 13px
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left:2px!important;
padding-right:4px!important;
}
.select2-container--default .select2-results>.select2-results__options{
max-height: 500px !important;
}
.pc-tab {
margin: 10px auto 0!important;
}
.pc-tab img{
transition-duration: 1s;
}
.pc-tab img:hover{
transform: scale(1.5);
transition-duration: 1s;
}
.destinationcurrencyheading{ font-size: 15px;
color:#000; }
#oby3gallery{
display:block; 
width: 100%; 
overflow-x:scroll; 
overflow-y:hidden;
position: absolute;
bottom: 0px;
white-space: nowrap;
}
.lightbox{display:inline-block;}
.lightbox img{vertical-align:bottom;border-left: solid 4px black;}
.lightbox iframe{vertical-align:bottom;}
@media (max-width:900px) {
.gallery-popup {
border: solid #255caa 0px;
}
.maindetscontainer{
top: 40%;
}
.lightbox img {
height:45px;
}
.mfp-counter {
top: 5px;
left:10px;
font-size:1.1rem
}
.imgdatewrapper {
bottom: 46px;
font-size:1.1rem;
}
.vdetailscontainer .btn{
height:33px;
padding: 0 2px;
font-size: 0.9rem;
}
.mfp-arrow-left{
left: 0px;
}
.mfp-arrow-right{
right: 36%;
}
.vdetailscontainer{
font-size: 1.0rem;
padding: 8px 10px;
margin-right:10px;
}
.vdetailscontainer .btn .fa{
display:none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 1.3rem;
}
.mfp-vdesc {
font-size: 2rem;
}
.accessorydetails{
font-size:small
}
.mfp-vyear, .mfp-vtype, .mfp-vmodel, .mfp-vspec{
font-size: 1.4rem;
}
}
@media (max-width:600px){
.gallery-popup {
border: solid #255caa 0px;
}
.galleryimgrwapper{
height:35%;
top:10%;
}
.oby3iframevideo {
height:100%;
}
.maindetscontainer{
top: 35%;
}
.vdetailscontainer{
margin-right:auto;
margin-left:auto;
max-width:100%;
padding-left: 10px;
padding-right: 10px;
}
.mfp-counter {
top: 10px;
left:10px;
font-size:1.1rem;
}
.imgdatewrapper {
top: 25px ;
left:10px;
font-size:1.1rem;
}
.lightbox img {
height:60px;
}
.mfp-counter {
bottom: 89px;
}
.imgdatewrapper {
bottom: 67px;
}
.mfp-arrow-right {
right: -10px;
}
.mfp-arrow-left {
left: -10px;
}
#destselect{
width: 156px;
}
.oby3modal-content {
font-size:1.1rem;
}
.mfp-vehicleimage {
max-height: 100% !important;
} }
.mfp-arrow-right:after{
border-left: 17px solid #255caa!important;
}
.mfp-arrow-left:after {
border-right: 17px solid #255caa!important;
}
.mfp-arrow-left:before {
border-right: none!important;
}
.mfp-arrow-right:before  {
border-left: none!important;
}
body {
touch-action: pan-x pan-y; }
.vdetailsdiv50 {
display: table-cell;
padding-right: 5px;
line-height:1.6em;
}
.mfp-vdesc{
margin-bottom:10px
}
.accessorydetails{
width:100%;
}
.accessorydetails td{
padding-top:2px
}.loading-image {
background: transparent url(//kombibrazil.com/wp-content/themes/kombibr/vehiclecatalog/loader.gif) center no-repeat;
margin-left: auto;
margin-right: auto;
z-index:2000;
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: auto;
position: absolute;
}