@import url('//ex-kutaisi.com/css/base.css');

@media only screen and (min-width:1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl{max-width:1200px !important}
}

html, body{background:var(--c-purple-l2x);color:#fff}
body{font-family:'Rubik', Helvetica}

body main{background:linear-gradient(180deg, var(--c-blue-d3x) 0, var(--c-blue-d3x) 80px, var(--c-purple-l2x) 80px,
    var(--c-purple-l2x) 110px, var(--c-blue-d3x) 110px)}

body#index main{background:linear-gradient(180deg, var(--c-blue-d3x) 0, var(--c-blue-d3x) 80px, #fff 80px,
    var(--c-greenyellow) 81px, var(--c-greenyellow) 110px, var(--c-blue-d3x) 110px)}

body.c8r-news main, body.c8r-articles main{background:var(--c-blue-d3x)}

body#news main, body#articles main {
    background:linear-gradient(180deg, var(--c-blue-d3x) 0, var(--c-blue-d3x) 80px, var(--c-purple-l2x) 80px,
        var(--c-purple-l2x) 110px, var(--c-blue-d3x) 110px)
}

@media(max-width:767px){
    body main, body#index main{background: var(--c-blue-d3x)}
}

header{height:66px;background: var(--c-blue-d3x-08);position:fixed;z-index:333;top:0;width:100%;
    box-shadow:0 10px 5px var(--c-blue-d3x-08), inset 0 10px 5px 0 var(--c-blue-d3x);margin-bottom:40px}

header .bg-dark{margin:0 -20px;padding:15px 20px 0 20px;background-color: var(--c-blue-d3x-08) !important;
    box-shadow:0 3px 3px var(--c-blue-d3x-08),inset 0 20px 20px var(--c-blue-d3x)}

header li.top-tel{
    font-size:200%;font-weight:500;padding-left:15px;padding-right:0;border-left:solid 1px var(--c-greenyellow)
}
header a.top-tel{color:var(--c-greenyellow);text-shadow: 0 5px 10px rgba(13,14,15,1) !important}
header a.top-tel:hover{text-decoration:none;color:#fff !important}
header li.select-lang{padding-left:10px;border-left:solid 1px var(--c-greenyellow);padding-right:10px;
    border-right:solid 1px var(--c-greenyellow)}
@media only screen and (max-width:767px){
    header li#social-ics span{margin-top:5px;margin-right:5px}
    header li{margin-bottom:3px}
    header li a{margin-top:2px;margin-bottom:2px}
    header li.select-lang{padding-left:20px;padding-right:0;border-right:none}
    header li.top-tel{padding-left:20px;padding-right:0;border-right:none}
    header div#w3-collapse{padding-top:20px;background-color:rgba(0,0,0,.4);border-top:solid 1px var(--c-greenyellow);
        border-radius:var(--br)}
}

.quote{margin:0 0 10px 0;padding:20px;outline:1px dashed #ff0a2f;outline-offset:-5px;background-color:#282C30;
    box-shadow:0 5px 20px rgb(0,0,0)}

