@font-face {   font-family: myanmar3; src: url("../css/myanmar3.ttf");}
@font-face {    font-family: Open Sans; src: url("../js/Bebas/OpenSans-Regular.ttf");}
 ul, div,p{font-family:Arial,myanmar3,Helvetica Neue,Helvetica,sans-serif;}
html{          
font-family:Arial,myanmar3,Helvetica Neue,Helvetica,sans-serif;
	height:100%;
	margin:0px;
	padding:0px;
}
body{
font-family:Arial,myanmar3,Helvetica Neue,Helvetica,sans-serif;  
  height:100%;
  margin:0px;
  padding:0px;
  background-color:#fff; 
}
header, section, footer, aside, nav, main, article, figure {   display: block;}
nav.menu{  background: #44577f;  width:100%;}
table th,table td {font-size:14px !important; }
table> tbody>  tr>   td  input[type="checkbox"], form [type="checkbox"] {
     width:25px !important;
       height:25px; 
     }
      
[data-word='motorcar'] {
  position: relative;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 3s;
   animation-delay:-2s;

  animation-iteration-count: infinite;
}


[data-word='myanmar'] {
  position: relative;
  -webkit-animation-name: examples; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
  animation-name: examples;
  animation-duration: 3s;
  animation-iteration-count: infinite;
   animation-delay:-2s;
}

  
img{
background-image: url("../images/icons/loader.gif");  
    background-repeat: no-repeat;
  background-size:50px;
  -webkit-background-size:50px;
  -moz-background-size:50px;
  -o-background-size:50px;  
    background-position:center;
            min-height:50px;
}
@-webkit-keyframes example {
  0%   {left:0px; top:0px;}
  70%  { left:0px; top:0px;}

  90%  { left:-100px; top:0px;}
  100% {left:0px; top:0px;}
}

@keyframes example {
  0%   {left:0px; top:0px;}
  70%  { left:0px; top:0px;}

  90%  { left:-100px; top:0px;}
  100% {left:0px; top:0px;}
}

.login-tab-content .tab-pane  div       
{

  margin-bottom:15px;
}

@-webkit-keyframes examples {
  0%   {right:0px; top:0px;}
  70%  { right:0px; top:0px;}      

  90%  { right:-100px; top:0px;}      
  100% {right:0px; top:0px;}
}


@keyframes examples {
  0%   {right:0px; top:0px;}
  70%  { right:0px; top:0px;}      

  90%  { right:-100px; top:0px;}      
  100% {right:0px; top:0px;}
}


.border-bottom-hr{ border-bottom:2px solid #2e4760;}
.icon-viber{ width:35px;}

.btn-collapse:before, a.dropdown-toggle:before  {
  font-family: "FontAwesome";
  content: "\f139 ";  
   font-size:18px;
}

/* Icon when the collapsible content is hidden */
.btn-collapse.collapsed:before, a.dropdown-toggle.collapsed:before { content: "\f13a ";  }

  select:invalid {
  color: gray;
}

.mapouter{
    position:relative;text-align:right;height:200px;width:350px;max-width:100%;
  }
    .gmap_canvas {
      overflow:hidden;background:none!important;height:200px;width:350px; max-width:100%;}  
    iframe#gmap_canvas  
       {
             width:350px;
             height:200px;
       }


ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
    font-family:FontAwesome;
    content:'\f101';  
}
.active-page{
  background:yellow;
}

footer{
    padding:10px;
margin-top:50px;margin-bottom:0px;
 color:#fff;
}                                                                          
.c-padding{padding:10px;}
.c-line-height{line-height:1.5;}       
.tag.label{
  font-size:100% !important;
  line-height:2.5  !important;
}
.c-checkbox{
    width:25px;
    height:25px;
}
.label-title{
  color:#494949;
  font-weight:650;
  font-size:16px;
}
.label-title-mm{
 color:#494949;
  font-weight:bold;
  font-size:16px;
}
.btn-group .btn{border:1px solid #5a665b;}
 .btn:not(.btn-block){margin:10px;}
.input-group-btn .btn{ margin:initial;}
.btn-sm{ font-size:12px;}
.btn,.label{   font-size:14px;}
.hidden{ display:none;  }
.height-full{ height:100%; }
#honeyPot{ display:none;}

.tag.label.label-info {
    background-color: #5bc0de;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
  } 
  table tr.deleted{ background:#ffd4cf; }

 table  td img{
    width:150px;
      object-fit:contain; 
}  
  .no-image{
     background-image: url("../images/icons/no-image.jpg");
    background-repeat: no-repeat;
  background-size:100%;
    background-position:center;
            min-height:80px;

  }
  .icons-car {
    background-repeat: no-repeat;
    background-position:center; 
       background-size:100%;
          width:20px;
    height:20px; 
      display:inline-block;
      vertical-align:bottom;
   }

  .icon-price{  background-image: url("../images/icons/money.png");}
  .icon-fuel{ background-image: url("../images/icons/oil.png"); }
 .icon-body-color {   background-image: url("../images/icons/picker.png");}
  .icon-kilometers  {   background-image: url("../images/icons/kilometers.png");}
 .icon-engine  {   background-image: url("../images/icons/engine.png");}
  .icon-transmission {  background-image: url("../images/icons/transmission.png");}
 .icon-wheel   {   background-image: url("../images/icons/wheel.png");}
 .icon-location {   background-image: url("../images/icons/location.png");}
 .icon-body-type  { background-image: url("../images/icons/car.png");}
  .icon-license-plate{ background-image: url("../images/icons/license-plate.png");}

.en-language-link{
   background-image: url("../images/icons/usa-flag-sm.jpg");
   background-size:40px;
   width:40px;
   height:40px; 
  background-position: center;
  background-repeat: no-repeat;
   display:inline-block; 
         margin:0 10px;
         cursor:pointer;
}
.bg-bmw{
     background-image: url('../images/icons/bg-bmw450.jpg'); 
    background-position:center;
    padding:70px 20px;
}
.bg-range-rover{
    background-image: url('../images/icons/bg-range-rover450.jpg'); 
    background-position:center;
    padding:20px 20px;

}
.bg-imgs{
  position:relative;
    background-size:cover;
    -webkit-background-size:cover;
    background-repeat:no-repeat;
}

.bg-header {   
   background-image: url('../images/icons/headerPhoto450.jpg');                                           
    background-position: 50% 90%;
    opacity: .8;
     animation: header 4s linear -2s infinite;  
min-height:250px;


}


@-webkit-keyframes header{  
  0%   {opacity:0.8;}
  80%  { opacity:0.8;}

  90%  { opacity:0.4;}
  100% {opacity:0.8;}  
}


@keyframes header{  
  0%   {opacity:0.8;}
  80%  { opacity:0.8;}

  90%  { opacity:0.4;}
  100% {opacity:0.8;}  
}

@media only screen and (min-width:450px) {
.bg-header.visible{ background-image: url('../images/icons/headerPhoto750.jpg');}
.bg-bmw.visible{ background-image: url('../images/icons/bg-bmw750.jpg'); }
.bg-range-rover.visible  {   background-image: url('../images/icons/bg-range-rover750.jpg'); }

 }
  @media only screen and (min-width: 750px) {
    .bg-header.visible{   background-image: url('../images/icons/headerPhoto1024.jpg');   }
   .bg-bmw.visible{ background-image: url('../images/icons/bg-bmw1024.jpg'); }
   .bg-range-rover.visible{   background-image: url('../images/icons/bg-range-rover1024.jpg');  } 
  }


   @media only screen and (min-width: 1250px) {
.bg-header.visible{ background-image: url('../images/icons/headerPhoto1500Crop.jpg');
min-height:280px; }
.bg-bmw.visible{ background-image: url('../images/icons/bg-bmw1500.jpg'); }
.bg-range-rover.visible{   background-image: url('../images/icons/bg-range-rover1280.jpg'); }

  }
.container-login:hover {  opacity: 1;}
.container-login{  
    padding:20px;
   opacity:.9;
    -webkit-transition: .5s ease;
  background:#758492;
 }
.image-overlay{
      position:absolute;
      top:0;
      left:0;
       width:100%;
       height:100%;
     background-color:rgba(0, 0, 0, 0.2);

}
.box{ 
    margin:10px   ;
    margin-bottom:20px;
    overflow:hidden;
     width:350px;
   min-height:200px;
   border-radius:5px;
    
}
.box > div {
       height:100%;
        padding:10px;
  border-radius:5px;
   background:#fff;
   opacity:0.9;
      padding-bottom:5px;       
           transition:0.5s;
         -webkit-transition:0.5s;                      
}
.box .content
{
   position:relative;
   z-index:1;
      font-weight:bold;
         color:#000;  
}
.box .content p{
    font-weight:bold;
     color:#000;
}
.box .icon{
   position:relative; 
    width:40px;
    height:40px;
    margin:0 auto;
 border-radius:50%;
      transition:0.25s;
      -webkit-transition:0.25s;
}
.box   .icon .fa{
    position:absolute;
      top:50%;
      left:50%;
 transform:translate(-50%,-50%);
     font-size:25px;  
      transition:0.25s;

      -webkit-transition:0.25s;
    }
.box:hover .icon {
     
     width:50px;
     height:50px; 
}

.box:hover .icon .fa{
     font-size:40px;
}
.box:nth-child(1) .icon , .box:nth-child(4) .icon{
      background:#f78484;
       box-shadow:0 0;
  }

.box:nth-child(1):hover .icon,.box:nth-child(4):hover .icon{
  opacity:1;
   box-shadow: 0 0 0 400px #f78484;
}
.box:nth-child(2) .icon{
      background:yellow;
       box-shadow:0 0;
}

.box:nth-child(2):hover .icon{

   box-shadow: 0 0 0 400px yellow;
}
.box:nth-child(3) .icon{
      background:#5ff95c;
       box-shadow:0 0;
}

.box:nth-child(3):hover .icon{
     box-shadow: 0 0 0 400px #5ff95c;
}
.mm-language-link{
   background-image: url("../images/icons/myanmar-flag-sm.jpg");
   background-size:40px;
   width:40px;
   height:40px; 
  background-position: center;
  background-repeat: no-repeat;
    display:inline-block;
  margin:0 10px;
    cursor:pointer;
}

                                
.container-flexbox{
display: flex;
display: -webkit-flex; 
display:-moz-flex;
display:-ms-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
 margin-bottom:10px; 

} 
.container-flexbox > div{
border-radius: 5px;                                           
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px; 
     margin-bottom:20px; 
}
                                                
.container-flexbox img{
 max-height:280px;
  width:100%;
}
figure
{
   margin:0px;
  padding:0px;
}
.container-flexbox-child  {
  padding: 7px 5px; 
  margin-bottom:10px;
 background:#b8c5db; 
 display: flex;
display: -webkit-flex; 
display:-moz-flex;
display:-ms-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
height:auto;
}
                           
.flex-direction-column{
  flex-direction:column;
   -moz-flex-direction:column;  
   -webkit-flex-direction:column;  
    -ms-flex-direction:column;
   -o-flex-direction:column;
}
.boxImg img {
        width:350px;
        max-width:100%;
          overflow:hidden;
}
.boxDetails { 
      position:absolute;
       top:10px;
       left:10px;
       right:10px;
       bottom:10px;
        color:#fff;
        transform:scaleY(0);
        transition:all 1s;   
      }    
.boxDetails label{
   font-weight:bold;
}
.boxDetails > div{
  position:absolute;
   top:50%;
      transform:translateY(-50%);
       -webkit-transform:translateY(-50%);
       -moz-transform:translateY(-50%);
       -ms-transform:translateY(-50%);
       -o-transform:translateY(-50%);
           background:darkgray;
      padding:10px;
      width:100%;
}              
.container-box{ 

display: flex;
display: -webkit-flex; 
display:-moz-flex;
display:-ms-flex;
border-radius:5px;  
border:1px solid  #ccc;
 background:#fff;
 height:100%;
 margin:0 2px;        
}   
.container-box  a {
color:#187c18;
font-weight:bold;
 }
  .box-details{
margin-top:auto;
   background:#fff;
    padding:5px;
     color:#000;
 }
.img-container{
position:relative;
overflow:hidden;
}
.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s; 
  border-radius: 5px;                                           
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; 
  margin:5px 0;
    height:100%;
  color:green;
 display: flex;
 flex-wrap:wrap; 
   justify-content:center;
}
.card .details{   
align-self:flex-end;
text-align:center;
}

.card img{
  border-radius: 5px 5px 0 0;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.img-container img
{
  max-width:100%;
transition: transform 1s ;
-moz-transition: -moz-transform 1s ;
-webkit-transition: -webkit-transform 1s ;
-o-transition: -o-transform 1s ;
}
.img-container:hover img {
transform: scale(1.1); 
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);       
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.box-shadow{
   box-shadow:0px 5px 15px rgba(128,128,128,.5);
 -webkit-box-shadow:0px 5px 15px rgba(128,128,128,.5);  
 -moz-box-shadow:0px 5px 15px rgba(128,128,128,.5); 
}
 
 .items-grid {
min-height:150px;
display: flex;
display: -webkit-flex; 
display:-moz-flex;
display:-ms-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
margin-bottom:10px; 
background:#e2e2e2;
padding:7px;
    }
 .items-grid-box {
width:100%;
display: -webkit-flex; 
display: flex;
display:-moz-flex;
display:-ms-flex;
-webkit-flex-direction:column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
position:relative;
text-align:left;
padding:5px;
border-radius:5px;
background:#fff;
border:1px solid  #ccc;
 }
.div-item-information{ 
min-height:50px;
max-height:400px;
overflow:auto;
} 

#my_sidebar.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1040;
  top: 0;
  right:0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
     -webkit-transition:0.5s;
        opacity:0.9;
}

#my_sidebar .overlay-content {
  position: relative;
  top: 0;
  width: 100%;
  text-align: center;
  margin-top: 30px;

}

#my_sidebar.overlay a { 
  text-decoration: none;
  font-size: 16px;
  color:#fcfcfc;
  display: block;
  transition: 0.3s;

}

