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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size: 100%;
font-family: "CentureGothic";
}
html,
body {
font-size:26px;
background:#fbfbfb;
min-width:auto;
overflow-x:hidden;
}
.zoom{
zoom:0.75;
}
.car-modal-display-list{
background:#ffffff;
}
#footer{
box-sizing: border-box;
}
.site-header-logo{
width:187px;
}
#header .header-top{
height:86px
}
.body-font{
font-size: 1rem;
}
.red-text-color{
color: rgb( 204, 0, 0 )!important;
}
#searchform:hover .uk-button-text::before{
right: 0;
}
#searchform input{
border:none;
border-bottom: 1px solid rgb( 204, 0, 0 );
background:transparent;
font-size: 0.8rem;
height:1.5rem;
}
span.search-pl-text{
font-size: 0.8rem;
}
.search-form-section{
width:400px;
}
#searchsubmit{
border:none;
background:transparent;
height:auto;
padding:0;
}
.search-field-content::before{
border-bottom: 2px solid rgb( 204, 0, 0 );
}
.fa-search:before{
color:rgb( 204, 0, 0 )
}
.home-grid-child {
background:#e3e3e3;
}
.home-page-grid-arrow div{
font-size:30px;
color:rgb( 204, 0, 0 );
}
.home-grid-child:hover, .home-grid-child:active{
text-decoration:none;
outline:none;
}
.home-page-grid-arrow .uk-heading-line {
line-height:1;
}
.uk-heading-line>::after, .uk-heading-line>::before{
border-bottom: 2px solid #a1a1a1;
}
.home-grid-page-title h2{
line-height:1;
font-size:22px;
color:#171717;
}
.honda-in-world-title{
background:#949898;
padding-left:20px;
padding-right:20px;
}
.honda-in-world h2 a{
font-size:41px;
color: rgb( 255, 255, 255 );
}
.honda-in-world h2 a:hover, .honda-in-world h2 a:active{
outline:none;
text-decoration:none;
color: rgb( 200, 200, 200 );
}
.home-text-div-title a, .home-text-div-title h2, h2.specifications-modal-title{
font-size: 1.55rem;
line-height: 1.5;
font-family: "LeagueGothic";
border-top:3px solid rgb( 204, 0, 0 );
padding-top: 20px;
color: rgb( 22, 20, 19 );
}
h2.specifications-modal-title{
font-size: 2.08rem;
}
.show-child-page a, .show-child-page p{
color: rgb( 22, 20, 19 );
font-family: "CentureGothic";
font-size:0.555rem;
}
.home-text-div-title .uk-button-text::before{
border-bottom:3px solid #333;
top: -3px;
bottom: auto;
}
.home-text-div-title a:hover{
}
.footer-soc img{
width:63px;
}
#footer{
border-top:2px solid rgb( 22, 20, 19 );
}
#searchsubmit img{
height: 0.8rem;
margin-bottom: 5px;
}
div:not(.transition-reset), img:not(.transition-reset), .site-transition:not(.transition-reset, .fancybox-slide){
transition: all 1400ms ease;
-webkit-transition: all 1400ms ease;
-moz-transition: all 1400ms ease;
-o-transition: all 1400ms ease;
}
.site-transition-fest{
transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-o-transition: all 600ms ease;
}
/* Cars */
.site-bold-h1 h2, .site-bold-h1 h1, .site-bold-h1{
color: rgb( 251, 251, 251 );
line-height: 1;
font-family:"LeagueGothic";
text-shadow: 1.5px 2.598px 117px rgb( 1, 2, 2 );
}
.site-blak-h1 h2, .site-blak-h1 h1, .site-blak-h1{
line-height: 1;
font-family:"LeagueGothic";
color: rgb( 22, 20, 19 );
}
.page-large-foto-section-info a, a.specifications-link{
font-size: 1.05rem;
color: rgb( 251, 251, 251 );
line-height: 1;
background:rgba(0,0,0,0.36);
padding:5px 30px;
}
a.specifications-text-link, .specifications-text-link a, span.specifications-text-link{
font-size: 0.9rem;
color: rgb( 22, 20, 19 );
line-height: 1.2rem;
}
a.specifications-text-link:hover, .specifications-text-link a:hover, .news-article-link:hover .specifications-text-link{
text-decoration:none;
color:#cc0000;
}
.specifications-text-link span.arrow{
font-size:1.2rem
}
.page-large-foto-section-info a:hover span.arrow i, a.specifications-link:hover span.arrow i{
color:#cc0000;
}
.page-large-foto-section-info a:hover, a.specifications-link:hover{
outline:none;
text-decoration:none;
}
/* Cars menu*/
.cars-main-menu li a, .uk-navbar-nav > li > a.modal-row-title{
font-size:1.25rem;
font-family:"LeagueGothic";
color:#161413;
}
.cars-menu-section nav{
background:#e3e3e3;
}
.cars-menu-section .uk-navbar-nav > li > a, .cars-menu-section .uk-navbar-item, .cars-menu-section .uk-navbar-toggle, .uk-navbar-nav > li > a.modal-row-title{
min-height:3rem;
padding: 0 3vw;
}
.uk-navbar-nav > li > a.modal-row-title{
display: flex;
justify-content: center;
align-items: center;
}
/*Модельний ряд */
#page-car-model, #page-car-boats, #honda-world{
max-height: calc(100vh - 66px);
-webkit-transition: max-height .8s;
-moz-transition: max-height .8s;
transition: max-height .8s;
}
.page-car-model{
overflow-y: auto;
height: 100%;
min-height: auto;
max-height: calc(100vh - 66px);
}
.page-car-model::-webkit-scrollbar {
width: 0px;
background: transparent; /* make scrollbar transparent */
}
.moto-slider-nav{
top:200px;
}
.page-car-model img{
max-height:200px;
object-fit: contain;
}
.page-car-model img.large-image {
max-height: 250px;
}
.height-null{
max-height:0!important;
}
#page-car-model a:hover, #page-car-boats a:hover, .search-car a:hover{
text-decoration:none;
}
#page-car-model a:hover h2, #page-car-boats a:hover h2, .search-car a:hover h2{
color:#666;
}
#page-car-model a:hover img, #page-car-boats a:hover img{
-webkit-filter: grayscale(80%);
-moz-filter: grayscale(80%);
-ms-filter: grayscale(80%);
-o-filter: grayscale(80%);
filter: grayscale(80%);
filter: gray; /* IE 6-9 */
}
.car-modal-title h2:not(.reset-border){
border-bottom:2px solid rgb( 204, 0, 0 );
}
a.site-main-text-color, .site-main-text-color, .site-main-text-color a{
color:#cc0000!important;
}
.car-modal-title h2 span{
color:#cc0000!important;
}
#page-car-model a:hover .car-price span{
color:#666;
}
.car-price, .car-price span{
color: rgb( 41, 41, 41 );
}
.car-modal-title h2 span.action-price{
background:rgb( 204, 0, 0 );
color:white!important;
display: inline-block;
line-height: 1.7rem;
}
.modall-row-close{
font-family: "OpenSans";
color: rgb( 204, 0, 0 );
text-decoration:none;
font-size:0.85rem;
line-height: 1rem;
padding: 5px 20px;
width: 200px;
opacity:1;
box-sizing: border-box;
position:relative;
top:0;
z-index: 9;
margin-bottom: 1px;
left:70vw;
}
.modall-row-close:hover{
text-decoration:none;
}
/*Важлива інформація*/
.information-close-section{
width:200px;
}
#information-section-alert{
background: transparent;
}
#information-section, .modall-row-close{
background:white;
-webkit-box-shadow: 0 -4px 14px -3px rgba(0,0,0,0.14);
-moz-box-shadow: 0 -4px 14px -3px rgba(0,0,0,0.14);
box-shadow: 0 -4px 14px -3px rgba(0,0,0,0.14);
}
.information-section img{
height:1.63rem;
}
.information-section h2{
font-family: "LeagueGothic";
color: rgb( 250, 145, 17 );
font-size:1.34rem;
}
.information-section a.information-link{
font-family: "LeagueGothic";
color: rgb( 137, 136, 141 );
font-size:1.15rem;
outline:none;
text-decoration:none;
}
.information-section a.information-link:hover{
outline:none;
color:black;
text-decoration:none;
}
/*Сторінка авто*/
.main-specifications-name, .main-specifications-val{
color: rgb( 251, 251, 251 );
font-weight: bold;
font-size:16px;
}
.specifications-table-title{
color: rgb( 22, 20, 19 );
font-size:1.06rem;
font-family:"CentureGothicBold";
}
table.specifications-table tr td{
color: rgb( 22, 20, 19 );
font-size:0.93rem;
}
table.specifications-table tr td div{
min-width:170px;
}
.specifications-table-border tr{
border-top:1px solid rgb( 3, 3, 3 );
}
.specifications-table-border{
border-bottom:1px solid rgb( 3, 3, 3 );
}
#modal-specifications .uk-modal-dialog, #modal-completion .uk-modal-dialog{
padding-left: 90px;
padding-right: 90px;
}
.uk-accordion-title::before{
height:36px;
width:36px;
float: left;
margin-right: 40px;
}
.leaguegothic-font{
font-family: "LeagueGothic";
}
/*Заголовки на сайті жирні вузькі*/
.servis-title{
font-size: 1.9rem;
line-height: 1.2;
padding-top: 15px;
}
.service-template:not(:first-child){
margin-top: 90px;
}
.site-bold-h1, .site-bold-h1 h1, .site-bold-h1 h2{
font-size: 4.1rem;
}
.site-blak-h1 h2, .site-blak-h1 h1, .site-blak-h1{
font-size: 2.8rem;
}
.site-bold-h2 h2, .site-bold-h2 h2 span, .site-bold-h2 h1, .site-bold-h2 {
color: rgb( 41, 41, 41 );
font-size:1.96rem;
font-family:"LeagueGothic";
}
a.site-bold-h2 h2:hover{
color:#cc0000;
}
.site-desc p, .site-desc{
font-size:19px;
}
.form-p, p.form-p, .form-p p{
font-size: 0.8rem!important;
line-height: 1.1rem;
color: rgba( 112, 112, 112, 0.64 );
}
.form-p-black span, .form-p-black{
font-size: 0.8rem!important;
line-height: 1.1rem;
}
.site-small-desc, .site-small-desc p, .site-small-desc li{
font-size:17px;
}
.site-small-desc:not(.reset-color), .site-small-desc p, .site-small-desc li{
color: rgb( 22, 20, 19 );
}
.way-to-honda-bg{
opacity:.65;
}
.site-small-desc:not(.reset-font), .site-small-desc:not(.reset-font) p, .site-small-desc:not(.reset-font) li{
font-family: "CentureGothicBold";
}
.site-large-desc p, .site-large-desc{
font-size:0.8rem;
line-height: 2;
letter-spacing: 1px;
color: #161413;
}
.site-large-desc.medium-line-height p{
line-height: 1.4;
}
.site-text-bold {
font-weight: bold!important;
}
.site-h3, .site-h3 h3{
font-size:1.2rem;
}
.uk-container {
max-width: 1000px;
}
.uk-container-small {
max-width: 900px;
}
.site-large-desc a{
color: rgb( 22, 20, 19 );
text-decoration:none;
}
.site-large-desc a:hover{
color:#cc0000;
}
.site-link a{
text-decoration:none;
}
.site-link a:hover{
color:#999!important;
}
.uk-container-large {
max-width: 1200px;
}
.uk-container-xlarge {
max-width: 1600px;
box-sizing: content-box;
}
/*Риска над заголовком*/
.red-border-top:not(.uk-button-text ):before, .servis-title::before{
content:'';
width:100%;
height:3px;
background:rgb( 204, 0, 0 );
position:absolute;
top:0;
left:0;
box-sizing:border-box;
max-width:100%;
}
.red-border-top-max-width:not(.uk-button-text ):before{
max-width:180px!important;
}
.servis-title:before{
width:150px;
}
.red-border-top:not(.uk-button-text ){
padding-top:10px;
}
.gall-nav img{
width:30px;
}
.gall-nav {
color: rgb( 204, 0, 0 );
}
.uk-overlay-primary {
background: rgba(0, 0, 0, 0.45);
}
.page-service .baner .desc p{
font-size:0.8rem;
color: rgb( 254, 254, 254 );
margin-bottom: 20px;
line-height: 1.7;
}
.list-arrow img, .arrow-right-bg{
height:1rem;
}
.arrow-right-bg{
width:0.64rem;
}
/*Сервіс*/
.list-arrow{
margin-left:30px;
}
.service-list{
background:#e3e3e3;
border-top:3px solid #cc0000;
}
.service-list li a:not(.uk-button-danger){
font-size:0.91rem;
color: rgb( 22, 20, 19 );
}
.service-list li{
margin-top:0!important;
padding-top:10px;
padding-bottom:10px;
}
.service-list:not(.border-reset) li:not(:first-child):not(.border-reset){
border-top:2px solid rgb( 160, 160, 160 );
}
#service-navigation li:hover{
background:white;
}
.service-template h3, .service-template h4, h3.site-h3, h3.site-h3 p{
text-transform: uppercase;
font-size:0.97rem;
}
.service-template h4{
font-size:0.93rem;
margin-top: 50px;
}
.service-template h5{
font-size: 1rem;
text-transform: uppercase;
}
.my-select, .my-select input{
cursor:pointer;
}
.my-select div, .my-checkbox label, .input-field div{
line-height:1;
}
.my-select .uk-dropdown .uk-list li:hover{
background:#e3e3e3;
}
.my-select .uk-dropdown .uk-list li{
padding-left:10px;
padding-right:10px;
}
.my-select li{
font-size:0.8rem;
}
.service-list .my-select li:not(:first-child), .ajax-load-field li:not(:first-child){
border-top: 1px solid rgba( 160, 160, 160, 0.5)!important;
}
.uk-grid-divider>:not(.uk-first-column)::before{
border-left: 1px solid rgb( 160, 160, 160 );
}
.uk-button:not(.button-reset):not(.uk-button-text){
color: white;
font-weight: bold;
font-size: 1rem;
height: 2.5rem;
line-height: 2.5rem;
}
.uk-button-danger{
background-color:#cc0101;
}
.green-button{
background-color:#01cd61;
}
.green-button:hover{
background-color:#079c4dad;
color:white;
}
.uk-button-danger[disabled]{
background-color:black!important;
}
.uk-button-danger[disabled] i{
color:#cc0000;
}
/*ФОРМА*/
div.wpcf7-response-output{
font-size:0.8rem;
margin-bottom: 0!important;
margin-top: 2rem!important;
margin-left: 0!important;
margin-right: 0!important;
}
div.wpcf7 .ajax-loader{
position:absolute;
}
div.wpcf7 .ajax-loader.is-active{
position:relative;
}
.site-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), .site-form select, .site-radio input[type="radio"]{
color: rgb( 94, 94, 94 );
font-size: 0.8rem;
border-left: 3px solid #cc0000;
height: 1.5rem;
}
.uk-radio:checked:after, .site-radio input[type="radio"]:checked:after {
content: '';
width: 0.5rem;
height: 0.5rem;
background: #cc0000;
display: block;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: -moz-max-content;
box-sizing: border-box;
position: absolute;
}
.site-form input[type="radio"], .site-radio input[type="radio"]{
height: 1rem;
width: 1rem;
border: 2px solid #cc0101;
position:relative;
}
.site-form textarea{
height: 5rem;
color: rgb( 94, 94, 94 );
font-size:20px;
}
.site-form input::-webkit-input-placeholder, .site-form textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
color: rgba( 94, 94, 94, .5 );
font-size:0.8rem;
}
.site-form input::-moz-placeholder, .site-form textarea::-moz-placeholder { /* Firefox 19+ */
color: rgba( 94, 94, 94, .5 );
font-size:20px;
}
.site-form input:-ms-input-placeholder, .site-form textarea:-ms-input-placeholder { /* IE 10+ */
color: rgba( 94, 94, 94, .5 );
font-size:20px;
}
.site-form input:-moz-placeholder, .site-form textarea:-moz-placeholder { /* Firefox 18- */
color: rgba( 94, 94, 94, .5 );
font-size:20px;
}
.site-form input[type="submit"], .form-button{
background:#cc0101;
color:white;
height:70px;
font-size:20px;
font-weight:bold;
}
.site-form input[type="checkbox"]{
height: 1.5rem;
width: 1.5rem;
margin-left: 0;
display: block;
float: left;
margin-bottom: 20px;
margin-right: 30px;
position:relative;
}
.uk-radio:checked, .uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked:focus, .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus{
background-color:#fbfbfb;
}
.uk-radio, .uk-checkbox, .site-radio input[type="radio"]{
background-color: white;
}
.form-field-file{
visibility: hidden;
}
.acf-basic-uploader{
position:relative;
}
.site-radio label, .site-file-input label{
font-size:1rem;
font-weight: 100!important;
}
.site-checkbox label{
font-size:16px;
}
.uk-checkbox{
border-radius: 5px;
}
.remove-acf-label .acf-label label{
display:none!important;
}
span.wpcf7-not-valid-tip{
font-size:0.8rem!important;
}
.arrow-down{
width: 19px;
height: 0.5rem;
margin-top: 0.6rem;
}
span.wpcf7-list-item{
margin:0!important;
}
.page-service .baner .service-list li a:hover{
text-decoration:none;
outline:none;
}
.go-list a, .go-list a span{
font-family: 'CentureGothicBold';
font-size:0.77rem;
color: rgb( 22, 20, 19 );
}
.go-list a:hover, .go-list a:hover span{
color: rgba( 22, 20, 19 , .8);
text-decoration:none;
}
.go-list li.uk-active a:hover, .go-list li.uk-active a:hover span, .go-list li.uk-active a, .go-list li.uk-active a span{
color:#cc0000;
}
.service-list-table table{
border-collapse: collapse
}
.service-list-table table tr td{
padding-left:15px;
padding-right:15px;
}
.service-list-table table tr td:first-child{
padding-left:20px;
}
.service-list-table table tr td, .service-list-table table tr td>*{
font-size: 0.7rem;
padding-bottom: 5px;
padding-top: 5px;
color: rgb( 22, 20, 19 );
}
.service-list-table table tr{
border-bottom:2px solid rgb( 160, 160, 160 );
}
.service-list-table table tr:first-child td{
padding-bottom:30px;
padding-top:30px;
font-family: 'CentureGothicBold';
font-weight:bold;
vertical-align: middle!important;
}
.pdf-img{
width:60px;
}
a.uk-link-muted{
font-size:20px;
}
.uk-width-medium-350{
width:350px;
}
.uk-width-medium-450{
width:450px;
}
.CentureGothicBold{
font-family: 'CentureGothicBold';
font-weight:bold;
}
b, strong {
font-family: 'CentureGothicBold';
font-weight:bold;
}
.site-switcher li a:hover{
text-decoration:none;
}
.site-main-text-color-dark, .site-main-text-color-dark a, a.site-main-text-color-dark{
color: rgb( 22, 20, 19 );
}
a.site-main-text-color-dark:hover, .site-main-text-color-dark a:hover{
color: rgba( 22, 20, 19, .5 );
}
.site-switcher li.uk-active a{
color:#cc0000;
}
.my-select .uk-dropdown{
max-height:200px;
overflow:auto;
}
.moto-slider-nav img, .moto-slider-nav{
width:50px;
}
.line-slider-content{
padding-left:50px;
padding-right:50px;
}
.line-slider-content a.gall-nav{
width:50px;
box-sizing:border-box;
}
.line-slider-content-title{
padding-left:50px;
}
/* line-slider-dotnav*/
.line-slider-dotnav a{
background-color: #e3e3e3;
width: 100%;
border-radius: 0;
border: 1px solid #e3e3e3;
}
.line-slider-dotnav li.uk-active a{
background-color: #cc0000;
}
.line-slider-dotnav:not(.line-slider-dotnav-small)>* {
padding-left:0;
}
.line-slider-dotnav-small li a{
height:3px;
}
.line-slider-thumbnav a{
border-bottom: 4px solid #e3e3e3;
display: block;
padding-bottom: 30px;
}
.line-slider-thumbnav li.uk-active a{
border-bottom: 4px solid #cc0000;
}
.line-slider-thumbnav>*{
padding-left:0;
}
.uk-background-muted {
background-color: #e3e3e3;
}
.line-slider-thumbnav>*>::after{
background:transparent;
}
.uk-position-left-out{
right: 100%;
width: -moz-max-content;
width: max-content;
}
.uk-margin-viewport-1-2-top{
margin-top:40vh;
}
.site-arrow-list li:before{
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
font-size: 1rem;
margin-right: 10px;
font-weight: bold;
}
.gall-thumbnav-nav li{
min-width:60px!important;
max-width:100px!important;
}
.gall-thumbnav-nav{
flex-wrap: wrap!important;
}
.uk-child-width-xsmall>*{
width:50px;
}
@media (min-width: 960px){
.uk-article-title {
font-size: 1.16rem;
}
}
.uk-background-muted-light{
background-color:#f1f1f1;
}
.right-icon img{
height: 2vw;
}
.right-icon-item{
margin-bottom:1px;
}
.right-icon-item a{
text-decoration:none;
color:#161413;
font-size:0.83rem;
max-width:0;
white-space: nowrap;
overflow: hidden;
-webkit-transition: max-width .8s;
-moz-transition: max-width .8s;
transition: max-width .8s;
}
.right-icon-item .max-width-auto{
max-width:1000px!important;
}
a[disabled], input[disabled]{
cursor: not-allowed!important;
}
#tab-content .field-content{
min-height:200px;
}
.hide-before li a:before{
display:none;
}
.load-spiner-large{
z-index:9999;
}
.uk-margin-text-remove p{
margin:0!important;
}
@media (min-width: 1200px){
.alignright {
margin-left: 40px;
}
.alignleft {
margin-right: 40px;
}
}
.alignright {
margin-top: 0;
margin-left: 30px;
float: right;
display: block;
margin-bottom: 20px;
}
.alignleft {
margin-top: 0;
margin-right: 30px;
float: left;
display: block;
margin-bottom: 20px;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 30px;
}
.uk-section-xsmall{
padding-top: 20px;
padding-bottom: 20px;
}
.sub-honda-menu li a{
font-family: "CentureGothic";
text-decoration: none;
font-size: 1rem;
font-weight: 400;
}
.sub-honda-menu li a:hover{
color:rgb( 204, 0, 0 );
}
.sub-honda-menu li{
padding-left: 2rem;
position: relative;
}
.sub-honda-menu li a:before {
content: "\f105";
left: 1rem;
position:absolute;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
top: 0.6rem;
-webkit-font-smoothing: antialiased;
}
.sub-honda-dropdown {
border-top: 1px solid #cc0000;
}
.sub-honda-menu li{
border-top: 1px solid rgb( 160, 160, 160 );
}
.sub-honda-dropdown{
margin-top:0!important;
padding:0;
}
.news-article-link:hover{
text-decoration:none;
}
.large-foto-section{
height:46vw;
}
@media (min-width: 1701px){
#page-car-model .uk-container-small{
max-width: 1300px;
}
.dealer-network{
max-width: 1400px;
}
.service-list li {
padding-top: 5px;
padding-bottom: 5px;
}
.service-list li a:not(.uk-button-danger) {
font-size: 0.78rem;
}
.site-bold-h1, .site-bold-h1 h1, .site-bold-h1 h2 {
font-size: 3.1rem;
}
html, body {
font-size: 22px;
}
.show-child-page a, .show-child-page p {
color: rgb( 22, 20, 19 );
font-family: "CentureGothic";
font-size: 0.65rem;
}
.page-car-model img {
max-height: 160px;
object-fit: contain;
}
.site-large-desc p, .site-large-desc {
font-size: 0.7rem;
}
}
@media (max-width: 1950px){
.large-foto-section{
height:46vw;
}
.page-car-model img {
max-height: 180px;
}
}
@media (max-width: 1700px){
.large-foto-section{
height:700px;
}
.uk-modal-container .uk-modal-dialog {
width: 1000px;
}
#modal-specifications .uk-modal-dialog, #modal-completion .uk-modal-dialog {
padding-left: 40px;
padding-right: 40px;
}
.site-large-desc p, .site-large-desc {
line-height: 1.7;
}
.right-icon-item .uk-padding-small{
padding:12px!important;
}
.honda-in-world h2 a {
font-size: 30px;
color: rgb( 255, 255, 255 );
}
.right-icon-item img {
margin-left: 0.5vw!important;
margin-right: 0.5vw!important;
}
table.specifications-table tr td {
font-size: 0.83rem;
}
.uk-table td {
padding: 5px 12px;
}
.site-bold-h2 h2, .site-bold-h2 h2 span, .site-bold-h2 h1, .site-bold-h2{
font-size:1.7rem;
}
.site-bold-h1, .site-bold-h1 h1, .site-bold-h1 h2{
font-size: 3.8rem;
}
.site-blak-h1 h2, .site-blak-h1 h1, .site-blak-h1{
font-size: 2.5rem;
}
html, body {
font-size:18px;
}
.moto-slider-nav img, .moto-slider-nav{
width:45px;
}
.page-car-model img {
max-height: 140px;
}
.page-car-model img.large-image {
max-height: 200px;
}
.uk-margin-small1-top{
margin-top:20px!important;
}
.service-list li {
padding-top: 5px;
padding-bottom: 5px;
}
.show-child-page a, .show-child-page p {
font-size: 0.6rem;
}
.footer-soc img {
width: 50px;
}
}
@media (min-width: 1600px){
.car-baner-large-size{
max-width: 75%;
}
}
@media (max-width: 1400px){
.large-foto-section {
height: 600px;
}
.site-large-desc p, .site-large-desc {
line-height: 1.5;
}
.honda-in-world h2 a {
font-size: 25px;
color: rgb( 255, 255, 255 );
}
.uk-table td {
padding: 2px 12px;
vertical-align: top;
}
.uk-margin-small1-top{
margin-top:15px!important;
}
.show-child-page a, .show-child-page p {
font-size: 0.7rem;
}
.home-grid-page-title h2 {
font-size:20px;
}
html, body {
font-size:16px;
}
.site-bold-h2 h2, .site-bold-h2 h2 span, .site-bold-h2 h1, .site-bold-h2{
font-size:1.6rem;
}
.site-h3, .site-h3 h3{
font-size:1.1rem;
}
.site-bold-h1, .site-bold-h1 h1, .site-bold-h1 h2{
font-size: 3.2rem;
}
.site-blak-h1 h2, .site-blak-h1 h1, .site-blak-h1{
font-size: 2.0rem;
}
.red-border-top:not(.uk-button-text ):before{
height:2px;
}
.service-template:not(:first-child){
margin-top: 70px;
}
.moto-slider-nav img, .moto-slider-nav{
width:40px;
}
.page-car-model img {
max-height: 100px;
}
.page-car-model img.large-image {
max-height: 150px;
}
.service-list li {
padding-top: 2px;
padding-bottom: 2px;
}
.service-list-table table tr td:not(:first-child){
padding-left:5px;
}
.service-list-table table tr td:not(:last-child){
padding-right:5px;
}
}
@media (max-width: 1200px){
.list-arrow {
margin-left: 15px;
}
.large-foto-section {
height: 500px;
}
}
@media (max-width: 960px){
.large-foto-section {
height: 500px;
}
.right-icon img{
height: 40px;
}
#header .header-top {
height: auto;
}
.cars-menu-section .uk-navbar-nav > li > a, .cars-menu-section .uk-navbar-item, .cars-menu-section .uk-navbar-toggle, .uk-navbar-nav > li > a.modal-row-title {
padding: 0 10px;
font-size: 1.2rem;
}
.moto-slider-nav img, .moto-slider-nav{
width:30px;
}
.home-grid-page-title h2 {
font-size:39px;
}
.site-bold-h1, .site-bold-h1 h1, .site-bold-h1 h2{
font-size: 2.5rem;
}
.site-blak-h1 h2, .site-blak-h1 h1, .site-blak-h1{
font-size: 1.7rem;
}
.red-border-top:not(.uk-button-text ):before{
height:1px;
}
.page-service .baner .desc p{
font-size:18px;
margin-bottom: 20px;
}
.service-template h4{
font-size:1rem;
margin-top: 30px;
}
.servis-title{
font-size: 1.5rem;
line-height:1.5;
}
.service-template:not(:first-child){
margin-top: 50px;
}
.page-car-model img {
max-height: 80px;
}
#modal-specifications .uk-modal-dialog, #modal-completion .uk-modal-dialog{
padding-left: 10px;
padding-right: 10px;
}
.uk-modal-container{
padding:0!important;
}
.uk-modal-close-outside{
top: 55px;
right: 15px;
color: rgb( 22, 20, 19 );
}
.uk-modal-close-outside svg{
width: 30px;
}
}
@media (max-width: 559px){
.large-foto-section {
height: 400px;
}
}
/*dfbbbbbbbbbbbbbbbbbbbbbbbbb*/
.network .map {
margin: 10px 0;
padding: 0;
position: relative;
}
.network .map-holder img {
width: 640px;
height: 430px;
position: absolute;
top: 0;
left: 0;
z-index: 999;
}
.network .map b {
position: absolute;
display: block;
font: 11px/12px Helvetica,Arial,sans-serif;
color: #3a3a3a;
z-index: 990;
padding-top: 9px;
}
.network .map b.act, .network .map b.hov {
color: #fff;
}
.network .map i.act, .network .map i.hov {
display: block;
}
.network .map i {
position: absolute;
background-repeat: no-repeat;
z-index: 900;
display: none;
}
.network .map b.khmelnytskyi {
top: 144px;
left: 147px;
background-position: 22px 0;
}
.network .map b.kiev {
top: 123px;
left: 283px;
background-position: 5px 0;
}
.network .map b.vinnitsa {
top: 170px;
left: 217px;
background-position: 15px 0;
}
.network .map b.ivanofrankivsk{top:170px;left:53px;background-position:30px 0}.network .map b.volyn{top:50px;left:101px;background-position:7px 0}.network .map b.rivne{top:63px;left:155px;width:96px;background-position:5px 0}.network .map b.zhytomyr{top:91px;left:212px;background-position:17px 0}.network .map b.chernivtsi{top:200px;left:100px;background-position:29px 0}.network .map b.zakarpattia{top:182px;left:13px;background-position:0 0}.network .map b.ternopil{top:133px;left:108px;background-position:11px 0}.network .map b.lviv{top:106px;left:66px;background-position:4px 0}.network .map b.chernihiv{top:48px;left:329px;background-position:13px 0}.network .map b.cherkasy{top:156px;left:320px;background-position:27px 0}.network .map b.odessa{top:284px;left:280px;background-position:7px 0}.network .map b.kropivnitskiy{top:194px;left:329px;background-position:22px 0}.network .map b.sumy{top:65px;left:418px;background-position:5px 0}.network .map b.poltava{background-position:7px 23px;left:404px;padding-bottom:11px;top:121px}.network .map b.mykolaiv{top:264px;left:331px;background-position:14px 0}.network .map b.zaporizhia{top:247px;left:473px;background-position:5px 0}.network .map b.luhansk{top:164px;left:581px;background-position:16px 0}.network .map b.krivoy_rog{top:232px;left:380px;background-position:16px 0}.network .map b.kremenchug{background-position:14px 14px;left:385px;padding-bottom:12px;padding-left:12px;padding-top:0;top:159px}.network .map b.crimea{top:364px;left:420px;background-position:9px 0}.network .map b.kharkiv{top:133px;left:500px;background-position:5px 0}.network .map b.kherson{top:307px;left:360px;background-position:12px 0}.network .map b.donetsk{top:215px;left:541px;background-position:7px 0}.network .map b.dnipro{top:195px;left:424px;background-position:21px 0}.network .map b.sevastopol{top:400px;left:400px;background-position:9px 0}.network .map b.novaya_khakovka{top:294px;left:395px;background-position:2px 0}
.network .map b.ivanofrankivsk{top:170px;left:53px;background-position:30px 0}.network .map b.volyn{top:50px;left:101px;background-position:7px 0}.network .map b.rivne{top:63px;left:155px;width:96px;background-position:5px 0}.network .map b.zhytomyr{top:91px;left:212px;background-position:17px 0}.network .map b.chernivtsi{top:200px;left:100px;background-position:29px 0}.network .map b.zakarpattia{top:182px;left:13px;background-position:0 0}.network .map b.ternopil{top:133px;left:108px;background-position:11px 0}.network .map b.lviv{top:106px;left:66px;background-position:4px 0}.network .map b.chernihiv{top:48px;left:329px;background-position:13px 0}.network .map b.cherkasy{top:156px;left:320px;background-position:27px 0}.network .map b.odessa{top:284px;left:280px;background-position:7px 0}.network .map b.kropivnitskiy{top:194px;left:329px;background-position:22px 0}.network .map b.sumy{top:65px;left:418px;background-position:5px 0}.network .map b.poltava{background-position:7px 23px;left:404px;padding-bottom:11px;top:121px}.network .map b.mykolaiv{top:264px;left:331px;background-position:14px 0}.network .map b.zaporizhia{top:247px;left:473px;background-position:5px 0}.network .map b.luhansk{top:164px;left:581px;background-position:16px 0}.network .map b.krivoy_rog{top:232px;left:380px;background-position:16px 0}.network .map b.kremenchug{background-position:14px 14px;left:385px;padding-bottom:12px;padding-left:12px;padding-top:0;top:159px}.network .map b.crimea{top:364px;left:420px;background-position:9px 0}.network .map b.kharkiv{top:133px;left:500px;background-position:5px 0}.network .map b.kherson{top:307px;left:360px;background-position:12px 0}.network .map b.donetsk{top:215px;left:541px;background-position:7px 0}.network .map b.dnipro{top:195px;left:424px;background-position:21px 0}.network .map b.sevastopol{top:400px;left:400px;background-position:9px 0}.network .map b.novaya_khakovka{top:294px;left:395px;background-position:2px 0}
.network .map i.ivanofrankivsk{top:138px;left:52px;width:75px;height:98px;background-image:url(map-img/map-ivano-frankivsk.png)}.network .map i.volyn{top:10px;left:72px;width:82px;height:91px;background-image:url(map-img/map-volyn.png)}.network .map i.rivne{top:13px;left:115px;width:96px;height:104px;background-image:url(map-img/map-rivne.png)}.network .map i.zhytomyr{top:34px;left:186px;width:90px;height:115px;background-image:url(map-img/map-zhytomyr.png)}.network .map i.chernivtsi{top:187px;left:96px;width:98px;height:50px;background-image:url(map-img/map-chernivtsi.png)}.network .map i.zakarpattia{top:154px;left:1px;width:87px;height:70px;background-image:url(map-img/map-zakarpattia.png)}.network .map i.ternopil{top:103px;left:98px;width:58px;height:96px;background-image:url(map-img/map-ternopil.png)}.network .map i.lviv{top:74px;left:26px;width:99px;height:105px;background-image:url(map-img/map-lviv.png)}.network .map i.chernihiv{top:0;left:304px;width:99px;height:111px;background-image:url(map-img/map-chernihiv.png)}.network .map i.cherkasy{top:113px;left:267px;width:117px;height:98px;background-image:url(map-img/map-cherkasy.png)}.network .map i.odessa{top:219px;left:210px;width:117px;height:162px;background-image:url(map-img/map-odessa.png)}.network .map i.kropivnitskiy{top:175px;left:271px;width:149px;height:74px;background-image:url(map-img/map-kirovohrad.png)}.network .map i.sumy{top:0;left:384px;width:95px;height:121px;background-image:url(map-img/map-sumy.png)}.network .map i.poltava{top:97px;left:356px;width:118px;height:97px;background-image:url(map-img/map-poltava.png)}.network .map i.mykolaiv{top:221px;left:287px;width:107px;height:88px;background-image:url(map-img/map-mykolaiv.png)}.network .map i.zaporizhia{top:223px;left:433px;width:110px;height:113px;background-image:url(map-img/map-zaporizhia.png)}.network .map i.luhansk{top:115px;left:556px;width:85px;height:116px;background-image:url(map-img/map-luhansk.png)}.network .map i.krivoy_rog{top:169px;left:387px;width:142px;height:93px;background-image:url(map-img/map-dnipropetrovsk.png)}.network .map i.kremenchug{top:97px;left:356px;width:118px;height:97px;background-image:url(map-img/map-poltava.png)}.network .map i.crimea{top:329px;left:369px;width:157px;height:100px;background-image:url(map-img/map-crimea.png)}.network .map i.kharkiv{top:98px;left:451px;width:114px;height:104px;background-image:url(map-img/map-kharkiv.png)}.network .map i.kherson{top:255px;left:334px;width:134px;height:84px;background-image:url(map-img/map-kherson.png)}.network .map i.donetsk{top:160px;left:514px;width:95px;height:130px;background-image:url(map-img/map-donetsk.png)}.network .map i.dnipro{top:169px;left:387px;width:142px;height:93px;background-image:url(map-img/map-dnipropetrovsk.png)}.network .map i.novaya_khakovka{top:255px;left:334px;width:134px;height:84px;background-image:url(map-img/map-kherson.png)}.network .map i.sevastopol{top:329px;left:369px;width:157px;height:100px;background-image:url(map-img/map-crimea.png)}
.network .map i.vinnitsa {
top: 130px;
left: 188px;
width: 94px;
height: 100px;
background-image: url(map-img/map-vinnitsa.png);
}
.network .map i.khmelnytskyi {
top: 88px;
left: 147px;
width: 61px;
height: 113px;
background-image: url(map-img/map-khmelnytskyi.png);
}
.network .map i.kiev {
top: 43px;
left: 260px;
width: 97px;
height: 128px;
background-image: url(map-img/map-kiev.png);
}
.right-icon{
z-index: 2;
}