.quote p{quotes:'\201c' '\201d'}
.quote p:before{content:open-quote;color:#ff0a2f;padding-right:5px}
.quote p:after{content:close-quote;color:#ff0a2f;padding-left:5px}

/*w1-collapse*/
@media only screen and (max-width:767px) {
    header{margin-bottom:0}
    header nav a.navbar-brand, header nav span.navbar-brand{padding-left:20px}
    header nav button.navbar-toggler{margin-top:6px;margin-right:20px;padding:8px;border-radius:11px}
    header .bg-dark{background-color:rgba(34,40,55,.95) !important}
    header .bg-dark div.show{padding-bottom: 10px;border-bottom:solid 1px var(--c-greenyellow)}
    .navbar-dark .navbar-toggler:hover{color:rgba(255,255,255,.8) !important; background:rgba(40,44,48,.9);
        border-color:rgba(255,255,255,.2)}
    h1{padding-top:0 !important}
    body#index h1{margin-top:-55px !important;margin-left:-10px !important;letter-spacing:.05em;
        text-align:left !important;color:var(--c-greenyellow) !important}
    body#rent-auto-georgia h1{margin-top:-10px !important;margin-left:-10px !important}
    div#auto-info h1{margin-top:-10px !important;margin-left:-10px !important}
}

button.navbar-toggler:hover{background-color:rgba(155,215,0,.6) !important}

main{padding:84px 0 40px 0}

main p.desc{margin:20px 0 0 0;padding-top:20px;text-align:justify;color:var(--c-purple-l3x);border-top:solid var(--c-purple-l2x) 1px}
main p.desc i{font-style:normal;white-space:nowrap;color:#fff}

footer{min-height:40px;text-align:center}
footer a{color:var(--c-greenyellow);text-shadow:0 5px 10px rgba(13,14,15,.4);padding-left:4px;padding-right:4px}
footer a[href]:hover{color:#fff;text-decoration:none;border-bottom:none;text-shadow:0 5px 10px rgba(13,14,15,.7)}
footer div.col-lg-4{padding:10px 0;font-size:95%;text-align:center}

footer div.col-lg-4 p{padding: 5px 20px;text-align:left;color:#aaa;font-size:small}
footer div.col-lg-4 > div{display:inline-block}

footer > div > div.row > p{color:#aaa;font-size:small;text-align:center;margin:0 0 -7px 0 !important;overflow:hidden;
    white-space:nowrap}
footer ~ p{margin-top:-20px;padding:0 5px 10px 5px;text-align:center;color:#aaa;font-size:small}

.inl{display:inline}

h1, .h1{text-transform:uppercase;padding-bottom:10px;font-size:1.4em}
h2, .h2{font-size:1.25em}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 {text-shadow:0 5px 10px rgba(13,14,15,.3)}
@media screen and (max-width:767px){
    h1,.h1{font-size:1.25em;padding-top:5px}
    h2,.h2{font-size:1em}
}

a{color:#fff}
a.active, a:hover, a::selection{color:var(--c-greenyellow)}

.b{font-weight:bold}

::selection{background-color:var(--c-greenyellow);color:#fff}

.txt{text-align:justify;column-width:var(--w-txt);column-gap:var(--w-txt-gap);column-count:2;column-fill:balance;width:100%}
.txt1{text-align:justify;column-width:var(--w-txt);column-count:1;width: 100%}

.btn-primary{color:var(--c-blue-d3x);background-color:var(--c-greenyellow);border-color:var(--c-greenyellow);min-width:200px}
.btn-primary:hover{color:#fff;background-color:var(--c-greenyellow-d);border-color:var(--c-greenyellow)}

.brdr0:after{content:"⇝";font-size:26px;text-align:center;clear:both;display:block;text-shadow:7px 1px 5px rgba(13,14,15,.4);
    margin-bottom: 1rem}
ul.txt, ol.txt{column-gap:calc(var(--w-txt-gap) * 2)}

body#faq p.txt, body#rental-conditions p.txt{border-radius:var(--br);
    box-shadow:0 10px 9px 3px rgba(13,14,15,.2), inset 0 -5px 10px -10px rgba(255,255,255,.3);padding:0 20px 20px 20px;
    margin-bottom:20px !important;border-bottom:solid 1px rgba(255,255,255,.15)}

dl.txt{display:block !important;column-count:1}
dl.txt > dt{color:var(--c-greenyellow);font-size:larger;padding-top:10px;padding-bottom:5px}
dl.txt > dd{padding-bottom:10px}

#rental-conditions ul.txt{column-count:1}

body#faq h1, body#rental-conditions h1, body.c8r-news h1, body.c8r-articles h1{color:var(--c-greenyellow)}
body#faq h5, body#rental-conditions h5{color: var(--c-greenyellow)}

body#faq p.desc, body#rental-conditions p.desc{width:100%}

div.grd, ul.grd{width:100%;margin:-20px 0;padding:0;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:20px}
@media screen and (max-width:767px) {
    div.grd, ul.grd{grid-template-columns:repeat(1, 1fr)}
}

div.grd p, ul.grd li{padding: 20px;margin: 0;text-align:center;background-color:rgba(50,50,50,.1) !important;
    opacity:.9;box-shadow:0 5px 20px rgb(13,14,15)}
div.grd p:hover, ul.grd li:hover{background-color:#282C30 !important;transition:.4s;opacity:1;box-shadow:0 5px 20px rgb(0,0,0)}
ul.grd{margin-left:0; padding-left:0}
ul.grd li{list-style-type:none;border-top: solid 1px rgba(255,255,255,.04);border-bottom: solid 1px rgba(0,0,0,.5)}

/** C8R-SITE - index, contact **/

/** C8R-PAGE - rental-conditions, faq */
body.c8r-page h1{clear:both !important}

.dropdown-item.active, .dropdown-item:active, .dropdown-item::selection{background-color:var(--c-greenyellow)}

/** NAVBAR */
ul.navbar-nav{text-transform:uppercase;font-size:smaller;line-height:normal}
ul.navbar-nav li{margin-left:14px}
ul.navbar-nav li.nav-item a.nav-link{color:#fff !important}
ul.navbar-nav li.nav-item a.nav-link.active,
ul.navbar-nav li.nav-item a.nav-link:hover,
ul.navbar-nav li.nav-item.active a.nav-link{color:var(--c-greenyellow) !important}

#social-ics{text-align:center;padding-top:3px}
#social-ics > *{display:inline-block;padding:0 0 0 0;font-size:150%;min-width:28px;text-align:center}
#social-ics > *:hover{font-size:140%;box-shadow:0 0 5px 5px rgba(13,14,15,.3);color:var(--c-greenyellow)}

#messenger-ics-container{padding-right:114px;text-align:right}
@keyframes messenger-ics{
    0%  {background:rgba(13,14,15,.5);border-color:rgba(255,255,255,.1)}
    50% {background:rgba(40,44,48,.3);border-color:rgba(93,93,93,.4)}
    100%{background:rgba(13,14,15,.5);border-color:rgba(255,255,255,.1)}
}
#messenger-ics{display:inline-block;padding:3px 5px;background:rgba(13,14,15,.7);position:fixed;z-index:999;
    margin-top:-13px;border:solid 1px rgba(34,40,55,.1);border-radius:11px;text-align:center;
    box-shadow:0 0 19px 11px rgba(34,40,55,.9);animation:messenger-ics 2s infinite linear;line-height:normal}
#messenger-ics:hover{animation:none;background:rgba(40,44,48,.8);border-color:rgba(255,255,255,.2)}
#messenger-ics > *{display:inline-block;padding:4px 2px 4px 2px;opacity:80%}
#messenger-ics > *:hover{opacity:100%}
#messenger-ics img{height:32px;width:32px}

body#index #messenger-ics{margin-top:-19px}

@media screen and (max-width:1199px) {
    #messenger-ics-container{padding-right:122px}
    #messenger-ics{margin-top:0}
}

@media screen and (max-width:990px) {
    body#index #messenger-ics-container{margin-top:62px !important}
    #messenger-ics-container{padding-right: 116px}
    #messenger-ics{padding:1px 2px}
}

@media screen and (max-width:767px){
    #messenger-ics-container{margin-right:72px}
    #messenger-ics > *{display:inline-block !important;padding: 3px 3px !important}
    #messenger-ics{padding:5px 5px}
    #social-ics{text-align:left;margin-bottom:20px}
    .navbar-collapse{box-shadow:0 10px 10px 11px rgba(34,40,55,1);margin-top:10px !important;padding-left:20px}
    body#index #messenger-ics{margin-top:5px}
}

/** NAVBAR BREADCRUMB */
.breadcrumb {background-color:transparent}
.breadcrumb-item.active{color:var(--c-greenyellow)}
.breadcrumb-item+.breadcrumb-item::before{color: #6c757d;content: "/"}

/*header*/

/* INDEX */
body#index main{padding-top:40px}
@media screen and (max-width:767px) {
    body#index main{padding-top:60px}
}

body#index h1{font-size:1.6em;color:var(--c-greenyellow-06)!important;text-align:center;margin:-72px 0 -8px;
    padding-bottom:10px;font-weight:bold}

@media screen and (max-width:767px) {
    body#index h1{font-size:1.25em;margin:-40px 0 0}
}

/* INDEX */
h1.index{position:relative;z-index:99;letter-spacing:.15em}

body#index div.carousel-inner img{padding:40px 30%}
.carousel-control-prev-icon, .carousel-control-next-icon{opacity:.4}
.carousel-indicators{opacity:.2}

.main-auto-list-hover{background-color:#383c40;transition:.8s;opacity:.6;box-shadow:0 5px 20px rgb(0,0,0)}
.main-auto-list{padding:0;margin-bottom:20px;transition:.6s;border-radius:var(--br)}
.main-auto-list > div{
    display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;margin:0;
    outline:1px dashed rgba(87,91,103, .7);outline-offset: -5px;padding:10px 0;opacity:.8;transition:1s;
    box-shadow:0 5px 20px rgb(13,14,15);border-radius:var(--br);min-width:280px}

.main-auto-list > div:hover{background-size:calc(min(300px,100%));background-color:rgba(87,91,103,.4);
    outline:1px dashed var(--c-blue-d3x-08);background-position:50% 15px;transition:.4s;opacity:1;
    box-shadow:0 5px 20px rgb(0,0,0)}
.main-auto-list > div:nth-child(2):hover{background-position:50% 45px;background-size:calc(min(300px,80%))}
.main-auto-list > div:nth-child(3):hover{background-position:50% 20px;background-size:calc(min(300px,95%))}
.main-auto-list > div:nth-child(4):hover{background-position:50% 35px;background-size:calc(min(300px,85%))}

.main-auto-list h3{font-size:14pt;text-align:center;padding:15px 0 5px;color:var(--c-greenyellow)}
.main-auto-list > div:hover > h3{color:#fff}

.main-auto-list nav.auto-list div{padding:0 20px;display:grid;grid-template-columns:1fr 60px;font-size:90%;transition:2s}
.main-auto-list nav.auto-list div:hover{transition:.1s}
.main-auto-list nav.auto-list a{display:inline-block;margin:3px 0;padding:5px 0 5px 46px;text-transform:uppercase;
    background-repeat:no-repeat;background-size:32px}
.main-auto-list nav.auto-list a img{display:block;margin-right:auto;max-width:132px}
.main-auto-list nav.auto-list span{text-align:right;margin:7px 0;padding:5px 0 5px 5px}

.main-auto-list nav{flex-grow:1}
.main-auto-list > div > div{padding:10px 20px 0 20px;font-size:80%;min-height:20%;transition:opacity 1s;height:auto;
    color:var(--c-grey)}
.main-auto-list summary{opacity:.8;outline:none;text-align:right}
.main-auto-list details[open] summary{opacity:.5}

.main-auto-list > div:hover > h3 > a{color:#fff}
.main-auto-list h3 > a:hover{color:var(--c-greenyellow) !important}
.main-auto-list nav.auto-list a img{filter:contrast(90%);brightness(90%)}
.main-auto-list nav.auto-list a:hover img{filter:contrast(110%);brightness(120%)}
.main-auto-list h3 > a > i{color:var(--c-greenyellow);font-size:.875em;margin-right:10px}
.main-auto-list h3 > a{margin-right:10px}

@media screen and (max-width:1200px) {
    .main-auto-list > div{min-width:460px}
    .main-auto-list > div:nth-child(2):hover{background-size:calc(min(260px,65%))}
}
@media (max-width:991.98px){
    .col-lg-3{width:50%}
    .main-auto-list > div{min-width: 320px}
}
@media (max-width:767px){
    .col-lg-3{width:100%}
    .main-auto-list > div{min-width:auto}{min-width: auto}
    .main-auto-list nav.auto-list div{padding-left:10% !important;padding-right:10% !important;
        grid-template-columns:1fr 60px;grid-column-gap:5%}
    .main-auto-list nav.auto-list a{padding-left:clamp(50px, 20%, 160px)}
}

#contacts-list{padding:0 0 20px 0;font-size: 18px;text-align:center}

body#index div.main-auto-list:hover>div{opacity:.5}
body#index div.main-auto-list>div:hover{opacity:1}
body#index #newCar.main-auto-list>div{background-image:none;padding: 5px 0 10px 0}
body#index #newCar.main-auto-list h3{font-size:14pt;text-align:center;padding-top:15px;padding-bottom:0}
body#index div.main-auto-list>div.col-lg-3>div{text-align:center;margin-top:-2px;padding-bottom:8px;opacity:.6}
body#index div.main-auto-list>div.col-lg-3>div:hover{opacity:1}
body#index div.main-auto-list>div.col-lg-3>div>a>i.fa{font-size:small;margin-left:10px}
body#index div.row h2{padding-left:8px;padding-top:7px !important;color:var(--c-greenyellow) !important}
body#index div.row h2.index-faq{margin-top:20px;padding-top:20px !important;border-top:1px dashed var(--c-purple-l2x)}
#intro{padding:0 10px 0 2px}
#intro h2, #intro h5, #intro h6, #intro .h5, #intro .h6{padding:0}
#intro .h5, #intro .h6{padding-top:15px !important;padding-bottom:5px}

body#index #intro p{font-size:90%;color:var(--c-purple-l3x)}
body#index #news{padding:5px 2px 5px 10px}
body#index #news>div.title{color:var(--c-greenyellow);padding-bottom:10px;font-weight:700;margin-top:20px}
body#index #news>div.title i{display:inline-block;min-width:30px;text-align:left;font-size:x-large}
body#index #news>div.title:first-child{margin-top:0}
body#index div.news-item>div{display:grid;width:100%;grid-template-columns: max-content 1fr;grid-column-gap:10px;
    border-top:1px dashed var(--c-greenyellow)}
body#index div.news-item>div>div>div{padding:5px 7px;font-size:x-small;font-weight:400;
    background-color:var(--c-purple-l2x);box-shadow: 0 5px 10px rgba(13,14,15,.3) !important;
    border-bottom:solid 1px var(--c-black);border-top:solid 1px var(--c-grey);
    border-bottom-left-radius:7px;border-bottom-right-radius:7px}
body#index div.news-item>div>div:nth-child(2){padding-top:5px}
body#index div.news-item>div>h6{display:inline}
body#index div.news-item>p{color:var(--c-grey);font-size:90%;text-align:justify}
body#index div.alert{position:relative;margin-top:32px;margin-bottom:-18px;z-index:9999}
body#index .alert-success{background-color:#ebfdee}
body#index #messenger-ics-container{float:right;position:relative;margin-top:50px;margin-bottom:-80px}
@media(max-width:767px){
    body#index h1{position:relative !important;font-size:1.15em}
    body#index .carousel-indicators{display:none !important}
    body#index div.carousel-item{height:60px !important}
    body#index div.carousel-item img{display:none !important}
    body#index #messenger-ics-container{margin-top:-45px !important;height:auto}
}
body#index #popularCar > div.col-lg-3 > div{position:relative;min-height:20px}

/** CONTACTS */
body#contact h1, body#contact h6{color:var(--c-greenyellow)}
body#contact div.col-lg-12{padding:10px 3px}
body#contact div.col-lg-12 h5{padding:20px 0 10px;margin-top:20px;color:var(--c-greenyellow);
    border-top:solid 1px var(--c-purple-l2x)}

/* REVIEWS */

/** FAQ **/
body#faq li h5{text-align:left;color:var(--c-greenyellow);clear:both;width:100%;padding-bottom:10px}
body#faq p{margin:0;padding-bottom:20px}
body#faq ul.grd{margin-top:10px}

/** RENTAL-CONDITIONS **/
body#rental-conditions h3{clear:both;width:100%}
body#rental-conditions ul.grd{margin-top:10px}
body#rental-conditions p{margin:0;padding-bottom:20px}
body#rental-conditions div.grd{
    width:100%;margin:-20px 0;padding:0;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:20px
}
@media screen and (max-width:767px) {
    body#rental-conditions div.grd{grid-template-columns:repeat(1, 1fr)}
}
body#rental-conditions div.grd p{padding: 20px;margin: 0;text-align:center;background-color:rgba(50,50,50,.1) !important;
    opacity:.9;box-shadow:0 5px 20px rgb(13,14,15)}
body#rental-conditions div.grd p:hover{background-color:#282C30 !important;transition:.4s;opacity:1;
    box-shadow:0 5px 20px rgb(0,0,0)}

body#rental-conditions ul.grd a{color:var(--c-greenyellow);font-weight:bold}


/** NEWS, ARTICLES */
body.c8r-articles .breadcrumb, body.c8r-news .breadcrumb{margin-top:10px;margin-bottom:-20px}
body.c8r-articles div.card, body.c8r-news div.card{border:solid 1px rgba(0,0,0,.325);border-radius:var(--br);
    border-top-left-radius:0;border-top-right-radius:0;box-shadow: 0 5px 20px rgba(13,14,15,.2);padding-bottom:10px}
body.c8r-articles div.card-body, body.c8r-news div.card-body{color:var(--c-purple-lx)}
body.c8r-articles div.card-body a, body.c8r-news div.card-body a{color:var(--c-blue-d3x)}
body.c8r-articles div.card-body a:hover, body.c8r-news div.card-body a:hover{color:var(--c-greenyellow)}

body.c8r-articles div.card-body .btn-primary:not, body.c8r-news div.card-body .btn-primary:not(:disabled):not(.disabled),
body.c8r-articles div.card-body .btn-primary:not, body.c8r-news div.card-body .btn-primary:not(:disabled):not(.disabled).active
    {color:#fff;background-color:var(--c-greenyellow);border-color: var(--c-greenyellow)}
body.c8r-articles .card-img, body.c8r-news .card-img-top, body.c8r-news .card-img, body.c8r-news .card-img-top {border-radius:0}
body.c8r-articles p a, body.c8r-news p a{color:var(--c-greenyellow)}
div.card-text{margin:20px auto}
div.card-text p{text-align: justify}

ul.list-group{border-top: solid 1px var(--c-greenyellow);padding-left:5px;padding-right:5px;background-color:transparent !important;
    border-radius:var(--br);border-top-left-radius:0;border-top-right-radius:0}
ul.list-group li{box-shadow: 0 5px 20px rgb(13,14,15)}
ul.list-group h6{color:var(--c-black)}


/** AUTO INFO PAGE */
#auto-info h1{color:var(--c-greenyellow)}
#auto-info h2{color:var(--c-greenyellow);font-size:1.25em;margin:0 0 10px}
#auto-info h2 i{font-size:28px;color:var(--c-greenyellow) !important;margin-right:20px}
#auto-info button[type="submit"]{margin-top:10px;padding:9px;background-color:#cA0C16;border-color:#cA0C16;color:#fff;
    text-transform:uppercase;font-size:80%}
#auto-info button[type="submit"]:hover{background-color:var(--c-greenyellow);border-color:var(--c-greenyellow);color:#1a1c1f}
#auto-info div.auto-order{border:solid 1px var(--c-purple-l2x);padding:15px 15px 5px 15px;
    box-shadow:0 5px 20px rgb(13,14,15)}
#auto-info div.auto-desc{padding:0;font-size:95%}
#auto-info div.auto-gallery{display:flex;flex-flow:row wrap;justify-content:space-between;align-content:space-between;margin:10px 0}
#auto-info div.auto-gallery a{display:inline-block}
#auto-info div.auto-gallery a img{max-width:100px;max-height:68px}

#auto-info .video-responsive{display:block;max-width:750px}
#auto-info .video-responsive > div{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}
#auto-info .video-responsive > div > iframe{left:0;top:0;height:100%;width:100%;position:absolute}

#auto-info .col-lg-8{padding-left:0 !important}

@media screen and (max-width:767px) {
    #auto-info div.auto-gallery{justify-content: stretch}
    #auto-info div.auto-gallery a{border:solid 1px transparent}
    #auto-info div.auto-gallery a img{max-width:80px}
    #auto-info iframe{width:100%;max-height:496px}
}

#auto-prices{width:100%;margin:15px 0;padding:0;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:20px}
@media screen and (min-width:767px) {
    #auto-prices{grid-template-columns: repeat(4, 1fr)}
}
@media screen and (min-width:1200px) {
    #auto-prices{grid-template-columns: repeat(8, 1fr)}
}
#auto-prices > div{margin:0; min-width:100px;border:solid 1px var(--c-greenyellow)}
#auto-prices > div > div{padding:10px;text-align:center}
#auto-prices > div > div:first-child{background:var(--c-greenyellow);color:var(--c-blue-d3x)}

#auto-attributes{width:100%;margin:20px 0;padding:0;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:20px}
@media screen and (min-width:767px) {
    #auto-attributes{grid-template-columns:repeat(3, 1fr)}
}
#auto-attributes > div{font-size:90%;text-transform:uppercase;text-align:center}
#auto-attributes > div > div{font-weight:bold}
#auto-attributes > div > div:first-child{font-weight:400}
#auto-attributes > div > div:last-child i{display:inline-block;height:10px;width:40px;border-top:solid 1px var(--c-greenyellow)}

.icon-box-shape div{position:relative;height:54px;width:54px;margin:5px;-webkit-border-radius:50%;-moz-border-radius:50%;
    border-radius:50%;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
    border:solid 2px transparent;display:inline-block;font-size:32px;color:rgb(255,10,47);background-color:transparent}
.icon-box-shape div:hover{border:solid 2px rgb(255,10,47);background:rgba(255,255,255,1);-webkit-transition:.5s;
    -moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}

/*discount*/
.strike-through{text-decoration:line-through;color:var(--c-red)}
.nowrap{text-wrap:nowrap}
.main-auto-list nav.auto-list .discount{
    display:inline-block;position:relative;z-index:999;float:right;font-size:15px !important;
    font-family:'Rubik',Helvetica;font-weight:bold;letter-spacing:2px;padding:3px 15px 2px 23px !important;
    margin-top:-5px;margin-bottom:-40px;margin-right:-15px;border-top-left-radius: 80px 80px;
    border-bottom-left-radius: 80px 80px;background-color:var(--c-red);color:#fff;
    box-shadow:0 5px 3px var(--c-blue-d3x-08), 0 0 0 0 rgba(88,120,243,.4);opacity:.9;border:var(--c-purple-l2x);
    border-left:none;animation: pulse 1.5s infinite}
.main-auto-list nav.auto-list:hover .discount{opacity:1}
@keyframes pulse {
    0%{opacity:1}
    70%{opacity:.7}
    100%{opacity:.9}
}
@media screen and (max-width:767px){
    .main-auto-list nav.auto-list .discount{margin-right:-1px !important;margin-top:0}
}

/**/
#messenger-ics-r{float:right;margin-right:-10px}
@media screen and (max-width:1316px){
    #messenger-ics-r{margin-right:50px}
}
#messenger-ics-r-container{position:fixed;z-index:9999;bottom:12px}
@media screen and (max-width:1316px){
    #messenger-ics-r-container{top:36%}
}
#messenger-ics-r-container > div{display:grid;grid-template-columns:1fr;grid-gap:12px}
#messenger-ics-r-container > div > *{margin:0 0 0 0;padding:0 0 0 0;border-radius:9px;box-shadow:0 0 4px 4px rgba(13,14,15,.3);
    outline:1px solid rgba(13,14,15,.3);outline-offset:1px;width:50px;height:50px;vertical-align:middle;font-size:36px;color:#fff;text-align:center}
#messenger-ics-r-container > div > * > *{text-shadow: 0 0 4px rgba(0,0,0,.5)}
#messenger-ics-r-container .ml-ics-tg{background:#53A3DB;padding-left:1px}
#messenger-ics-r-container .ml-ics-whatsapp{background:#7DC664;padding-left:1px}
#messenger-ics-r-container .ml-ics-viber{background:#8074D6}
#messenger-ics-r-container .ml-ics-ig{
    background: radial-gradient(circle farthest-corner at 35% 90%,#fec564,transparent 50%),
    radial-gradient(circle farthest-corner at 0 140%,#fec564,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),
    radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),
    radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),
    linear-gradient(#6559ca,#bc318f 30%,#e33f5f 50%,#f77638 70%,#fec66d 100%);
}