#my_sidebar.overlay a.btnCloseSideBar { 
 
   margin-top:2%;
     margin-left:5%;

}
#my_sidebar .overlay-content li     {
    list-style-type:none;
     text-align:center;
   }

#my_sidebar.overlay a:hover, #my_sidebar.overlay a:focus {
  color: #3e8f3e;
}

#my_sidebar img{

 width:130px; 
    max-width: 130px;
    max-height: 130px;

}
               
                                                                                       
@media screen and (max-width: 450px) {
  #my_sidebar.overlay a {font-size: 14px;}
/*
  #my_sidebar .overlay-content{top:55px;}*/
  #my_sidebar.overlay .closebtn {
  font-size: 45px;
  top: 15px;
  right: 35px;
  }
}
                                              
div.scrollmenu {
  background-color: #f1f1f1;
  overflow: auto;
   margin:20px 0; 
  white-space: nowrap;    
} 

div.scrollmenu > div {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}
div.scrollmenu a:hover {
  background-color: #777;
}

div.photos-scroll-container{
display:block;
}

div.my-slides-scroll-container{
display:none;
}
div.my-slides-scroll {
position:relative;
  background-color: #f1f1f1;
  overflow: auto;
 /*  margin:20px 0; */
  white-space: nowrap;     
} 

