/* ---------------------------   PHOTO MODELS ----------------------------*/
.GO-bg-ratio{
    position:relative;
    width: 100%;
    height: 160px;
    padding-bottom: 0% ; /* % of width, defines aspect ratio*/
    background-repeat: no-repeat;
    background-position: 50% 65%;
    background-size: 110%; 
    z-index: 0;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
}  
.GO-card-ratio:hover .GO-bg-ratio,
.GO-card-ratio:focus .GO-bg-ratio,
.GO-card-ratio:active .GO-bg-ratio
{
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition: transform .5s ease-in-out; 
  -moz-transition: transform .5s ease-in-out; 
  -webkit-transition: transform .5s ease-in-out;   
}
.GO-bg-ratio-shop{
    width: 100%;
    height: 175px;
    padding-bottom: 30% ; /* % of width, defines aspect ratio*/
    background-repeat: no-repeat;
    background-position: 60% 65%;
    background-size: 170%;
}  

.GO-bg-ratio-search{
    height: 100px;
    background-position: 50% 40%;
}  

.GO-card-ratio {
    overflow: hidden;
}
/* ---------------------------   CLICKABLE TABLE ROW ----------------------------*/
.GO-clickable-row:hover{
    cursor: pointer;  
    background-color: #CCCCCC !important;
}  
/* ---------------------------  PANORAMA SUBMODELS ----------------------------*/
.GO-submodel-MC {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano2.jpg');
    background-position:0px -120px;
} 
.GO-submodel-SA {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano5.jpg');
    background-position:0px -190px;
} 
.GO-submodel-HA {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano2.jpg');
    background-position:0px -130px;
} 
.GO-submodel-ES {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano5.jpg');
    background-position:0px -230px;
} 
.GO-submodel-FW {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano2.jpg');
    background-position:0px -150px;
} 
.GO-submodel-MM {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano3.jpg');
    background-position:0px -150px;
} 
.GO-submodel-OD {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano3.jpg');
    background-position:0px -150px;
} 
.GO-submodel-CO {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano3.jpg');
    background-position:0px -150px;
} 
.GO-submodel-CA {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano1.jpg');
    background-position:0px -150px;
} 
.GO-submodel-TA {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano1.jpg');
    background-position:0px -150px;
} 

/* ---------------------------   GALLERY 360 ----------------------------*/
.GO-gallery-360 {
    height: 500px;
}
.GO-background-360 {
    height: 250px;
    background-size: 100%; 
    background-repeat: no-repeat;  
}
.GO-background-360 img{
    width: 130% !important;
}
.GO-background-360 #circlr360{
    top: -100px !important;
    left: -160px !important;
}    
    
/*  Large devices (desktops, 992px and up)
-------------------------------------------------- */
@media (min-width: 992px) 
{
.GO-submodel-herobanner {
    height: 250px;
    background-size: 100%; 
    background-repeat: no-repeat;  
}    
.GO-submodel-herobox {
    height: 180px;
}
.GO-submodel-heroLeft {
    position: absolute;
    max-width: 600px;
    top: -230px;
    left: -130px;
}
.GO-submodel-heroRight {
    position: absolute;
    max-width: 1200px;
    width: 800px;
    top: -300px;
    left: 250px;
}
.GO-allphotos img {
    width: 100%;
    padding: 0px 100px 0px 100px;
    border-radius: 5px;
    margin-bottom: 20px;
    
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    image-rendering: -webkit-optimize-contrast;
    
    border: solid 2px #E9E9E9;
} 
.GO-allphotosStudio img {
    width: 100%;
    padding: 0px 0px;
    border-radius: 5px;
    margin-bottom: 20px;
    border: solid 2px #E9E9E9;
} 
}
/*  Medium devices (tablets, 768px and up)
-------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px)
{
.GO-submodel-herobanner {
    height: 250px;
    background-size: 100%; 
    background-repeat: no-repeat;  
    background-position:0px -150px;
}
.GO-submodel-herobox {
    height: 200px;
}
.GO-submodel-heroLeft {
    position: absolute;
    max-width: 600px;
    top: -150px;
    left: -120px;
}
.GO-submodel-heroRight {
    position: absolute;
    max-width: 1000px;
    top: -270px;
    left: -100px;
}
.GO-allphotos img {
    width: 100%;
    padding: 0px 100px 0px 100px;
    border-radius: 5px;
    margin-bottom: 20px;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    image-rendering: -webkit-optimize-contrast;
    border: solid 2px #E9E9E9;
} 
}
/* display width less than 768 PORTRAIT AND LANDSCAPE
-------------------------------------------------- */
@media (max-width:767.98px) 
{
.GO-submodel-herobanner {
    height: 250px;
    background-size: 100%; 
    background-repeat: no-repeat;  
    background-position:0px 0px;
}
.GO-submodel-heroLeft {
    display: none;
}
.GO-submodel-heroRight {
    position: absolute;
    max-width: 700px;
    top: -250px;
    left: -120px;
}
.GO-allphotos img {
    width: 100%;
    padding: 0px 28px 0px 28px;
    border-radius: 5px;
    margin-bottom: 14px;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    image-rendering: -webkit-optimize-contrast;
    border: solid 2px #E9E9E9;
} 
}
/* display width less than 768 PORTRAIT
-------------------------------------------------- */
@media (max-width:767.98px) and (orientation: portrait)
{
.GO-submodel-herobox {
    height: 130px;
}
.GO-submodel-heroRight {
    position: absolute;
    max-width: 700px;
    top: -250px;
    left: -120px;
}
.GO-gallery-360 {
    height: 250px;
}
.GO-background-360 {
    background-position:0px -80px;
}
.GO-background-360 #circlr360{
    top: 0px !important;
    left: -60px !important;
} 
}
/* display width less than 768 LANDSCAPE
-------------------------------------------------- */
@media (max-width:767.98px) and (orientation: landscape)
{
.GO-submodel-herobox {
    height: 230px;
}
.GO-submodel-heroRight {
    position: absolute;
    max-width: 1000px;
    top: -250px;
    left: -120px;
}
.GO-gallery-360 {
    height: 400px;
}
.GO-background-360 {
    background-position:0px -80px;
}
.GO-background-360 #circlr360{
    top: 0px !important;
    left: -100px !important;
} 
}