/* ---------------------------   PHOTO MODELS ----------------------------*/
.GO-bg-ratio{
    position:relative;
    width: 100%;
    height: 210px;
    padding-bottom: 0% ; /* % of width, defines aspect ratio*/
    background-repeat: no-repeat;
    background-position: 50% 60%;
    background-size: 140%; 
    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: 250px;
    padding-bottom: 0%;
    background-repeat: no-repeat;
    background-position: 60% 65%;
    background-size: 120%;
}  
.GO-bg-ratio-search{
    height: 100px;
    background-position: 50% 40%;
}  
.GO-card-ratio {
    overflow: hidden;
}
/* ---------------------------  PANORAMA SUBMODELS ----------------------------*/
.GO-submodel-MC, .GO-submodel-0 {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano05_HD.jpg');
    background-position:0px -130px;
} 
.GO-submodel-MC, .GO-submodel-00010097 {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano2_HD.jpg');
    background-position:0px -130px;
} 
.GO-submodel-SA, .GO-submodel-00010001 {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano5_HD.jpg');
    background-position:0px -150px;
} 
.GO-submodel-HA, .GO-submodel-00010097 {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano2_HD.jpg');
    background-position:0px -130px;
} 
.GO-submodel-ES, .GO-submodel-00010002 {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano5_HD.jpg');
    background-position:0px -150px;
} 
.GO-submodel-FW, .GO-submodel-00010064 {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano2_HD.jpg');
    background-position:0px -130px;
} 
.GO-submodel-MM, .GO-submodel-00010064 {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano3_HD.jpg');
    background-position:0px -90px;
} 
.GO-submodel-OD, .GO-submodel-00010095 {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano3_HD.jpg');
    background-position:0px -90px;
} 
.GO-submodel-CO, .GO-submodel-00010003 {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano3_HD.jpg');
    background-position:0px -90px;
} 
.GO-submodel-CA, .GO-submodel-00010004 {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano1_HD.jpg');
    background-position:0px -85px;
} 
.GO-submodel-TA, .GO-submodel-00010005 {
    background-image:url('https://www.avto.net/Avtokatalog/panorama/pano1_HD.jpg');
    background-position:0px -85px;
} 
/* ---------------------------   CLICKABLE TABLE ROW --------------------*/
.GO-clickable-row:hover{
    cursor: pointer;  
    background-color: #CCCCCC !important;
}  
/* ---------------------------   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: 200px;
}
.GO-submodel-heroLeft {
    position: absolute;
    max-width: 900px;
    top: -70px;
    left: -100px;
}
.GO-submodel-heroRight {
    position: absolute;
    max-width: 1100px;
    top: -80px;
    left: 370px;
}
.GO-submodel-heroMobile {
    position: absolute;
    max-width: 1000px;
    top: 0px;
    left: 0px;
}
.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;
} 
.GO-allphotosStudioJato {
    width: 100%;
    padding: 0px 0px;
    border-radius: 5px;
    margin-bottom: 20px;
    border: solid 2px #E9E9E9;
} 
.GO-allphotosStudioJato img{
    margin: 10px;
    margin-bottom: 10px;
} 
}
/*  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 0px;
}
.GO-submodel-herobox {
    height: 200px;
}
.GO-submodel-heroLeft {
    position: absolute;
    max-width: 800px;
    top: -70px;
    left: -100px;
}
.GO-submodel-heroRight {
    position: absolute;
    max-width: 1000px;
    top: -70px;
    left: 450px;
}
.GO-submodel-heroMobile {
    position: absolute;
    max-width: 600px;
    top: 0px;
    left: 0px;
}
.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-allphotosStudioJato {
    width: 100%;
    padding: 0px 0px;
    border-radius: 5px;
    margin-bottom: 20px;
    border: solid 2px #E9E9E9;
} 
.GO-allphotosStudioJato img{
    margin: 10px;
    margin-bottom: 10px;
} 
}
/* display width less than 768 PORTRAIT AND LANDSCAPE
-------------------------------------------------- */
@media (max-width:767.98px) 
{
.GO-bg-ratio{
    height: 100px;
} 
.GO-bg-ratio-1{
    height: 170px;
} 
.GO-submodel-herobanner {
    height: 250px;
    background-size: 100%; 
    background-repeat: no-repeat;  
    background-position:0px 0px;
}
.GO-submodel-herobox {
    height: 200px;
}
.GO-submodel-heroLeft {
    display: none;
}
.GO-submodel-heroRight {
    position: absolute;
    max-width: 700px;
    top: 0px;
    left: -50px;
}
.GO-submodel-heroMobile {
    position: absolute;
    max-width: 600px;
    top: 0px;
    left: 0px;
}
.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;
} 
.GO-allphotosStudioJato {
    width: 100%;
    padding: 0px 0px;
    border-radius: 5px;
    margin-bottom: 20px;
    /*border: solid 2px #E9E9E9;*/
} 
.GO-allphotosStudioJato img{
    margin: 10px;
    margin-bottom: 10px;
} 
}
/* display width less than 768 PORTRAIT
-------------------------------------------------- */
@media (max-width:767.98px) and (orientation: portrait)
{
.GO-bg-ratio{
    height: 100px;
} 
.GO-bg-ratio-1{
    height: 170px;
} 
.GO-submodel-herobanner {
    height: 250px;
    background-size: 200%; 
    background-repeat: no-repeat;  
    background-position:0px 0px;
}
.GO-submodel-herobox {
    height: 130px;
}
.GO-submodel-heroRight {
    position: absolute;
    max-width: 700px;
    top: 0px;
    left: -100px;
}
.GO-submodel-heroMobile {
    position: absolute;
    max-width: 700px;
    top: -20px;
    left: -130px;
}
.GO-gallery-360 {
    height: 250px;
}
.GO-background-360 {
    background-position:0px -80px;
}
.GO-background-360 #circlr360{
    top: 0px !important;
    left: -60px !important;
} 
.GO-allphotosStudioJato {
    width: 100%;
    padding: 0px 0px;
    border-radius: 5px;
    margin-bottom: 20px;
    /*border: solid 2px #E9E9E9;*/
} 
.GO-allphotosStudioJato img{
    margin: 10px;
    margin-bottom: 10px;
} 
}
/* display width less than 768 LANDSCAPE
-------------------------------------------------- */
@media (max-width:767.98px) and (orientation: landscape)
{
.GO-bg-ratio{
    height: 100px;
} 
.GO-bg-ratio-1{
    height: 170px;
} 
.GO-submodel-herobanner {
    height: 250px;
    background-size: 100%; 
    background-repeat: no-repeat;  
    background-position:0px 0px;
}
.GO-submodel-herobox {
    height: 230px;
}
.GO-submodel-heroRight {
    position: absolute;
    max-width: 1000px;
    top: 0px;
    left: -50px;
}
.GO-submodel-heroMobile {
    position: absolute;
    max-width: 1000px;
    top: 0px;
    left: -90px;
}
.GO-gallery-360 {
    height: 400px;
}
.GO-background-360 {
    background-position:0px -80px;
}
.GO-background-360 #circlr360{
    top: 0px !important;
    left: -100px !important;
} 
.GO-allphotosStudioJato {
    width: 100%;
    padding: 0px 0px;
    border-radius: 5px;
    margin-bottom: 20px;
    /*border: solid 2px #E9E9E9;*/
} 
.GO-allphotosStudioJato img{
    margin: 10px;
    margin-bottom: 10px;
} 
}