div.my-slides-scroll > div {
  display: inline-block;
  width:95%;
  color: white;
  text-align: center;
  text-decoration: none;
}
div.my-slides-scroll img{
width:100%;max-height:250px;object-fit:cover;
}

div.my-slides-scroll a:hover {
  background-color: #777;
}

@media only screen and (max-width: 790px) {
div.my-slides-scroll-container                                              
{
  display:block;
}
}

@media only screen and (min-width:500px) and (max-width: 790px) {
div.my-slides-scroll > div  {
width:48%;  
} 
}


@media only screen and (min-width:791px) {
div.my-slides-scroll > div  {
width:25%;  
} 
}

h1,h2,h3,h4,h5{
text-align:center;
 font-weight: bold;
}
li h4{text-align:left;}

label{
   
   font-weight:500;
  font-size:14px;
 }

label.control-label{
      padding-right:0px;
}

.label.label-default{
    display:inline-block;
      text-shadow:none; 
      line-height:1.5;
      font-weight:normal;
}
.error,.txt-error{color:red;} 
.input-error{border:1px solid red;}  
.chk-show-password{width:25px;height:25px }

 .c-tooltiptext-top{
   margin:0 auto;
  width: 450px;
  max-width:100%;
  display:block;
  background-color: #e29285;
  color: #fff;
  text-align: center;
  position:relative;
  border-radius: 6px;
  padding: 2px 0; 
  margin-bottom:10px;
 }
                            
