@charset "koi8-r";
    /**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
	strong, b { font-weight:bold;}
	em { font-style:italic; }
	li { list-style:none; }
	ul { margin-left:0px; }
	/*a:link { color: #FFF; }*/
	p  { }
	.clear { clear:both; line-height:1px; font-size:1px; height:1px; display:block; }

/*=========================================================== */

body { font-family: Verdana, Geneva, sans-serif; font-size:19px; background:url(../img/bg.jpg) top center repeat #c1c2c6; position: relative; color:#FFF; }

.topbar { background:url(../img/topbar-bg.png) left top repeat-x; width:100%; height:48px; overflow:hidden; position:relative; z-index:10; }
.topbar ul { line-height:35px; text-align:center; }
.topbar ul li { line-height:35px; font-size:15px; color:#FFF; display:inline-block; padding:0px 10px; }
.topbar ul li a { line-height:35px; font-size:14px; color:#FFF; display:inline-block; }
.help-button { position:fixed; top:120px; right:30px; width:30px; height:auto; z-index:15; float:left; }
.help-button-expo { position:fixed; top:380px; right:5px; width:80px; height:auto; z-index:15; float:left; }
.help-button:hover { opacity:0.9; }
.help-button2 { position:fixed; top:350px; right:110px; width:30px; height:auto; z-index:15; float:left; }


.alba {	position:absolute; padding-left:450px; height:60px;font-size:14px;color:#000;line-height:18px;font-weight:600;width:250px;text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;z-index:10;}
.alba a {	position:absolute;font-size:14px;color:#000;line-height:18px;font-weight:600;width:250px;text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;}
.alba a:hover {	position:absolute; font-size:14px;color:#fff;line-height:18px;font-weight:600;width:250px;text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;}
.alba img {position:absolute; top:9px;}
.site-body { width:960px; height:auto; margin:0px auto; }

.header { min-height:460px; position:relative; margin-bottom:10px; }
.header-shadow-top { position:absolute; left:0px; top:23px; width:960px; height:47px; background:url(../img/header-shadow-1.png) bottom center no-repeat; z-index:3;display:none}
.header-shadow-bottom { position:absolute; left:0px; bottom:0px; width:960px; height:110px; background:url(../img/header-shadow-2.png) top center no-repeat; z-index:3; }

.logo-block { height:70px; width:960px; overflow:hidden; position:relative; z-index:10; vertical-align:bottom; top:2px; display:none}
.logo-block .logo { width:287px; height:70px; float:left; z-index:100;position:relative;}
.logo-block .login-block { float:right; width:250px; height:26px; text-align:center; margin-top:40px; }
.logo-block .login-block a { text-decoration:none; font-size:11px; line-height:14px; color:#FFF; background-color:#333333; border:1px solid #FFF; padding:0px 14px; display:inline-block; position:relative; z-index:9000; }
.logo-block .login-block button { text-decoration:none; font-size:11px; color:#FFF; background-color:#333333; border:1px solid #FFF; padding:1px 14px; display:inline-block; }
.logo-block .lang-block { float:right; display:inline-block; width:90px; height:22px; text-align:right; vertical-align:middle; margin-top:41px; }
.logo-block .lang-block a { display:inline-block; margin-left:0px; }



#nav {
    position: relative;
    z-index: 9;
    width: 960px; 
    height: 26px; 
    background: url(../img/menu-bg.png) left top repeat-x; 
    color: #6a6c6e;
    list-style-type: none;
    display: inline-block;
    line-height: 20px;
    margin: 0;
    padding: 0;
}
#nav li {
    float: left;
    width: 131px;
    position: relative; /* важливо для підменю */
    margin: 0;          /* прибираємо margin-top:-10000px */
    padding: 0;
}
#nav li a {
    font-weight: bold; 
    font-style: italic;
    font-size: 15px;
    width: 105px;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    position: relative;
    float: left;
    line-height: 23px;  /* вирівнювання по висоті */
    margin: 0;          /* прибираємо margin-top:10000px та margin-right:-104px */
    padding: 0;
}
#nav #google_translate_element {color:black !important}
#google_translate_element_2 {float: right; right: 10px; position: relative;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {color:black !important}
#nav li a:hover, 
#nav li a:focus, 
#nav li a:active {
    /*background: linear-gradient(45deg, #ffd075, #ff8d60, #ff5c75, #e05397, #cd5cd8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    color:white;
    
    margin: 0;          /* прибираємо margin-right:0 */
}

#nav li ul {
    display: none;
    position: absolute;
    top: 20px;          /* висота вашого меню */
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#nav li:hover ul {
    display: block;
}
#nav li ul li {
    position: relative;
    font-size: 10px;
    float: none;
    margin: 0;
    width: auto;
    z-index: 9;
    line-height: 20px;
    background: url(../img/menu-bg.png) top center repeat;
}
#nav li ul li a {
    z-index: 9;
    float: none;
    display: block;
    margin: 0;
    background: url(../img/sidebar-menu-separator.png) left bottom no-repeat;
    width: auto;        /* прибираємо фіксовану ширину */
    text-align: left;   /* або center, як вам потрібно */
    padding: 0 10px;    /* невеликі відступи для тексту */
}
.active-link {
   /* background: linear-gradient(45deg, #ffd075, #ff8d60, #ff5c75, #e05397, #cd5cd8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    /* font-size: 1rem; */
    font-weight: bold !important;
    color:white;

}
.content-zahol {width:100%; text-align:center; font-size:22px; background:#d9d9d9; color:#000;line-height:35px; margin-top:20px;position:relative;float:left;font-weight: bold;text-transform: uppercase;font-family: Tahoma, Geneva, sans-serif;}
.content-zahol2 {width:100%; text-align:center; font-size:22px; background:#d9d9d9; color:#000;position:relative;font-weight: bold;font-family: Tahoma, Geneva, sans-serif;margin: 55px 0;}
.content-zahol2.kontakty-h2 {margin: 20px 0px 25px 0px;}
.content-zahol3 {width:100%; text-align:center; font-size:22px; color:#000;position:relative;font-weight: bold;font-family: Tahoma, Geneva, sans-serif;margin: 55px 0;}
.no-top {margin-top:0px;} 
.content-zahol-text {width:91%; /*text-align:center;*/ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;padding:15px 0;position:relative;/*float:left;*/margin: 0 auto;display: grid; line-height:20px;}
.header-slider { width:960px; height:351px; position:relative; }
.slider-image { position:relative; z-index:5; }
.slider-text { position:absolute; top:27px; left:534px; z-index:6;  }
.slider-phone { position:absolute; top:313px; right:0px; height:55px; line-height:45px; padding-right:25px; z-index:9; }
.slider-phone-text { margin-right:5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; line-height:20px; color:#ccc; text-shadow: 1px 1px 0px #000000; vertical-align:top; text-transform: uppercase;text-align:right;}
.slider-phone .phone { float:right; text-shadow: 1px 1px 3px #FFF; font-size:31px; line-height:36px;}
.phone .green { color:#25d366 ; }
.phone .white { color:#FFF; }
.phone .red { color:#fd0000; }
.phone .sup { display:inline-block; margin-top:-3px; vertical-align:top; }

.content { width:980px; margin-left:-10px; min-width:500px; position:relative; background:url(../img/content-bg-2n-1.png) top center repeat-y; margin-bottom:150px; text-decoration:none; }
.content-bg-top { position:absolute; top:-35px; left:0px; width:980px; height:35px; background:url(../img/content-bg-1n-1.png) top center no-repeat; z-index:4; }
.content-bg-bottom { position:absolute; bottom:-35px; left:0px; width:980px; height:35px; background:url(../img/content-bg-3n-1.png) top center no-repeat; z-index:4; }
.content-shadow-bottom { position:absolute; left:0px; bottom:-110px; width:960px; height:110px; background:url(../img/header-shadow-2.png) top center no-repeat; z-index:3; }

.content-left { position:relative; /*width:920px;*/ float:left; min-height:300px; /*background:url(../img/content-text-bg-2w.png) top center repeat-y;*/ padding:0px 20px 4px 20px; margin:0px 0px 0px 0px; text-decoration:none; top:9px; z-index:9; }
.content-right { width:242px; float:left; }
.content-left-bg-top { width:960px; height:21px; position:absolute; top:-21px; left:0px; /*background:url(../img/content-text-bg-1w.png) top center no-repeat;*/ z-index:7; }
.content-left-bg-bottom { width:960px; height:16px; position:absolute; left:0px; bottom:-15px; /*background:url(../img/content-text-bg-3w.png) top center no-repeat;*/ z-index:7; }
.content-left h1 { 
    font-family:Tahoma, Geneva, sans-serif; 
    font-weight:bold; 
    text-align:center; 
    font-size:22px; 
    width:910px; 
    background: #d9d9d9;
    line-height: 35px; 
    position:relative; 
    z-index:10; 
    text-decoration:none; 
    color:#111;
    margin: 0 auto;
    text-transform: uppercase;
}
.text-static {/*text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 3px, rgba(0, 0, 0, 0.0980392) 0px 8px 13px, rgba(0, 0, 0, 0.0980392) 0px 18px 23px;*/font-size: 22px;letter-spacing: 0px;word-spacing: 0.1em;font-weight: bold;}
.no-line {display:none;}
h3 {
    letter-spacing: 0px;
    word-spacing: 0.1em;
    font-weight: bold;
    font-size: 14pt;
    /*text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 3px, rgba(0, 0, 0, 0.0980392) 0px 8px 13px, rgba(0, 0, 0, 0.0980392) 0px 18px 23px;*/
    width: 910px;
    background: #d9d9d9;
    position: relative;
    text-transform: uppercase;
}
.nivo-caption{line-height: 65px !important;height: 76px;}
.nivo-caption p { line-height: 32.5px !important;}
.nivo-controlNav {display:none}
.content-left a:visited {text-decoration:none; color:#FFF }
.content-left h2, h3, h4, h5 { font-family: Tahoma, Geneva, sans-serif; text-align:center; font-size:22px; line-height:50px; width:100%; text-align:center; /*text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 3px, rgba(0, 0, 0, 0.0980392) 0px 8px 13px, rgba(0, 0, 0, 0.0980392) 0px 18px 23px;*/ margin:60px 0px 50px 0px; }
.content-text { font-family:Georgia, "Times New Roman", Times, serif; /*background-color:#404040;*/ font-size:15px; line-height:20px; color:#000; padding:40px 10px 25px 10px; text-align:justify; /*border: 4px double white; */margin: 0 auto; width:90%}
#dle-content .kontakty-f {padding:0; width:100% !important}
   .grid-container {
        display: grid;
        grid-template-columns: 1fr 2fr 1fr 2fr; /* різна ширина */
        gap: 10px;
        padding: 0px !important;
        width: max-content;
    }
    .grid-item {width:100%; padding:0 !important}
.kontakty .content-text {padding:0;}
.kontakty .baseform, .mass_comments_action {background-color:unset}
/*Ostani zminy*/
.avtopark .content-text {/*width:80%*/}
.content-text div {padding-bottom: 10px;}
.content-text img { margin: 10px 10px 10px 10px; border:4px solid #FFFFFF;width: 100%;}
.content-text .auto {margin-bottom: -10px;}
.content-text .auto img { width: auto;border:none;margin:0;}
.content-text .auto .auto-mercedes img { width: 45%;;border:none;border: 4px solid #FFFFFF;}
.content-text .auto .auto-mercedes img:nth-child(1) {margin-left:0px; margin-right:30px}
.content-text .auto .auto-mercedes img:nth-child(2) {margin-left:30px; margin-right:0px}
.content-text .auto .auto-mercedes {text-align:center}
.content-text .img-or { text-align:center}
.content-text .img-or img { width: auto;max-width: 100%;}
.content-text .img-ozera img { width: 21.5%;}
.content-text a { color:#BEBEBE; text-decoration:underline; }
.content-text3 { font-family:Georgia, "Times New Roman", Times, serif; background-color:#404040; font-size:15px; line-height:20px; color:#FFF; padding:1px 1px 1px 1px; text-align:justify; border: 4px double white; margin: 0 0 25px 0; }
.content-text2 { font-family:Georgia, "Times New Roman", Times, serif; background-color:#F0F0F0; font-size:15px; line-height:20px; color:#000; padding:10px 10px 25px 10px; text-align:justify; margin: 0 0 25px 0; }
.content-text2 img {width:68px; 68px; border:2px solid #B2B2B2; float:left; }
.content-text .full { font-size:22px; text-align:right; margin-top:5px; margin-bottom:-15px; }
.fieldsubmit { }
.popular-content { font-family:Georgia, "Times New Roman", Times, serif; /*background-color:#c2c2c2; */font-size:15px; line-height:20px; color:#FFF; padding-bottom: 20px;; text-align:justify; /*border:2px solid #151515;*/}
.popular-content .popular-w { width:33%; /*margin:0px 20px 0px 5px; */float:left; /*height:300px; */padding: 5px 0px;position:relative;color:#000;}
.popular-content .popular-w a {color:#000;}
.popular-content .popular-w:hover { border-radius: 5px; background:#EFEFEF; transition:all 0.9s ease;-moz-transition:all 0.9s ease;-webkit-transition:all 0.9s ease;}
.popular-content .popular-w img { border:3px solid #D8D6D6;}
.popular-content .popular-w:nth-child(5) { margin:0px 0px 0px 0px; }
.popular-content .popular-w:nth-child(10) { margin:0px 0px 0px 0px; }
.popular-content .popular-w:nth-child(15) { margin:0px 0px 0px 0px; }
.popular-content .popular-w:nth-child(20) { margin:0px 0px 0px 0px; }
.popular-content .popular-w:nth-child(25) { margin:0px 0px 0px 0px; }
.popular-content .popular-w:nth-child(30) { margin:0px 0px 0px 0px; }
.popular-content .popular-w:nth-child(35) { margin:0px 0px 0px 0px; }
.popular-content .popular-w:nth-child(40) { margin:0px 0px 0px 0px; }
.popular-w a { text-decoration:none; color:#FFF; }
.popular-w .popular-image { margin-bottom:17px; }
.popular-w .popular-image img { border:3px solid #d8d6d6; }
.popular-w .popular-title { text-align:center; font-size:18px; text-transform:uppercase; margin-bottom:20px; }
.popular-w .popular-text { padding:0 5px}
.popular-w .popular-text div {width: 77%;margin: 0 auto;padding: 30px 0;}
.popular-w .popular-text img {width: 97%;}
.popular-w .popular-text .text-gr {width:100%;padding: 25px 0;min-height: 80px;line-height: 35px;}
.cards-content { background-color:#f0f0f0; box-shadow: inset 5px 5px 5px 0px #404040; padding:7px 0px 0px 10px; }
.cards-content .links { color:#cc0a0a; font-weight:bold; font-size:15px; display:inline-block; }
.cards-content p { color:#58595b; font-weight:bold; font-size:13px; line-height:16px; }
.cards-content a:link { color:#cc0a0a; font-weight:bold; font-size:15px; display:inline-block; }
.cards-content .cards { margin-top:20px; }
.cards-content .cards img:nth-child(1) { margin-right:40px; }


.sidebar-menu { position:relative; width:237px; background:url(../img/sidebar-menu-bg-2.png) top center repeat-y; margin:0px 0px 30px 10px; position:relative; z-index:9; }
.sidebar-menu-bg-top { position:absolute; top:-6px; left:0px; width:238px; height:6px; background:url(../img/sidebar-menu-bg-1.png) top center no-repeat; z-index:7; }
.sidebar-menu-bg-bottom { position:absolute; bottom:-12px; left:0px; width:238px; height:12px; background:url(../img/sidebar-menu-bg-3.png) top center no-repeat; z-index:7; }
.sidebar-menu ul { padding:0px 0px 0px 12px; }
.sidebar-menu ul li { font-size:14px; line-height:34px; background:url(../img/sidebar-menu-separator.png) left bottom no-repeat; padding-left:21px; }
.sidebar-menu ul li:last-child { background:none; }
.sidebar-menu a { text-decoration:none; font-size:14px; line-height:34px; text-transform:uppercase; color:#fff; }
.sidebar-menu a:hover { color:#BEBEBE; }
.sidebar-menu ul li.active a { color:#BEBEBE; }
.sidebar-menu ul li.current a { color:#BEBEBE; }
.sidebar-menu ul li ul { padding:0px 0px 10px 0px !important; margin-top:-5px; }
.sidebar-menu ul li ul li { line-height:15px !important; background:none; padding-left:2px; }
.sidebar-menu ul li ul li a { font-size:13px; line-height:15px !important; text-transform:none; }


.order-block { position:relative; width:247px; background:url(../img/sidebar-menu-bg-2.png) top center repeat-y; margin:0px 0px 30px 5px; padding:47px 0px 0px 0px; }
.order-block-bg-top { position:absolute; top:-10px; left:5px; width:237px; height:10px; background:url(../img/sidebar-order-bg-1.png) top center no-repeat; z-index:7; }
.order-block-bg-bottom { position:absolute; bottom:-10px; left:4px; width:232px; height:10px; background:url(../img/sidebar-order-bg-3.png) top center no-repeat; z-index:7; }

.order-title { min-width:232px; width:232px; height:42px; min-height:42px; overflow:hidden; position:absolute; top:-7px; left:5px; line-height:40px; text-align:center; color:#FFF; font-size:19px; font-family:Georgia, "Times New Roman", Times, serif; background:url(../img/sidebar-order-title-bg.png) top center no-repeat; z-index:9; }

.order-form { padding-left:14px; margin-bottom:-15px; height:495px; position:relative; z-index:8; }
.order-form input { border:1px solid #004a80; background-color:#FFF; line-height:18px; height:18px; font-size:12px; color:#1a1a1a; font-style:italic; font-family:Verdana, Geneva, sans-serif; margin-bottom:7px; font-weight:normal; padding:0px 0px 0px 0px; }
.order-form .short-field { width:135px; margin-right:13px; }
.order-form .long-field { width:210px; }
.order-form .textarea { border:1px solid #004a80; background-color:#FFF; line-height:18px; height:18px; font-size:14px; color:#1a1a1a; font-style:italic; font-family:Verdana, Geneva, sans-serif; width:210px; height:48px; }
.order-form .textarea1 { line-height:18px; height:18px; font-size:12px; color:#FFF; font-style:italic; font-family:Verdana, Geneva, sans-serif; width:215px; height:110px; margin-top:15px; border:1px solid #FFF; }
.order-form label { font-size:10px; color:#fff; display:block; font-style:italic; width:220px;}
.order-form .col-6 td {width:25%}
.order-form .submit { background-color:#fff; color:#333333; line-height:20px !important; height:30px !important; padding:3px 5px 5px 5px !important; font-family:Tahoma, Geneva, sans-serif; font-size:15px !important; font-style:normal !important; cursor:pointer; vertical-align:middle; margin-left:120px; margin-top:10px; }

.phone-block { width:233px; min-width:233px; min-height:83px; height:83px; background:url(../img/telephone-bg.png) top center no-repeat; position:relative; bottom:-11px; left:5px; z-index:10; }
.phone-block .title { width:233px; height:25px; line-height:25px; text-align:center; color:#FFF; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; overflow:hidden;}
.phone-block .phone { margin-top:3px; text-align:right;  font-family:Georgia, "Times New Roman", Times, serif;
text-shadow: -2px -2px 2px #FFF; 
text-shadow: -2px 0 2px black, 0 2px 2px black, 1px 0 2px #FFF, 0 -1px 2px #FFF; font-size:21px; }
.phone-block .phone a { text-decoration:none; }
.phone-block .links { text-align:center; font-size:18px; margin-top:6px; }
.phone-block .links a { margin:0px -10px 0px 30px; color:#FFF; text-decoration:none; }

.social-block { position:relative; width:247px; background:url(../img/sidebar-menu-bg-2.png) top center repeat-y; margin:0px 0px 0px 5px; z-index:10;}
.social-bg-top { position:absolute; top:-6px; left:0px; width:248px; height:6px; background:url(../img/sidebar-menu-bg-1.png) top center no-repeat; z-index:7; }
.social-bg-bottom { position:absolute; bottom:-12px; left:0px; width:248px; height:12px; background:url(../img/sidebar-menu-bg-3.png) top center no-repeat; z-index:7;  }
.social-block .social-text { padding:35px 15px 0px 10px; font-size:12px; line-height:18px; z-index:10; vertical-align:central; }
.social-block .social-text a { text-decoration:none; color:#000; }
.social-block .social-text a:hover { text-decoration:underline; }
.social-block .social-img { text-align:center; z-index:10;}
.social-block .social-img img { display:inline-block; z-index:10;} 
.social-title { min-width:232px; width:232px; height:42px; min-height:42px; overflow:hidden; position:absolute; top:-7px; left:5px; line-height:40px; text-align:center; color:#FFF; font-size:19px; font-family:Georgia, "Times New Roman", Times, serif; background:url(../img/sidebar-order-title-bg.png) top center no-repeat; z-index:9; }


.footer { width:100%; min-width:960px; height:220px; position:relative; }
.footer .footer-bar { width:1020px; margin: 0 auto; padding-top:35px; margin-top:20px}
.footer .footer-bar .coll1 {width:150px; font-size:15px; text-align:left; height:50px; max-height: 50px; float:left; margin-top:-15px; line-height:20px; font-weight:bold;}
.footer .footer-bar .coll1 a {font-size:15px; line-height:40px; font-weight:bold; }
.footer .footer-bar .coll1 img {margin-top:20px; }
.footer .footer-bar .coll10 {width:305px; font-size:15px; text-align:left; height:50px; max-height: 50px; float:left; margin-top:-24px; line-height:20px; font-weight:bold;z-index:10;text-align: justify;}
.footer .footer-bar .coll10 img {margin-top:10px; position:absolute; padding-left:40px;}
.footer .footer-bar .coll10 a {font-size:15px; line-height:40px; font-weight:bold; }
.footer .footer-bar .coll2 {width:180px; margin-right:25px; font-size:16px; height:50px; max-height: 50px; float:left; margin-top:-15px; text-align:justify; }
.footer .footer-bar .coll2 a {font-size:15px; line-height:20px; font-weight:bold; }
.footer .footer-bar .coll10 b {font-size:15px; line-height:35px; font-weight:bold; }
.footer .footer-bar .coll3 {width:255px; font-size:15px; text-align:left; height:50px; max-height: 50px; float:left; margin-top:-24px; margin-left:95px;}
.footer .footer-bar .coll3 a {font-size:15px; line-height:20px; font-weight:bold; }
.footer .footer-bar .coll3 b {font-size:15px; line-height:35px; font-weight:bold; }
.footer .footer-bar .coll3 .green, .footer .footer-bar .coll3 .green a {color:#25d366 ; }
.footer-menu { height:36px; width:100%; margin-bottom:-8px; }
.footer-menu-left { width:20px; height:28px; position:absolute; top:0px; left:-20px; background:url(../img/footer-menu-bg-1-n2.png) left top no-repeat; }
.footer-menu-center { height:28px; margin:0px 20px; position:relative; background:url(../img/footer-menu-bg-2-n2.png) left top repeat-x; }
.footer-menu-right { width:20px; height:28px; position:absolute; top:0px; right:-20px; background:url(../img/footer-menu-bg-3-n2.png) left top no-repeat; }


#nav-menu {
	width:980px; 
	height:20px; 
	max-height:20px; 
	color:#6a6c6e;
	list-style-type:none;
	display:inline-block;

	line-height:20px;
}
#nav-menu li{
float:left;
/*width:118px;*/
/*margin-top:-10000px;*/
position:relative;
white-space: nowrap;
margin: 0 18px;
}
#nav-menu li a {
	font-weight:bold; 
	font-style:italic;
	font-size:15px;
/*width:105px;*/
text-decoration:none;
text-align:center;
color:#FFF;
position:relative;
float:left;
/*margin-right:-104px;*/
/*margin-top:10000px;*/
line-height:25px;
}
#nav-menu li a:hover, #nav li a:focus, #nav li a:active {
margin-right:0;
    /*background: linear-gradient(45deg, #ffd075, #ff8d60, #ff5c75, #e05397, #cd5cd8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    color:white;
}
#nav-menu li ul {
float:left;
margin-top:-30px;
padding-top:30px;
margin-bottom:-10000px;
list-style-type:none;
}
#nav-menu li ul li {
position:relative;
float:none;
margin:0;
width:auto;
background:#535455 url(../img/footer-menu-bg-2.png) left top repeat;
line-height:20px;
z-index:100;
}
#nav-menu li ul li a {
float:none;
display:block;
margin:0;
margin-right:-1px;
background:#535455 url(../img/sidebar-menu-separator.png) left bottom no-repeat;
}


.footer-copyright { height:95px; padding-top:148px; width:100%; background:url(../img/footer-bg-n.png) left top repeat;  }
.copyright-text { width:100%; min-width:380px;  font-size:15px; text-align:center;  margin-top:-25px;}
.copyright-text a { color:#FFF; text-decoration:none; }
.footer-logo1 { text-align:right; margin:0 auto; max-width:1200px; margin-top:-25px;}
.footer-logo2 { 
text-align:left; 
margin:0 auto; 
max-width:900px; 

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* IE 5.5+*/
-moz-opacity: 0.4; /* Mozilla 1.6 ? ???? */
-khtml-opacity: 0.4; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.4; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}
.footer-logo2 a:hover { 
text-align:left; 
margin:0 auto; 
max-width:1200px; 
margin-top:-35px; 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=700); /* IE 5.5+*/
-moz-opacity: 0.7; /* Mozilla 1.6 ? ???? */
-khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
}
.footer-copyright .footer-logo img { }

/* StartStyle */
.hideWrap{
	color:#000; 
	text-align:center; /* Onoaiaaeeaaai au?aaieaaiea ii eaaiio e?a? */
	clear:both;
	font-weight:bold; 
	font-size:18px;
}
.hideWrap1{
	color:#CCC; 
	text-align:center; /* Onoaiaaeeaaai au?aaieaaiea ii eaaiio e?a? */
	clear:both;
	font-weight:bold; 
	font-size:18px;
}
.hideBtn{
cursor:pointer;
outline:none; /* Ne?uaaai ?aii?eo, i?e ia?aoee */
color:#58595B; 
font-weight:bold; 
font-size:18px;
}
.hideBtn.show{
background-image: url(/_example/_../img/_lib1/_minus.gif); /* ea?oeiea <ieion> - aey ioe?uoiai aeiea */
color:#58595B; 
font-weight:bold; 
font-size:18px;
}
.hideCont{
display:none; /* Ne?uaaai eiioaio */
color:#58595B; 
font-weight:bold; 
font-size:13px;
text-align:left;
}
.hideCont1{
display:none; /* Ne?uaaai eiioaio */
color:#CCC; 
font-weight:bold; 
font-size:13px;
text-align:left;
}
.hideCont2{
display:none; /* Ne?uaaai eiioaio */
color:#CCC; 
font-weight:bold; 
font-size:13px;
text-align:left;
}
.hideCont3{
display:none; /* Ne?uaaai eiioaio */
color:#CCC; 
font-weight:bold; 
font-size:13px;
text-align:left;
}

.tableform {width: fit-content !important;max-width: fit-content !important}
.kontakty .content-text {color:white}
.kontakty .content-text div {width: auto !important;max-width: 940px;}
table td:first-child,
table td:nth-child(3) {
  text-align: right;
}
@font-face {
  font-family: 'MyInstagramFont';
  src: url('Billabong.ttf') format('truetype'); /* Вкажіть правильний шлях до файлу */
  font-weight: normal;
  font-style: normal;
}

.instagram-text {
  font-family: 'MyInstagramFont', sans-serif; /* Використовуємо локальний шрифт */
  font-size: 80px;
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

/* Контейнер, який обмежує координати для тексту */
.image-container {
  position: relative;
  display: inline-block; /* Щоб контейнер стискався під розмір картинки */
  width: 100px;
}

/* Робимо картинку гнучкою */
.responsive-image {
  display: block;
  max-width: 100px;
  height: auto;
}

/* Ідеальне центрування тексту поверх картинки */
.text-overlay {
  position: absolute;
  top: 50%;
  left: 57px;
  transform: translate(-59%, -80%) rotate(-20deg); /* Зсув назад на половину ширини/висоти тексту */
  
    display: inline-block; /* ГОЛОВНЕ ВИПРАВЛЕННЯ: дозволяє елементу позиціонуватися */
  white-space: nowrap;   /* Завжди тримає текст в один рядок, щоб він не переношувався */
  
  /* Стилі тексту */
  color: white;
  font-family: sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  text-align: center;
}



/* EndStyle */
.ui-datepicker {}
.kontakty {width: 940px;}
.kontakty .content-text {width: auto;}
.kontakty-f .baseform {background-color:unset;color:#000}
.kontakty-f .brdform {border: none}
.kontakty-f .brdform table tr {line-height: 35px;}
.kontakty-f .tableform {left: 16px;position: relative;}
.kontakty-f .tableform td.label {color:#000; }
.kontakty-f .label-coment {font-size: 20px;font-weight:bold;vertical-align: top;margin-right: 15px;}
.kontakty-f .tableform .labe6 {color: #000; font-weight: bold;font-size: 13px;}
.kontakty-f .tableform .labe6 img {width:30px; margin: -8px;padding:0; border:none}
.kontakty-f .tableform .lab-img {padding:0}
.kontakty-f .tableform td.label .impot {width: 15px;    display: inline-block;    vertical-align: top;}
.kontakty-f .callme-error {border:none; color:red;margin-top: 15px;}
.kontakty-f .fieldsubmit {border:none;text-align:center}
.kontakty-f .tableform td.label {font-size: 13px;}
.kontakty-f .f_input {font-size: 15px;background-size: contain;width:240px}
.tableform td.label {min-width:10%}
.kontakty-f select {font-size: 18px;background-size: contain;}
.grid-container .grid-item:nth-child(even) {text-align:left}
.kontakty-f .col-6 td:nth-child(1) {width:30px}
#dle-content .content-text a {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  /* Робимо фон фокусом для тексту */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    /*font-size: 1rem;*/
  font-weight: bold;
}
#dle-content .kontakty .content-text a {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  /* Робимо фон фокусом для тексту */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    /*font-size: 1rem;*/
  font-weight: bold;
}

.site-body .content #dle-content .green.awesome, .green.awesome:visited, .green.awesome:hover {background-color: #25d366 !important;color:white !important;-webkit-text-fill-color:currentColor}
#dle-content .content-text a {color: #25d366 !important;}
.kontakty .content-text a {color: #25d366 !important; /*background: none !important; -webkit-text-fill-color: unset !important*/}
    .skoro img {
        position: absolute;
        margin-top: -60px !important;
    }
.instagram-star {
  width: 100px;
  height: 100px;
  position: absolute;
  /* Градієнт Instagram: фіолетовий -> рожевий -> жовтий */
  background: linear-gradient(45deg, #405de6, #833ab4, #c13584, #e1306c, #fd1d1d, #f56040, #ffdc80);
  clip-path: polygon(
    50% 0%, 
    65% 35%, 
    100% 38%, 
    75% 65%, 
    82% 100%, 
    50% 80%, 
    18% 100%, 
    25% 65%, 
    0% 38%, 
    35% 35%
  );
    display: flex;
  align-items: center;
  justify-content: center;
  
  /* Стилізація тексту */
  color: white;
  right: 120px;
  margin-top: -80px;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}

.instagram-btn {
  /* Градієнт Instagram: фіолетовий -> рожевий -> жовтий */
  background: linear-gradient(45deg, #405de6, #833ab4, #c13584, #e1306c, #fd1d1d, #f56040, #ffdc80);
  background-size: 120% 120%; /* Трішки збільшуємо фон для красивого ефекту */
  
  /* Стилізація форми та розмірів */
  padding: 12px 28px;
  border: none;
  border-radius: 8px; /* Скруглені кути */
  cursor: pointer;
  
  /* Стилізація тексту */
  color: white;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px; /* Відстань між літерами */
  
  /* Плавний перехід для анімації */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  -webkit-background-clip:unset !important;
  -webkit-text-fill-color: white !important;
  
}

/* Ефекти при наведенні курсору (Hover) */
.instagram-btn:hover {
  transform: translateY(-2px); /* Кнопка підстрибує вгору */
  box-shadow: 0 5px 15px rgba(193, 53, 132, 0.4); /* М'яка рожева тінь */
}

/* Ефект при кліку */
.instagram-btn:active {
  transform: translateY(1px); /* Натискання */
}
.text-overlay {letter-spacing: 1px !important;}

/* 1. Налаштування загального вікна підказок */
.pac-container {
  width: 450px !important; /* Ширина вікна */
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  font-family: inherit !important;
  padding: 5px 0 !important;
}

/* 2. Кожен рядок у списку */
.pac-item {
  padding: 10px 15px 10px 40px !important; /* Робимо великий фіксований відступ зліва для ОДНОЇ іконки */
  position: relative !important; /* Дозволяє абсолютно позиціонувати маркер */
  line-height: 1.4 !important;
  display: block !important;
}

/* 3. Головна назва (Перший рядок) */
.pac-item-query {
  display: block !important; /* Назва стає окремим рядком */
  font-size: 16px !important;
  color: #222 !important;
  line-height: 1.2 !important;
  margin-bottom: 2px !important;
}

/* 4. Опис, країна та адреса (Другий рядок) */
.pac-item-query ~ span,
.pac-item > span:not(.pac-item-query) {
  display: block !important; /* Адреса падає на другий рядок */
  font-size: 13px !important; /* Менший шрифт */
  color: #777 !important; /* Сірий колір */
}

/* 5. Магія з маркерами: фіксуємо лише ПЕРШИЙ маркер, а всі інші ховаємо */
.pac-icon {
  position: absolute !important;
  left: 12px !important; /* Ставимо чітко зліва в один ряд */
  top: 12px !important;
  margin: 0 !important;
}

/* Якщо Google генерує більше ніж одну іконку в рядку — приховуємо всі наступні */
.pac-icon ~ .pac-icon {
  display: none !important; 
}
.comment-kont {width:fit-content; text-align:center;    position: relative;font-size: 20px;font-weight:bold}
.fbutton {margin: 0}
@media (max-width: 1000px) {
    body {display: inline-block;}
    .header-shadow-bottom {width: 100%;}
    #nav #google_translate_element {right: 15px; /*position:relative*/}
    #nav #google_translate_element span {font-size:16px;}
    .site-body {width: 97%}
    #nav {width:-moz-available; width:-webkit-fill-available}
    #nav-menu {width:1020px}
    #nav-menu li a {font-weight: normal;font-size: 20px;}
    .header-slider{width: auto;height: auto;}
    .slider-wrapper{width: auto;height: auto;} 
    .nivoSlider{width: auto;height: auto;} 
    .slider-phone {top: 330px;}
    #nav li {width: 144px;}
    #nav li a {width: 119px; font-weight: normal;font-size: 19px;}
    .nivo-caption {height:85px !important}
    .content {width: auto;margin-left: 0px;background-size: contain;background-size: contain;/*box-shadow: 0 0 15px rgba(250, 250, 255, 0.9);*/}
    .content-bg-top {width: 105.15vw;height: 37px;background-size: contain;left: -1px;top: -36px;}
    .content-bg-bottom {width: 105.15vw;height: 40px;background-size: contain; left: -1px;bottom: -39px;}
    .content-left {margin:0;padding:0;}
    .popular-content  {margin: 0 10px; width: 97.9%;}
    .popular-content .popular-w {width: 33%;margin: 0px;}
    .content-left h1, .content-zahol {font-size: 22pt;line-height: 50px;width:1007px;}
    .content-left h2, h3, h4, h5 {width: 1007px;left: -40px;position: relative;font-size: 22pt;}
    .content-text {font-size: 23px;line-height: 35px;}
    .content-zahol2 {width: 1007px;left: -41px; margin-bottom: 50px;margin-top: 45px;letter-spacing: 2px;}
    .content-zahol3 {width: 1007px;left: -41px; margin-bottom: 50px;margin-top: 45px;letter-spacing: 2px;}
    .skoro {margin-bottom: 0px;letter-spacing: 0.4em !important;}
    .skoro .no-star {font-size: 22px !important;}
    .Vito {letter-spacing: 0.23em !important;display: inline-block;}
    .s-class {letter-spacing: 0.1em !important;display: inline-block;}
    .popular-w .popular-text .text-gr {min-height: 140px;}
    #dle-content .content-zahol-text {font-size: 17px;}
    .content-text .auto .auto-mercedes img:nth-child(1) { margin-left: 5px; margin-right: 25px;}
    .content-text .auto .auto-mercedes img:nth-child(2) { margin-left: 25px;margin-right: 5px;}
    .content-text .auto .awesome {margin-top:35px}
    .kontakty {width: 1026px}
    .kontakty-f .brdform {width:995px;}
    .kontakty h2 {left: 10px;margin:0}
    .kontakty-f .tableform td.label {font-size: 20px;width: 120px;}
    .kontakty-f .tableform .labe6 {font-weight: bold;font-size: 20px;}
    .kontakty-f select {    font-size: 20px;    background-size: contain;}
    .kontakty-f .tableform select { width: 125px;}
    .kontakty-f .f_input { font-size: 17px;width:320px;}
    .kontakty-f .f_textarea {width:stretch;}
    .grid-container {gap: 25px;}
    .popular-text span {font-size: 18pt !important;}
    .nivo-caption {font-size: 28px !important;line-height: 78px !important;}
    .nivo-caption p {font-size: 24px !important;}
    .content-shadow-bottom {width: 100%;}
    .content-text div {line-height: 35px;padding: 10px 0;}
    .content-text .auto .auto-mercedes {padding:0px}
    .content-zahol {margin-top: 45px;}
    .content-zahol-text {line-height: 35px;padding: 60px 0 25px 0;}
    .content-zahol2.kontakty-h2 {left: 10px;}
    .awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited {font-size: 20pt !important;}
    .no-top {margin-top: 0px;}
    #nav-menu li {margin: 0 22px;}
    .footer .footer-bar .coll10 b, .footer .footer-bar .coll3 b {font-size:24px}
    .footer .footer-bar .coll10 {font-size:23px; font-weight:normal;line-height:26px}
    .footer .footer-bar .coll3 a, .footer .footer-bar .coll3 {font-size:19px;font-weight:normal;line-height:26px}
    .pac-container {font-size: 20px !important;}
    .pac-item {font-size: 20px !important;}
    .pac-item-query {font-size: 20px !important;}
    #dle-content .kontakty-f {min-height: 890px;}
    .comment-kont {width:1004px; text-align:center;left: 12px;    position: relative;font-size: 20px;font-weight:bold}
    .fbutton {font-size:22px;padding: 15px 30px;width: max-content;height:auto;font-weight:bold}
}