.c-tooltiptext-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #e29285 transparent transparent transparent;
}

.c-bootstrap-select .btn{
  background:#fff;
  border:1px solid grey;
  border-radius:initial;
   display:inline-block;
   padding:2px;

  font-size:14px;
}
hr{
  height:4px;
  background-color:#2e4760;
  border:0px;
}
.line-height-normal  {     line-height:normal;}
.line-height-md{ line-height:1.5;}
 .line-height-lg{   line-height:2;}
.color-black{color:#111;}
.section-color{
 /* save this color rgb(184, 192, 199);*/
   background-color: #fff;
}
.color-gray{color:gray;}
.color-white{  color:#fff;}
.color-dodgerblue{ color:dodgerblue;}
.color-red{ color:#d3524c;}
.close{   opacity:1;}
.opacity-9{opacity:0.9;}
.overflow-auto{overflow:auto;}
.font-size-md{    font-size:16px;}
.bg-dark-blue {  background-color: #2c3651; }
.bg-medium-blue{ background-color:#82a9e5;} 
.bg-dark-grey{  background:#5e6672;}
.bg-md-grey{  background:#a8adb5;}
.bg-grey {  background-color: #2c3651; }
.bg-dodgerblue{   background:dodgerblue;}
.bg-gray { background:#f1f1f1;}
.bg-grayer{       background: #aeaeaf;}
.bg-white{ background:#fff;}
.bg-green{  background:#5cb85c;}
.font-lg{   font-size:large;}
.font-xg{font-size:28px;}
.font-md{  font-size:medium;}
.font-weight-normal { font-weight:normal;}
.font-weight-bold  {  font-weight:bold;}
.font-sm{  font-size:small;}
.bg-red{   background:#d3524c;}
.bg-black{   background:#111;}
.fb-login-button{
 border-radius:5px;
  color:#fff;   
  border:none;
  background:#406eb7;
    max-width:100%;
}  
.badge-wrap{white-space:normal;}
.text-indent{  text-indent:10px;}
.fb_iframe_widget span iframe {
  width: 100% !important; 
  }
.fb-login-button i{float:left;}

.fb-login-button span{                                              
  font-size:16px;
  margin:0 10px;
  display:inline-block;
}
.youtube-video  , .facebook-video{
    width:560px;
    height:315px;
   max-width:100%;
   border:none;
   overflow:hidden; 
}  

.ul-striped-border label{ 
    vertical-align:top;
   display:inline-block;
     min-width:250px;
                        
}
.ul-striped-border label:nth-child(2){
     width:auto;
       min-width:200px;
}

@media only screen and (max-width: 500px) {
.ul-striped-border ,.ul-border, .ul-striped label{
    display:block;
          width:100%;
}
}
.ul-striped-border,.ul-border span,.ul-striped span{
 display:inline-block;
}
.ul-striped-border, .ul-border, .ul-striped{
margin:0px;
padding:0px;
                                      
}

.ul-border li, .ul-striped li  , .ul-striped-border li  { 
  padding:10px 5px 5px 5px;
  list-style-type:none;                  
}
.ul-border  > li  ,.ul-striped-border > li  {
  border-bottom: 1px solid #40698f;
}

.ul-striped > li:nth-child(even){    /*
     background:#e0f0ff;*/
}                        
.table-striped > thead >tr{
     background:#e0f0ff;
}

.table-striped > tbody >tr:nth-of-type(even){
     background:#f1f1f1;
}
.table-striped > tbody >tr:nth-of-type(odd){
     background:#fff;
} 
.table > tbody > tr:hover{
    background:#e3f7e3;
}              

/* Position the image container (needed to position the left and right arrows) */
.slideshow-container {
position: relative; 
width:800px;
margin:0 auto;
margin-bottom:15px;     
max-width:100%;  
      box-shadow:0px 5px 15px rgba(128,128,128,.8);
  -webkit-box-shadow:0px 5px 15px rgba(128,128,128,.8);  
  -moz-box-shadow:0px 5px 15px rgba(128,128,128,.8); 
    border:none;
    outline-width:0;
  background:transparent;

}
.slideshow-container *
{
      box-sizing:border-box;
}

/* Hide the images by default */
.slideshow-container .mySlides {
   position:relative;
  display: none;

}
.slideshow-container .mySlides img
{
  
  vertical-align: middle;
  object-fit:contain;
width:100%;
max-width:100%;
max-height:350px;
     
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.slideshow-container .prev,
.slideshow-container .next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;/*

  background-color: rgba(0, 0, 0, 0.8);*/
}

/* Position the "next button" to the right */
.slideshow-container .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slideshow-container .prev:hover,
.slideshow-container .next:hover {/*
  background-color: rgba(0, 0, 0, 0.8);*/
}

/* Number text (1/3 etc) */
.slideshow-container .numbertext {
  color: #green;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.slideshow-container .caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.slideshow-container .t-row:after {
  content: "";
  display: table;
  clear: both;
}
.slideshow-container .t-row
{
background-color: #f1f1f1;
  overflow: auto;
                      position:relative;                  
  white-space: nowrap;
  font-size:0px;    
      transition:1s;


}

/* Six columns side by side */
.slideshow-container .column { 
   position:relative;
   display:inline-block;
  width: 20%;
  padding:0 2px;
} 

/* Add a transparency effect for thumnbail images */
.slideshow-container .demo {
  opacity: 0.6;
  object-fit:contain;
   max-height:140px;
     width:100%;

 
}

.slideshow-container .active,
.slideshow-container .demo:hover {
  opacity: 1;
  border:4px solid #258e28;
}

@media only screen and (max-width: 790px) {
.slideshow-container                                                
{
  display:none;
}
 
}
/*//////////////////////////////////////// slick news////////////////////////////////////////////////*/
.slick-prev, .slick-next{
  display:inline-block !important;
    position:static !important;
    width:50px !important;
    height:50px !important;
   margin-top:20px;
    
}
.slick-prev:before , .slick-next:before{
  color:red !important;
  background:transparent !important;                            
  font-size:40px !important;
}
.slick-slide {  margin: 0 5px;}
.slick-carousel  {
 background:#fff;
  padding:5px 0;                
  max-height:350px;
  overflow:hidden;
}                                   
.slick-carousel ul.slick-dots{                               
  position:static;
}

.slick-carousel .caption{
  color:#fff;
  white-space: normal;
    overflow: hidden;
    text-overflow: initial;
   /*line-height:1.4;*/
  padding-left:2px;
  background:#2bb524;
  height:4em;
}
.slick-carousel   img {
        width:100%;
       height: 170px !important;
     object-fit:cover;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 100px;
    height: 30px;
    width: 45px;
    background-color: red;
}

.btn.dropdown-toggle {  margin:0px;}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow: visible;}
.custom-dropdown .dropdown-toggle{
    color:#000;
  background-color: #fff;
    min-width: 240px;
    max-width:100%;
  height: 40px;
  border-radius: 4px; 
  border: solid 1px #cccccc;
  text-align: left;
  padding: 7.5px 15px; 
  letter-spacing: 0.7px;
}
 
.custom-dropdown .caret, .custom-dropdown .fa-caret-down {
    float: right;/*
    margin-top: 9px;
    display: block;*/
     font-size:20px;
  }
.custom-dropdown.dropdown.open ul {
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
  border: solid 1px #666;
  border-top: none;
  max-height: 450px;
  overflow-y: scroll;
}

.custom-dropdown .dropdown-menu li {
      line-height: 1.5;
  letter-spacing: 0.7px;
  color: #000;
    font-size: 14px;
  cursor: pointer;
  padding: 7.5px 15px;
  min-height:25px;
  border-top: solid 1px #bec0c4;
}

.custom-dropdown .dropdown-menu {
  width: 240px;
  padding: 0;
  margin: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media only screen and (max-width: 650px) {
  .navbar-fixed-top{
               position:fixed;
}
}
                                                         
@media only screen and (min-width: 651px) {
.navbar-fixed-top{
             position:relative;
}
}

.page-loader{

    background-image: url("../images/icons/loader.gif");
    background-repeat: no-repeat;
  background-size:70px;
  -webkit-background-size:70px;
  -moz-background-size:70px;

  -o-background-size:70px;  
    background-position:center;
            min-height:80px;
width:250px; 
height:250px;
position:fixed;
top:40%;
left:40%;
z-index:1100;
display:none;
}

.spinner:before{
    font-family:FontAwesome;
    content:'\f110';  
    display: inline-block;
}
@media only screen and (max-width: 450px) {
 
 .page-loader {
    position:fixed;
   top:45%;
    left:20%;
   display:none;
    z-index:1100;
    }
}
.img-overlay {
  position: absolute;
  top: 0;
  left: 50%;
  height: 50%;
  width: 95%;
  transition: .3s ease;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  color:white;
  text-align:center;
  opacity:0.8;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
   -moz-transform: translate(-50%, 0);
}                     
 .img-loader
{
position:absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
z-index:2;    
display:none;
  }
.position-top-left {
   position:absolute;
   top:0;
   left:0;
   color:#fff;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
}
.img-item{  width:100%;}
.img-zoom:before{
content:'\f00e ';
font-family:'FontAwesome';
font-size:48px;       
color:#fff;                              
position:absolute;
top:28%;
left:45%;
  cursor:pointer;
   display:inline-block; 
   background:transparent;
    padding:0px; 
    pointer-events: none 
}
.pos-relative{  position:relative;} 
.no-margin{  margin:0px;}
.margin-small{    margin:5px;}
 .margin-left-sm {    margin-left:20px;}
 .margin-left-md { margin-left:80px;}
 .margin-right-md{    margin-right:40px;}
.margin-lg{   margin:15px;}
.margin-top-sm{    margin-top:10px;}
.margin-bottom-sm{    margin-bottom:10px;}
.margin-top-md{  margin-top:20px;}
.margin-top-lg{    margin-top:40px;}
.margin-lf-md{ margin: auto 10px;}
 .margin-lr-md{     margin: auto 10px;}
.margin-top-auto{     margin-top:auto;}
.margin-top-bottom-sm{ margin:8px 0;}
.float-right{  float:right;}
.float-left{  float:left;}
.no-padding{   padding:0px;}
.padding-md{   padding:20px;}
.padding-small{  padding:10px;}
.padding-sm{  padding:10px;}
.padding-xs{  padding:2px;}
.v-align-middle{ vertical-align:middle;}
.padding-sm{ padding:10px;}
.padding-big{ padding:20px;}
.padding-lg{  padding:20px;}
.md-form label{ font-size: 14px;}
 .md-form label.active{ font-size:12px;}
a{ font-size:18;}                       
.img-language{       width:40px;}


.makes-models-spinner{display:none;}
 .well{    overflow:auto;  color:#000;}
.title{background:#5d85c3; color:#fff ; padding:5px; line-height:1.4;}
.well.title{  text-align:center;  }
.title a{ color:#fff;}

@media only screen and (max-width: 850px) {
  label  {
        font-size:14px;
        }
.form-group label,.form-group label.control-label{
    font-size:14px;
}
}
#car_body_imgs_div img{
  width:100px;
  height:80px;
  cursor:pointer;
  float:left;
 margin:4px 4px;
}

#body_type_div{
  position:relative;
}
#car_body_imgs_div{
position:absolute;left:5%;top:80%;display:none;z-index:5;background-color:#03A9F4;
padding:0px;
} 

/*=============================rating star ==============================*/
.ellip {
  display: block;
  height: 100%;
}

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
}
.review-star.glyphicon-star
{
  font-size:20px;
}

.glyphicon-star {
  font-size: 25px;    
     color:#ccc;
  cursor:pointer;
} 
.container-star-rating
{
    position:relative;
     display:flex; 
       justify-content:center;

     transform: rotateY(180deg);
 
       -moz-transform: rotateY(180deg);
     -webkit-transform: rotateY(180deg);
     -ms-transform: rotateY(180deg);
     -o-transform: rotateY(180deg);
  
}
.container-star-rating input
{


  display:none;

                               
}                           
.container-star-rating label  
{ 
      display:block;
      width:50px;
     cursor:pointer; 
}
.container-star-rating label:before 

{
     content:'\f005';
      font-size:25px;
     font-family:fontawesome;
      position:relative;
       display:block;
       color:gray; 

}
 
.container-star-rating label:after
{
     content:'\f005';
      font-size:25px;
     font-family:fontawesome;
      position:absolute;
       display:block;
       color:green;
       top:0;
       opacity:0;
       transition:.25s;
}
                
 
.container-star-rating label:hover:after,
.container-star-rating label:hover ~ label:after, 
.container-star-rating input:checked ~ label:after  
 
    {

       opacity:1;
                     

} 
.color-rated
{
     color:#ffcc00;

}
.color-unrated
{
                 color:#ccc;

}
.glyphicon-star.half {
  position: relative;
}

.glyphicon-star.half:before {

     color:#ffcc00;
  position: relative;
  z-index: 9;
  width: 47%;
  display: block;
  overflow: hidden;
}
.glyphicon-star.half:after {
  content: '\e006';
  position: absolute;
  z-index: 8;
      color:#ccc;
  top: 0;
  left: 0;
}
.ul-reviews > li                                                                                   
{

                                   border:1px solid #c9cacc;
                                    padding:0px 15px;                                                  
}
.reviews-ul .list-group-item
{

  margin-bottom:10px;border:1px solid  #12d129;
}

/*===============================    close rating star ============================          */
/*============== table =====================*/ 
table th .sort-asc , table th .sort-desc
{
  color:green;
  font-size:20px;
}

.list-group-item p
{
    font-weight:bold;
      color:#777;      
}

/* ========================close table================================== */



/*////////////////////////////// profile card ////////////////////////////////*/
   

.cursor
{
  cursor:pointer;
}
.gradient-g-y{

background-image: linear-gradient(to right, #bbffad ,#fffcba) ;

}

 /*=====================rental car prices div==============*/


  /*================top view slideshow================ */

.top-views-container{
      margin-bottom:15px;
     background:#e0ebeb;
     padding:10px;
       max-height:380px;
     overflow:hidden;
}
.top-views-wrapper{
   background:#e0ebeb;
}
.top-views-wrapper img{
    height:180px;
    max-width:100%;
    width:100%;
    object-fit:cover;
 }
.top-views .caption{
  line-height:1;
  padding-left:2px;
  background:#2bb524;
}
 
.top-views-wrapper .slick-track{margin:0 auto;}

.top-views-wrapper .slick-prev:before, .top-views-wrapper .slick-next:before{
    color:red;
}
.top-views-wrapper .slick-prev {
    left: 4%;
    z-index:1;
    
}
.top-views-wrapper .slick-next {
    right: 4%;
   
}
.top-views-wrapper img{
    height:180px;
    /*max-width:100%;*/
  width:100%;
    object-fit:cover;
}
.top-views-wrapper .slick-dots{position:static;}
.top-views-wrapper p label{font-size:14px;margin:0px auto;}
.top-views-wrapper p.caption span{font-size:14px;color:#000;}
 /*=============== end top view slideshow=======================*/

/* ==================custom slide show    */
.fade-out-in {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
  animation-fill-mode:forward;
  -webkit-animation-fill-mode:forward;
}

@-webkit-keyframes fade {
  from {opacity: .1} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .1} 
  to {opacity: 1}
}

/*====================end custom slide show=====================*/
/*=========================== close shop form==============================*/

.container-contact-form{
    background: #cecfe4;
      padding:20px;
       border-radius:5px;
    width: 100%;
}
.container-contact-form .form-control{border-radius:1rem;}
  .contact-header{
    background: #ff9b00;
    padding: 5px;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
 .container-contact-form h3{    margin:20px; color: #0062cc;}
.table .preview img{ width:150px !important;object-fit:cover;}

.header-signup a{
 display:inline-block;
  margin:10px 25px;     
  font-size:16px;                     
}
.sort_asc::after{	content:'▲';}
.sort_desc::after{	content:'▼';}

#pagination a, .ci-pagination a{
	margin-top:28px;
background:#eaed5a;
padding:4px 7px;
 
color:blue;
font-size:18px;
text-align:center;
margin-right:10px;
}
.ci-pagination{  margin:10px;
}
#pagination strong, .ci-pagination strong{
	font-size:18px;
	margin-right:10px;
}
.pagination > .pagination_link > a {   margin:5px 10px;}
.boot-pagination li     {
  display:inline-block;
margin-right:10px;
}  
.dropzone .caption{ width:100%;}
.dropzone .dz-preview{
   margin:5px; 
       box-shadow:0px 5px 15px rgba(128,128,128,.5);
 -webkit-box-shadow:0px 5px 15px rgba(128,128,128,.5);  
 -moz-box-shadow:0px 5px 15px rgba(128,128,128,.5); 
}
.dropzone .dz-preview .dz-details{ display:none;}  
  .dropzone .dz-preview {  
        margin:0px;
         margin-right:5px; 
           margin-bottom:5px; 
  }
 
.dropzone .dz-preview.dz-error .dz-error-message{  opacity:1; }
.dropzone .dz-preview .dz-error-message{
   width:100%; 
    position:absolute;
     top:0px;
}
.dropzone .dz-preview .dz-image{
       width:150px; 
         height:140px;
         cursor:pointer;
} 

    .dropzone .dz-preview .dz-image img{
       width:100%;
         height: 100%;
       cursor:pointer;}
 .dropzone .dz-preview:hover .dz-image img {
      -webkit-filter:none !important;  
        filter:none !important;
  }
.input-with-button  {  float: left; width: 80%;}
.input-button {  float: left; border:none;cursor: pointer;}

.nav>li>a:focus, .nav>li>a:hover
{

  background:black;
}

.preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-wrap:wrap;
            align-content:flex-start;

        }
  @media screen and (max-width: 996px) {
    .preview {
      margin-bottom: 20px; } }

.preview-pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px; }
  .preview-thumbnail.nav-tabs li {
    width: 25%;
              padding:1%; }
    .preview-thumbnail.nav-tabs li img {
      max-width: 100%;
      display: block;
      object-fit:cover; }
    .preview-thumbnail.nav-tabs li a {
      padding: 0;
      margin: 0; }
    .preview-thumbnail.nav-tabs li:last-of-type {
      margin-right: 0; }

.wizard .tab-content {
  /*overflow: hidden;*/
   padding:0 5%;

   }
  .tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
            animation-name: opacity;
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
           max-height: 100vh;
           object-fit:contain;
    max-width: 100%; }

.item-card{ 
  margin-top: 50px; 
  padding:20px;
  line-height: 1.5em; 
 }
#profile_photo{

  max-height:400px;
}
@media screen and (min-width: 997px) {
  .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.colors {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.product-title, .info .price, .sizes, .colors {
  text-transform: UPPERCASE;
  font-weight: bold; }
.product-badge
{
    font-size:14px;
    text-align:center;
                            font-weight:500;
      line-height:1.5;
}

.product-description{

    line-height:2;
      font-size:16px;

}

.info .fa-star.checked, .info .price span {
  color: #ff9f1a; }

.product-title, .rating, .product-description, .vote, .sizes {
  margin-bottom: 15px;
  text-align:center; }

.product-title {
  margin-top: 0; }

.size {
  margin-right: 10px; }
  .size:first-of-type {
    margin-left: 40px; }

h5.sizes span {  color:black; text-transform:none; }
h5.sizes{color:#777;}
.icons-user{
  background-image: url("../images/icons/sedan.jpg");
    
   width:45px;
   height:45px;
   background-repeat:no-repeat;
     background-position:center;
      background-size:100%;
}
.info .sizes{   text-align:left;}
.info .fa-star{  color:gray;}
.info .stars{  font-size:18px;}
.color {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 2em;
  width: 2em;
  border-radius: 2px; }
  .color:first-of-type {
    margin-left: 20px; }

.add-to-cart, .like {
  background: #ff9f1a;
  padding: 1.2em 1.5em;
  border: none;
  text-transform: UPPERCASE;
  font-weight: bold;
  color: #fff;
  -webkit-transition: background .3s ease;
          transition: background .3s ease; }
  .add-to-cart:hover, .like:hover {
    background: #b36800;
    color: #fff; }

.not-available {
  text-align: center;
  line-height: 2em; }
  .not-available:before {
    font-family: fontawesome;
    content: "\f00d";
    color: #fff; }

.orange {
  background: #ff9f1a; }

.green {
  background: #85ad00; }

.blue {
  background: #0076ad; }

.tooltip-inner {
  padding: 1.3em; }

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*# sourceMappingURL=style.css.map */


.w3-container
{
   margin-bottom:10px;
}
.bar  
{
 animation: 1s anim-lightspeed-in ease forwards;

}

@keyframes anim-lightspeed-in {
  0% {
    transform: translateX(-200px);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.w3-card-4
{
    height:100%;
}



.navbar.navbar-expand-lg h2, .navbar.navbar-expand-lg h3, .navbar.navbar-expand-lg h4
{

    color:white;
    text-shadow: 2px 2px black;

}


.navbar.navbar-expand-lg a
{

text-shadow: 2px 2px black;

    color:white; 
}