/* Start:/local/templates/isuzu/js/fancy/jquery.fancybox.min.css?156385776012795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/isuzu/js/slick/slick.css?15298248601776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/isuzu/js/slick/slick-theme.css?15298248603145*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/local/templates/isuzu/js/slick/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/templates/isuzu/js/slick/./fonts/slick.eot'); src: url('/local/templates/isuzu/js/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/isuzu/js/slick/./fonts/slick.woff') format('woff'), url('/local/templates/isuzu/js/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/isuzu/js/slick/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/templates/isuzu/js/slinky/dist/jquery.slinky.css?1529824860905*/ .slinky-menu{overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease;transition:all .3s ease;background:#AAA}.slinky-menu>ul{left:0;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease;transition:all .3s ease}.slinky-menu li,.slinky-menu ul{list-style:none;margin:0}.slinky-menu ul{width:100%}.slinky-menu a{display:block;border:none;color:#FFF;padding:1em}.slinky-menu li ul{display:none;left:100%;position:absolute;top:0}.slinky-menu .header{position:relative}.slinky-menu h2~a.back{left:0;position:absolute;top:0}.slinky-menu h2{font-size:1em;margin:0;text-align:center;color:#FFF;padding:1em}.slinky-menu li{line-height:1}.slinky-menu a:hover{background:#000}.slinky-menu a.next:after{content:'\276f';margin-left:1em;float:right}.slinky-menu a.back:before{content:'\276e';margin-right:1em;float:left} /* End */ /* Start:/local/templates/isuzu/css/datepicker.css?157979796020914*/ .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } /* ------------------------------------------------- Datepicker cells ------------------------------------------------- */ .datepicker--cells { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .datepicker--cell { border-radius: 4px; box-sizing: border-box; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 32px; z-index: 1; } .datepicker--cell.-focus- { background: #f0f0f0; } .datepicker--cell.-current- { color: #4EB5E6; } .datepicker--cell.-current-.-focus- { color: #4a4a4a; } .datepicker--cell.-current-.-in-range- { color: #4EB5E6; } .datepicker--cell.-in-range- { background: rgba(92, 196, 239, 0.1); color: #4a4a4a; border-radius: 0; } .datepicker--cell.-in-range-.-focus- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell.-disabled- { cursor: default; color: #aeaeae; } .datepicker--cell.-disabled-.-focus- { color: #aeaeae; } .datepicker--cell.-disabled-.-in-range- { color: #a1a1a1; } .datepicker--cell.-disabled-.-current-.-focus- { color: #aeaeae; } .datepicker--cell.-range-from- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 4px 0 0 4px; } .datepicker--cell.-range-to- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 0 4px 4px 0; } .datepicker--cell.-range-from-.-range-to- { border-radius: 4px; } .datepicker--cell.-selected- { color: #fff; border: none; background: #5cc4ef; } .datepicker--cell.-selected-.-current- { color: #fff; background: #5cc4ef; } .datepicker--cell.-selected-.-focus- { background: #45bced; } .datepicker--cell:empty { cursor: default; } .datepicker--days-names { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 8px 0 3px; } .datepicker--day-name { color: #FF9A19; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; text-transform: uppercase; font-size: .8em; } .datepicker--cell-day { width: 14.28571%; } .datepicker--cells-months { height: 170px; } .datepicker--cell-month { width: 33.33%; height: 25%; } .datepicker--years { height: 170px; } .datepicker--cells-years { height: 170px; } .datepicker--cell-year { width: 25%; height: 33.33%; } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } /* ------------------------------------------------- Datepicker ------------------------------------------------- */ .datepickers-container { position: absolute; left: 0; top: 0; } @media print { .datepickers-container { display: none; } } .datepicker { background: #fff; border: 1px solid #dbdbdb; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-radius: 4px; box-sizing: content-box; font-family: Tahoma, sans-serif; font-size: 14px; color: #4a4a4a; width: 250px; position: absolute; left: -100000px; opacity: 0; transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; z-index: 100; } .datepicker.-from-top- { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .datepicker.-from-right- { -webkit-transform: translateX(8px); transform: translateX(8px); } .datepicker.-from-bottom- { -webkit-transform: translateY(8px); transform: translateY(8px); } .datepicker.-from-left- { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .datepicker.active { opacity: 1; -webkit-transform: translate(0); transform: translate(0); transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; } .datepicker-inline .datepicker { border-color: #d7d7d7; box-shadow: none; position: static; left: auto; right: auto; opacity: 1; -webkit-transform: none; transform: none; } .datepicker-inline .datepicker--pointer { display: none; } .datepicker--content { box-sizing: content-box; padding: 4px; } .-only-timepicker- .datepicker--content { display: none; } .datepicker--pointer { position: absolute; background: #fff; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 10px; height: 10px; z-index: -1; } .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer { top: calc(100% - 4px); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer { right: calc(100% - 4px); -webkit-transform: rotate(225deg); transform: rotate(225deg); } .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer { bottom: calc(100% - 4px); -webkit-transform: rotate(315deg); transform: rotate(315deg); } .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer { left: calc(100% - 4px); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer { left: 10px; } .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer { right: 10px; } .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer { left: calc(50% - 10px / 2); } .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { top: 10px; } .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { bottom: 10px; } .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { top: calc(50% - 10px / 2); } .datepicker--body { display: none; } .datepicker--body.active { display: block; } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } /* ------------------------------------------------- Navigation ------------------------------------------------- */ .datepicker--nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #efefef; min-height: 32px; padding: 4px; } .-only-timepicker- .datepicker--nav { display: none; } .datepicker--nav-title, .datepicker--nav-action { display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .datepicker--nav-action { width: 32px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker--nav-action:hover { background: #f0f0f0; } .datepicker--nav-action.-disabled- { visibility: hidden; } .datepicker--nav-action svg { width: 32px; height: 32px; } .datepicker--nav-action path { fill: none; stroke: #9c9c9c; stroke-width: 2px; } .datepicker--nav-title { border-radius: 4px; padding: 0 8px; } .datepicker--nav-title i { font-style: normal; color: #9c9c9c; margin-left: 5px; } .datepicker--nav-title:hover { background: #f0f0f0; } .datepicker--nav-title.-disabled- { cursor: default; background: none; } .datepicker--buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 4px; border-top: 1px solid #efefef; } .datepicker--button { color: #4EB5E6; cursor: pointer; border-radius: 4px; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 32px; } .datepicker--button:hover { color: #4a4a4a; background: #f0f0f0; } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } /* ------------------------------------------------- Timepicker ------------------------------------------------- */ .datepicker--time { border-top: 1px solid #efefef; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 4px; position: relative; } .datepicker--time.-am-pm- .datepicker--time-sliders { -webkit-flex: 0 1 138px; -ms-flex: 0 1 138px; flex: 0 1 138px; max-width: 138px; } .-only-timepicker- .datepicker--time { border-top: none; } .datepicker--time-sliders { -webkit-flex: 0 1 153px; -ms-flex: 0 1 153px; flex: 0 1 153px; margin-right: 10px; max-width: 153px; } .datepicker--time-label { display: none; font-size: 12px; } .datepicker--time-current { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; text-align: center; margin: 0 0 0 10px; } .datepicker--time-current-colon { margin: 0 2px 3px; line-height: 1; } .datepicker--time-current-hours, .datepicker--time-current-minutes { line-height: 1; font-size: 19px; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; position: relative; z-index: 1; } .datepicker--time-current-hours:after, .datepicker--time-current-minutes:after { content: ''; background: #f0f0f0; border-radius: 4px; position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0; } .datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after { opacity: 1; } .datepicker--time-current-ampm { text-transform: uppercase; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: #9c9c9c; margin-left: 6px; font-size: 11px; margin-bottom: 1px; } .datepicker--time-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 11px; height: 17px; background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; } .datepicker--time-row:first-child { margin-bottom: 4px; } .datepicker--time-row input[type='range'] { background: none; cursor: pointer; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; padding: 0; margin: 0; -webkit-appearance: none; } .datepicker--time-row input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; } .datepicker--time-row input[type='range']::-ms-tooltip { display: none; } .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type='range']:hover::-moz-range-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type='range']:hover::-ms-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type='range']:focus { outline: none; } .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb { background: #5cc4ef; border-color: #5cc4ef; } .datepicker--time-row input[type='range']:focus::-moz-range-thumb { background: #5cc4ef; border-color: #5cc4ef; } .datepicker--time-row input[type='range']:focus::-ms-thumb { background: #5cc4ef; border-color: #5cc4ef; } .datepicker--time-row input[type='range']::-webkit-slider-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s; } .datepicker--time-row input[type='range']::-moz-range-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s; } .datepicker--time-row input[type='range']::-ms-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s; } .datepicker--time-row input[type='range']::-webkit-slider-thumb { margin-top: -6px; } .datepicker--time-row input[type='range']::-webkit-slider-runnable-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type='range']::-moz-range-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type='range']::-ms-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type='range']::-ms-fill-lower { background: transparent; } .datepicker--time-row input[type='range']::-ms-fill-upper { background: transparent; } .datepicker--time-row span { padding: 0 12px; } .datepicker--time-icon { color: #9c9c9c; border: 1px solid; border-radius: 50%; font-size: 16px; position: relative; margin: 0 5px -1px 0; width: 1em; height: 1em; } .datepicker--time-icon:after, .datepicker--time-icon:before { content: ''; background: currentColor; position: absolute; } .datepicker--time-icon:after { height: .4em; width: 1px; left: calc(50% - 1px); top: calc(50% + 1px); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .datepicker--time-icon:before { width: .4em; height: 1px; top: calc(50% + 1px); left: calc(50% - 1px); } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } /* End */ /* Start:/local/templates/isuzu/components/bitrix/menu/top_menu/style.min.css?1579151040490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/isuzu/components/bitrix/menu/top_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/isuzu/components/bitrix/menu/main_menu/style.css?16285015201194*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/isuzu/components/bitrix/menu/main_menu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } .header__nav ul.add-menu { display: block; opacity: 0; visibility: hidden; height: 0; position: absolute; z-index: 10; padding: 20px 10px 10px 10px; transition: .3s all linear; } .header__nav ul.add-menu:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 20px; box-shadow: 0 20px 20px rgba(0, 0, 0, .1); background-color: white; } .header__nav li.contains:hover ul.add-menu { visibility: visible; opacity: 1; height: auto; display: block; } .header__nav ul.add-menu li { margin-bottom: 10px; } .header__nav ul.add-menu li:last-child { margin-bottom: 0; } /* End */ /* Start:/local/templates/isuzu/components/bitrix/news.list/video/style.css?1579160520150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/isuzu/components/bitrix/menu/footer_menu/style.css?1628502720774*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/isuzu/components/bitrix/menu/footer_menu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } .footer__top ul.add-menu { display: block; padding-top: 10px; } .footer__top ul.add-menu li a { font-size: 14px; text-transform: none; } .footer__top ul.add-menu li { margin-bottom: 5px; } /* End */ /* Start:/local/templates/isuzu/components/luxar/super/order-drive/style.css?15802910401*/ /* End */ /* Start:/local/templates/isuzu/components/luxar/super/order-config/style.css?15802910401*/ /* End */ /* Start:/local/templates/isuzu/components/luxar/super/order-model/style.css?15802910401*/ /* End */ /* Start:/local/templates/isuzu/components/luxar/super/order-director/style.css?15802910401*/ /* End */ /* Start:/local/templates/isuzu/components/luxar/super/ostavit-zayavku/style.css?15802910401*/ /* End */ /* Start:/local/templates/isuzu/css/style.css?1595481900100185*/ @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraBold.eot"); src: local("Panton ExtraBold"), local("Panton-ExtraBold"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraBold.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-RegularItalic.eot"); src: local("Panton Regular Italic"), local("Panton-RegularItalic"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-RegularItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-RegularItalic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-ThinItalic.eot"); src: local("Panton Thin Italic"), local("Panton-ThinItalic"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ThinItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-Bold.eot"); src: local("Panton Bold"), local("Panton-Bold"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Bold.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraLight.eot"); src: local("Panton ExtraLight"), local("Panton-ExtraLight"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraLight.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraBoldItalic.eot"); src: local("Panton ExtraBold Italic"), local("Panton-ExtraBoldItalic"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraBoldItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: italic; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraLightItalic.eot"); src: local("Panton ExtraLight Italic"), local("Panton-ExtraLightItalic"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraLightItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-ExtraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-Thin.eot"); src: local("Panton Thin"), local("Panton-Thin"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Thin.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-SemiBold.eot"); src: local("Panton SemiBold"), local("Panton-SemiBold"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-SemiBold.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-Heavy.eot"); src: local("Panton Heavy"), local("Panton-Heavy"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Heavy.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Heavy.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-SemiBoldItalic.eot"); src: local("Panton SemiBold Italic"), local("Panton-SemiBoldItalic"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-SemiBoldItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-BoldItalic.eot"); src: local("Panton Bold Italic"), local("Panton-BoldItalic"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-BoldItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-BlackItalic.eot"); src: local("Panton Black Italic"), local("Panton-BlackItalic"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-BlackItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-LightItalic.eot"); src: local("Panton Light Italic"), local("Panton-LightItalic"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-LightItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-Regular.eot"); src: local("Panton Regular"), local("Panton-Regular"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Regular.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-HeavyItalic.eot"); src: local("Panton Heavy Italic"), local("Panton-HeavyItalic"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-HeavyItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-HeavyItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-Light.eot"); src: local("Panton Light"), local("Panton-Light"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Light.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Panton'; src: url("/local/templates/isuzu/css/../fonts/Panton/Panton-Black.eot"); src: local("Panton Black"), local("Panton-Black"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Black.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Panton/Panton-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Light.eot"); src: local("Montserrat Light"), local("Montserrat-Light"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Light.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-MediumItalic.eot"); src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-MediumItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Thin.eot"); src: local("Montserrat Thin"), local("Montserrat-Thin"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Thin.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.eot"); src: local("Montserrat ExtraLight Italic"), local("Montserrat-ExtraLightItalic"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-BoldItalic.eot"); src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-BoldItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-SemiBold.eot"); src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraLight.eot"); src: local("Montserrat ExtraLight"), local("Montserrat-ExtraLight"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraLight.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.eot"); src: local("Montserrat ExtraBold Italic"), local("Montserrat-ExtraBoldItalic"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Italic.eot"); src: local("Montserrat Italic"), local("Montserrat-Italic"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Italic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Bold.eot"); src: local("Montserrat Bold"), local("Montserrat-Bold"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Bold.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-LightItalic.eot"); src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-LightItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-BlackItalic.eot"); src: local("Montserrat Black Italic"), local("Montserrat-BlackItalic"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-BlackItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.eot"); src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Regular.eot"); src: local("Montserrat Regular"), local("Montserrat-Regular"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Medium.eot"); src: local("Montserrat Medium"), local("Montserrat-Medium"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Medium.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraBold.eot"); src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Black.eot"); src: local("Montserrat Black"), local("Montserrat-Black"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Black.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ThinItalic.eot"); src: local("Montserrat Thin Italic"), local("Montserrat-ThinItalic"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ThinItalic.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Montserrat/Montserrat-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; } @font-face { font-family: 'Officina Serif'; src: url("/local/templates/isuzu/css/../fonts/Officina/OfficinaSerifBookC.woff2") format("woff2"), url("/local/templates/isuzu/css/../fonts/Officina/OfficinaSerifBookC.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Officina/OfficinaSerifBookC.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Officina Serif'; src: url("/local/templates/isuzu/css/../fonts/Officina/OfficinaSerifBold.woff2") format("woff2"), url("/local/templates/isuzu/css/../fonts/Officina/OfficinaSerifBold.woff") format("woff"), url("/local/templates/isuzu/css/../fonts/Officina/OfficinaSerifBold.ttf") format("truetype"); font-weight: bold; font-style: normal; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { position: relative; min-height: 100%; } body { margin: 0 auto; color: #000; font-family: "Montserrat", Arial, sans-serif; background: #ffffff; font-size: 18px; position: relative; height: 100%; } @media screen and (max-width: 749px) { body { width: 100%; } } .container { width: 1150px; margin: 0 auto; position: relative; } @media screen and (max-width: 999px) { .container { width: 100%; padding: 0; } } .btn { font-size: 22px; font-weight: 900; color: #ffffff; font-family: "Panton", Arial, sans-serif; text-decoration: none; background-image: url(/local/templates/isuzu/css/../images/bg-btn.jpg); border-radius: 20px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.3); padding: 10px 45px; background-repeat: no-repeat; text-transform: uppercase; } .btn:hover { color: #ffc83c; } .content { margin-top: -75px; } @media screen and (max-width: 749px) { .content { margin-top: 0; } } .btn-up { position: fixed; bottom: 100px; right: 100px; background-image: url("/local/templates/isuzu/css/../images/up_arrow.svg"); width: 73px; height: 73px; background-position: center; background-repeat: no-repeat; z-index: 200; opacity: .7; cursor: pointer; display: none; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); border-radius: 50%; background-color: rgba(208, 174, 121, 0.4); } @media screen and (max-width: 749px) { .btn-up { bottom: 10px; right: 10px; } } .btn-up:hover, .btn-up.active { opacity: 1; } .arrow-down { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: none; } @media screen and (max-width: 749px) { .arrow-down { display: block; } } .page .top-slider { margin-bottom: 0; } .page .top-slider__number { bottom: 90px; } .page .top-slider__number { bottom: 90px; padding-left: 20px; } .page .top-slider .slick-dots { bottom: 90px; padding-left: 65px; } .no-slide .main-content { margin-top: 0; padding-top: 35px; background-repeat: no-repeat; background-position: top center; } @media screen and (max-width: 749px) { .no-slide .main-content { padding-top: 70px; } } .no-slide .main-content > .container { background: transparent; } .no-slide .main-content h1 { font-size: 48px; color: #ffffff; font-weight: 500; line-height: 1em; } @media screen and (max-width: 749px) { .no-slide .main-content h1 { font-size: 25px; line-height: 1.2em; padding: 0 20px; } } .no-slide .models__row { padding-top: 0; padding-bottom: 40px; overflow: hidden; } a { color: #4d95bf; text-decoration: none; } @media screen and (max-width: 749px) { #bx-panel { display: none !important; } } .title-decor { text-align: center; font-weight: 600; font-size: 30px; margin-top: 30px; margin-bottom: 20px; } @media screen and (max-width: 749px) { .title-decor { font-size: 20px; } } .title-decor span { position: relative; } .title-decor span:before, .title-decor span:after { position: absolute; content: ''; width: 112px; height: 2px; background-color: #ff0000; top: 50%; } @media screen and (max-width: 749px) { .title-decor span:before, .title-decor span:after { content: none; } } .title-decor span:before { left: -115px; } .title-decor span:after { right: -115px; } .page-slider .top-slider { margin-bottom: 0; } .page-slider .top-slider__number { bottom: 55px; } .page-slider .top-slider .slick-dots { bottom: 55px; } @media screen and (max-width: 749px) { .header { display: none; } } .header__top { background-image: url("/local/templates/isuzu/css/../images/header__top-BG.jpg"); background-repeat: no-repeat; } .header__top ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .header__top ul li { margin-right: 30px; } .header__top ul li:last-child { margin-right: 0; } .header__top ul li a { text-decoration: none; color: #b6b8c1; font-size: 14px; } .header__top ul li a:hover { color: #fff; } .header__top-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding: 6px 0; } .header__phone a { color: #fff; font-size: 30px; text-decoration: none; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; padding-left: 30px; background-image: url("/local/templates/isuzu/css/../images/phone-icon.png"); background-position: left; background-repeat: no-repeat; } .header__phone a:hover { color: #ff0000; } .header__phone a span { color: #b6b8c1; font-size: 18px; position: relative; margin-top: 5px; margin-right: 3px; } .header__nav ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header__nav ul li { margin-right: 20px; } .header__nav ul li:last-child { margin-right: 0; } .header__nav ul li a { color: #2a2b31; text-transform: uppercase; text-decoration: none; padding: 8px; font-size: 16px; position: relative; } .header__nav ul li a:hover, .header__nav ul li a.active { background-color: #2e3035; padding: 8px; color: #ffffff; border-radius: 20px; } .header__nav ul li a.stock { color: #ff0000; padding-left: 30px; background: transparent; } .header__nav ul li a.stock:before { content: ''; width: 25px; height: 23px; position: absolute; left: 0; background-image: url("/local/templates/isuzu/css/../images/stock-icon.svg"); background-repeat: no-repeat; transition: .3s all ease-in; } .header__nav ul li a.stock:hover:before { transform: rotateY(180deg); } .header__nav-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; height: 100px; } .header__logo { padding: 15px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; height: 100%; } .header__logo a { border-right: 1px solid #dee0e8; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding-right: 15px; margin-right: 10px; } .header__logo a:last-child { border-right: 0; } .footer { background-image: url("/local/templates/isuzu/css/../images/footer_BG.jpg"); min-height: 120px; background-repeat: repeat; background-position: bottom; } @media screen and (max-width: 749px) { .footer { background-position: inherit; } } .footer__top { background-color: #1b242a; padding: 10px 0; } .footer__top ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; } @media screen and (max-width: 749px) { .footer__top ul { display: none; } } .footer__top ul li { font-size: 16px; text-transform: uppercase; margin-right: 30px; } .footer__top ul li:last-child { margin-right: 0; } .footer__top ul li a { color: #bcd2df; text-decoration: none; font-weight: 500; } .footer__top ul li a:hover { color: #ffffff; } .footer__top .container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media screen and (max-width: 749px) { .footer__top .header__phone { margin: 0 auto; } } .footer .stock { position: relative; padding-left: 30px; } .footer .stock:before { position: absolute; content: ''; width: 25px; height: 23px; background-image: url("/local/templates/isuzu/css/../images/sale-icon.svg"); background-repeat: no-repeat; left: 0; top: -2px; } .footer__row { padding-top: 15px; padding-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } @media screen and (max-width: 749px) { .footer__row { padding: 10px; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .footer__logo { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media screen and (max-width: 749px) { .footer__logo { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } } @media screen and (max-width: 749px) { .footer__logo img { max-width: 130px; } } .footer__logo a { margin-right: 20px; } .footer__col { text-align: center; } .footer__col:last-child { text-align: right; } @media screen and (max-width: 749px) { .footer__col { width: 100%; margin-bottom: 10px; } } @media screen and (max-width: 749px) { .footer__col svg { max-width: 150px; } } .footer__add-link ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__add-link ul li { margin-right: 15px; } .footer__add-link ul li a { color: #bcd2df; font-size: 12px; } .footer__add-link ul li a:hover { color: #ffffff; } .top-slider { height: 600px; margin-bottom: 80px; position: relative; } @media screen and (max-width: 749px) { .top-slider { overflow: hidden; height: auto; margin-bottom: 0; margin-top: 55px; } } .top-slider__item { min-height: 600px; display: block; background-position: center; outline: none; } @media screen and (max-width: 749px) { .top-slider__item { min-height: auto; } } @media screen and (max-width: 749px) { .top-slider .slick-slide img { width: 100%; } } .top-slider .slick-dots { position: relative; bottom: 0; width: 1150px; margin: 0 auto; margin-top: -25px; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-left: 45px; z-index: 10; } @media screen and (max-width: 749px) { .top-slider .slick-dots { display: none; } } .top-slider .slick-dots li { width: 110px; height: 5px; background-color: #909090; margin-right: 6px; } .top-slider .slick-dots li:last-child { margin-right: 0; } .top-slider .slick-dots li button { display: none; } .top-slider .slick-dots li.slick-active { background-color: #ff0000; } .top-slider__number { position: relative; bottom: 0; width: 1150px; margin: 0 auto; margin-top: -50px; color: #909090; font-size: 30px; } @media screen and (max-width: 749px) { .top-slider__number { display: none; } } .series__wrap { width: 564px; height: 239px; position: relative; text-align: center; margin-bottom: 110px; } .series__wrap:before { content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background-image: url(/local/templates/isuzu/css/../images/series__wrap-BG.gif); background-position: center bottom; width: 100%; height: 100%; background-repeat: no-repeat; } @media screen and (max-width: 749px) { .series__wrap:before { content: none; } } .series__wrap:hover:before { background-position: center top; box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1); } .series__wrap.dynamic .series__item--D-MAX:after, .series__wrap.dynamic .series__item--ELF:after, .series__wrap.dynamic .series__item--FORWARD:after, .series__wrap.dynamic .series__item--GIGA:after { display: none; } .series__item { margin-top: -40px; position: relative; } @media screen and (max-width: 749px) { .series__item { margin-top: 0; } } .series__item--D-MAX { position: relative; } .series__item--D-MAX:after { content: ''; position: absolute; width: 507px; height: 234px; background-image: url(/local/templates/isuzu/css/../images/d-max-blik.png); top: 62px; left: calc(50% + 50px); transform: translateX(-50%); display: none; pointer-events: none; } .series__item--ELF { position: relative; } .series__item--ELF:after { content: ''; position: absolute; width: 507px; height: 234px; background-image: url(/local/templates/isuzu/css/../images/d-max-blik.png); top: 115px; left: calc(50% + 85px); transform: translateX(-50%); display: none; pointer-events: none; } .series__item--FORWARD { position: relative; } .series__item--FORWARD:after { content: ''; position: absolute; width: 507px; height: 234px; background-image: url(/local/templates/isuzu/css/../images/d-max-blik.png); top: 124px; left: calc(50% + 85px); transform: translateX(-50%); display: none; pointer-events: none; } .series__item--GIGA { position: relative; } .series__item--GIGA:after { content: ''; position: absolute; width: 507px; height: 234px; background-image: url(/local/templates/isuzu/css/../images/d-max-blik.png); top: 173px; left: calc(50% + 93px); transform: translateX(-50%) rotate(-3deg); display: none; pointer-events: none; } .series__name { text-align: center; margin-bottom: 10px; } .series__type { font-size: 18px; color: #93949c; text-transform: uppercase; display: block; } .series__title { font-size: 30px; color: #48484d; background: #ffffff; padding: 0 10px; font-weight: 500; } .series__title span { color: #ff0000; } .series__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media screen and (max-width: 749px) { .series__pics img { width: 100%; } } .stock-index { background-repeat: no-repeat; margin-bottom: 50px; } .stock-index .h2 { font-size: 30px; color: #48484d; text-transform: uppercase; text-align: center; font-weight: 500; } .stock-index .h2 span { position: relative; } .stock-index .h2 span:before, .stock-index .h2 span:after { content: ''; position: absolute; height: 2px; width: 110px; background-color: #ff0000; } @media screen and (max-width: 749px) { .stock-index .h2 span:before, .stock-index .h2 span:after { width: 30%; } } .stock-index .h2 span:before { left: -100%; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 749px) { .stock-index .h2 span:before { left: -35%; } } .stock-index .h2 span:after { right: -100%; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 749px) { .stock-index .h2 span:after { right: -35%; } } .stock-index__wrap { background-image: url("/local/templates/isuzu/css/../images/stock-index__BG.jpg"); min-height: 500px; height: 500px; background-attachment: fixed; } @media screen and (max-width: 749px) { .stock-index__wrap { height: auto; min-height: auto; } } .stock-index__wrap .container { height: 100%; } .stock-index__item { width: 560px; height: 280px; outline: none; } @media screen and (max-width: 749px) { .stock-index__item { width: 100%; height: auto; } } .stock-index__item a { outline: none; } .stock-index__list { position: relative; height: 100%; padding-top: 100px; } @media screen and (max-width: 749px) { .stock-index__list { padding-top: 20px; padding-bottom: 20px; } } .stock-index .slick-dots { position: absolute; bottom: 20px; width: 1200px; margin: 0 auto; margin-top: -25px; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-left: 45px; z-index: 10; } @media screen and (max-width: 749px) { .stock-index .slick-dots { display: none; } } .stock-index .slick-dots li { width: 110px; height: 5px; background-color: #909090; margin-right: 6px; } .stock-index .slick-dots li:last-child { margin-right: 0; } .stock-index .slick-dots li button { display: none; } .stock-index .slick-dots li.slick-active { background-color: #ff0000; } .stock-index__number { position: absolute; width: 1200px; margin: 0 auto; color: #909090; font-size: 30px; line-height: 1em; bottom: 5px; } @media screen and (max-width: 749px) { .stock-index__number { display: none; } } @media screen and (max-width: 749px) { .stock-index .slick-slide img { width: 100%; } } .news-index { padding-bottom: 35px; } .news-index .h2 { font-size: 30px; color: #48484d; text-transform: uppercase; text-align: center; font-weight: 500; margin-bottom: 50px; } .news-index .h2 span { position: relative; } .news-index .h2 span:before, .news-index .h2 span:after { content: ''; position: absolute; height: 2px; width: 110px; background-color: #ff0000; } @media screen and (max-width: 749px) { .news-index .h2 span:before, .news-index .h2 span:after { width: 30%; } } .news-index .h2 span:before { left: -100%; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 749px) { .news-index .h2 span:before { left: -35%; } } .news-index .h2 span:after { right: -100%; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 749px) { .news-index .h2 span:after { right: -35%; } } .news-index__item { width: 570px; margin-left: auto; padding-right: 30px; } @media screen and (max-width: 749px) { .news-index__item { width: 100%; padding: 0 15px; } } .news-index__item time { font-size: 18px; color: #9e9e9e; display: block; margin-bottom: 5px; } .news-index__item time span { color: #ff0000; } .news-index__item a { outline: none; } .news-index__title { font-size: 18px; font-weight: 500; color: #48484d; text-decoration: none; display: block; margin-bottom: 10px; } .news-index__desc { color: #67676c; text-decoration: none; font-size: 14px; position: relative; padding-right: 30px; } @media screen and (max-width: 749px) { .news-index__desc { padding-right: 0; padding-top: 20px; } } .news-index__desc:after { content: ''; position: absolute; width: 12px; height: 9px; background-image: url("/local/templates/isuzu/css/../images/arrow-right.svg"); margin-top: 5px; margin-left: 5px; } .news-index__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 749px) { .news-index__wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .news-index__photo { margin-right: 15px; } @media screen and (max-width: 749px) { .news-index__photo { width: 100%; margin-right: 0; } } @media screen and (max-width: 749px) { .news-index__photo img { max-width: 100%; } } .news-index__list { position: relative; margin-left: 30px; } @media screen and (max-width: 749px) { .news-index__list { margin: 0; } } .news-index .slick-current .news-index__desc { border-right: 1px solid #dddddd; } @media screen and (max-width: 749px) { .news-index .slick-current .news-index__desc { border-right: 0; } } .news-index__control { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; position: relative; width: calc(100% - 40px); margin-left: 30px; } @media screen and (max-width: 749px) { .news-index__control { display: none; } } .news-index__control:before { content: ''; width: 100%; height: 1px; background-color: #dddddd; position: absolute; top: 50%; } .news-index__control ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-left: -30px; background-color: #ffffff; padding: 0 10px; z-index: 10; } .news-index__control .next, .news-index__control .prev { border: 4px solid #9a9a9a; width: 18px; height: 18px; transform: rotate(45deg); cursor: pointer; } .news-index__control .prev { border-right: none; border-top: none; } .news-index__control .prev:hover { border: 4px solid #ff0000; border-right: none; border-top: none; } .news-index__control .next { border-left: none; border-bottom: none; } .news-index__control .next:hover { border: 4px solid #ff0000; border-left: none; border-bottom: none; } .news-index__number { width: 70px; text-align: center; font-size: 30px; } .news-index__number span { color: #48484d; } .news-index__number span i { font-style: normal; color: #ff0000; } .index-about { background: url("/local/templates/isuzu/css/../images/index-about-BG.jpg"); min-height: 600px; margin-bottom: 50px; padding-bottom: 45px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; background-position: center; background-repeat: no-repeat; position: relative; background-size: contain; } .index-about:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(1, 30, 48, 0.6); z-index: 2; left: 0; top: 0; display: none; } @media screen and (max-width: 749px) { .index-about:before { display: block; } } @media screen and (max-width: 749px) { .index-about { display: block; min-height: auto; padding: 10px; background-size: cover; } } .index-about .container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } @media screen and (max-width: 749px) { .index-about .container { z-index: 10; } } .index-about__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 749px) { .index-about__list { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .index-about__col { color: #fff; font-size: 18px; } .index-about__col:first-child { padding-right: 40px; margin-right: 70px; border-right: 1px solid rgba(142, 163, 172, 0.5); } @media screen and (max-width: 749px) { .index-about__col:first-child { padding: 0; margin: 0; border-right: 0; } } .index-about__title { display: block; font-size: 48px; color: #fff; font-weight: bold; text-transform: uppercase; margin-bottom: 30px; } @media screen and (max-width: 749px) { .index-about__title { font-size: 28px; } } .index-about__col { max-width: 460px; } @media screen and (max-width: 749px) { .index-about__col { max-width: 100%; } } .index-favorite { margin-bottom: 50px; } @media screen and (max-width: 749px) { .index-favorite { padding: 10px; } } .index-favorite__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media screen and (max-width: 749px) { .index-favorite__list { display: block; } } .index-favorite__item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 360px; padding: 0 40px; position: relative; } @media screen and (max-width: 749px) { .index-favorite__item { width: 100%; padding: 0; text-align: center; } } .index-favorite__item:first-child { padding-left: 0; } .index-favorite__item:last-child { padding-right: 0; } .index-favorite__item:last-child:after { content: none; } .index-favorite__item:after { content: ''; position: absolute; width: 1px; height: 140px; right: 0; background-color: #dedede; bottom: 0; } .index-favorite__title { font-size: 24px; font-weight: bold; text-transform: uppercase; margin-bottom: 30px; } .index-favorite__desc { font-size: 16px; line-height: 1.5em; color: #3d5561; } .index-favorite__icon { margin-bottom: 40px; } @media screen and (max-width: 749px) { .index-favorite__icon { text-align: center; } } @media screen and (max-width: 749px) { .index-favorite__icon img { display: inline-block; } } .right-nav { position: fixed; right: -148px; z-index: 25; top: 90px; background-color: #2f3036; padding: 8px 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); transition: .3s ease-in right; } .right-nav:hover { right: 0; } .right-nav:hover a { opacity: 1; } .right-nav ul { list-style: none; padding: 0; margin: 0; } .right-nav ul li { padding: 15px; border-top: 1px solid #3b3b41; border-bottom: 1px solid #141418; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .right-nav ul li img { margin-right: 10px; } .right-nav ul li:first-child { padding-top: 0; border-bottom: 1px solid #141418; border-top: 0; padding-left: 6px; } .right-nav ul li:last-child { border-bottom: 0; padding-bottom: 10px; } .right-nav ul li:nth-child(3) img { margin-left: 3px; } .right-nav ul li a { color: #b6b8c1; font-size: 14px; text-decoration: none; text-transform: uppercase; opacity: 0; transition: .3s ease-in opacity; } .right-nav ul li a:hover { color: #ffffff; } .main-content { margin-top: -80px; position: relative; } .main-content:before { height: 200px; content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent); width: 100%; position: absolute; top: 0; } .main-content h1 { font-size: 30px; font-weight: 600; padding: 0; margin: 0 0 20px 0; color: #2e3035; } .main-content h1 span { color: #f50202; } .main-content p { font-size: 16px; color: #2e3035; line-height: 1.4em; } .main-content > .container { background-color: #ffffff; } .main-content__text { padding: 40px 20px 0 20px; } .main-content__title { font-size: 30px; color: #2e3035; text-align: center; font-weight: 500; margin-bottom: 20px; } .main-content__title span { position: relative; } .main-content__title span:before, .main-content__title span:after { content: ''; position: absolute; height: 2px; width: 112px; background-color: #ff0000; top: 50%; } .main-content__title span:before { left: -120px; } .main-content__title span:after { right: -120px; } .models { background-color: #f9f9f9; } .models__title { border-bottom: 1px solid #36383d; margin-bottom: 24px; } @media screen and (max-width: 749px) { .models__title { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } } .models__title div { background-color: #36383d; display: inline-block; font-size: 24px; color: #fff; font-weight: 500; padding: 15px 35px; position: relative; } @media screen and (max-width: 749px) { .models__title div { font-size: 20px; } } .models__title div:before { content: ''; position: absolute; width: 40px; height: 40px; background-color: #ff0000; left: -20px; top: -20px; transform: rotate(45deg); } .models__title div span { color: #f50202; } .models__title b { font-size: 24px; font-weight: 600; margin-left: 20px; } @media screen and (max-width: 749px) { .models__title b { font-size: 20px; } } .models__title b span { color: #f50202; } .models__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 749px) { .models__list { padding: 0 20px; } } .models__list--available .models__photo img { max-width: 100%; } .models__list--available .models__name { font-size: 18px; } .models__list--available .models__more { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); } .models__list--available .models__item { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .models__list--available .models__name { margin-bottom: 20px; } .models__list--available .models__photo { margin-top: auto; } .models__item { width: calc((100% / 4) - 8px); padding: 20px 10px; text-align: center; background-color: #ffffff; margin-right: 10px; border: 1px solid #efefef; margin-bottom: 20px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; transition: .3s all ease; } @media screen and (max-width: 749px) { .models__item { width: 100%; margin-right: 0; } } .models__item:nth-child(4n) { margin-right: 0; } .models__item:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .models__item:hover .models__more { opacity: 1; } .models__item:hover .models__photo { filter: grayscale(0); } .models__item:hover .models__price span { color: #f50202; } .models__name { font-size: 18px; text-decoration: none; text-transform: uppercase; font-weight: 600; display: block; color: #2e3035; margin-bottom: 20px; line-height: 1em; } .models__price { font-size: 24px; padding-top: 30px; border-top: 1px solid #e2e9ea; } .models__photo { margin-bottom: 20px; display: block; filter: grayscale(1); } .models__photo img { max-width: 100%; } @media screen and (max-width: 749px) { .models__photo img { display: inline-block; } } @media screen and (max-width: 749px) { .models__photo { text-align: center; } } .models__more { font-size: 16px; text-decoration: none; background-color: #2e3035; color: #ffffff; padding: 10px 35px; border-radius: 20px; opacity: 0; position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); transition: .3s all ease; } @media screen and (max-width: 749px) { .models__more { opacity: 1; } } .models__more:hover { background-color: #f50202; color: #ffffff; } .models__row { padding-top: 40px; } .models__block-nav { background-color: #b3b2b6; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; } @media screen and (max-width: 749px) { .models__block-nav { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .models__block-nav a { position: relative; text-decoration: none; color: #2d2b32; cursor: pointer; padding: 13px 35px; } @media screen and (max-width: 749px) { .models__block-nav a { padding: 5px 35px; font-size: 14px; } } .models__block-nav a:after { content: ''; position: absolute; right: 0; top: 10px; width: 1px; height: 26px; background-color: #9d9ba5; } .models__block-nav a span { font-weight: 500; } .models__block-nav a.active, .models__block-nav a:hover { background-color: #2d2b32; color: #ffffff; } .models__block-nav a.active a, .models__block-nav a:hover a { color: #ffffff; } .models__block-nav a.active span, .models__block-nav a:hover span { color: #ff0000; } .models__block-nav a.active:before, .models__block-nav a:hover:before { content: ''; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 10px solid #2d2b32; position: absolute; left: calc(50% - 10px); bottom: -10px; } @media screen and (max-width: 749px) { .models__block-nav a.active:before, .models__block-nav a:hover:before { border-top: 10px solid #2d2b32; left: 10px; bottom: -5px; } } .models__block-nav a.active:after, .models__block-nav a:hover:after { content: none; } .video { padding-top: 40px; margin-bottom: 135px; } @media screen and (max-width: 749px) { .video { margin-bottom: 0; padding-top: 0; } } .video__name { font-size: 18px; color: #ffffff; font-weight: 600; text-transform: uppercase; position: absolute; z-index: 10; margin: 10px; } @media screen and (max-width: 749px) { .video__name { text-align: center; } } .video__inner { width: 560px; height: 280px; position: relative; } @media screen and (max-width: 749px) { .video__inner { width: 100%; } } .video__container { position: relative; height: 100%; width: 100%; overflow: hidden; background-color: #041620; } .video__container img { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); opacity: .3; } .video__container span { position: absolute; width: 77px; height: 54px; background-image: url("/local/templates/isuzu/css/../images/icon-video.png"); top: 100px; left: 250px; cursor: pointer; transform: scale(0.8); transition: .3s all ease-in; } @media screen and (max-width: 749px) { .video__container span { top: 50%; left: 50%; transform: translate(-50%, -50%); } } .video__container span:hover { transform: scale(1); } .video__title { font-size: 30px; color: #2e3035; text-align: center; font-weight: 500; margin-bottom: 20px; } .video__title span { position: relative; } .video__title span:before, .video__title span:after { content: ''; position: absolute; height: 2px; width: 110px; background-color: #ff0000; } @media screen and (max-width: 749px) { .video__title span:before, .video__title span:after { width: 30%; } } .video__title span:before { left: -120px; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 749px) { .video__title span:before { left: -35%; } } .video__title span:after { right: -120px; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 749px) { .video__title span:after { right: -35%; } } .video__item { width: 560px; height: 280px; position: relative; } @media screen and (max-width: 749px) { .video__item { width: 100%; } } .video__item:before { content: ''; background: transparent; width: 100%; height: 100%; min-height: 1px; position: absolute; top: 0; pointer-events: none; } .video__item iframe { width: 560px; height: 280px; } @media screen and (max-width: 749px) { .video__item iframe { width: 100%; } } .video__wrap { background-image: url("/local/templates/isuzu/css/../images/video_BG.jpg"); height: 500px; background-attachment: fixed; } @media screen and (max-width: 749px) { .video__wrap { height: auto; } } .video .slick-dots { position: absolute; bottom: 20px; width: 1200px; margin: 0 auto; margin-top: -25px; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-left: 45px; } @media screen and (max-width: 749px) { .video .slick-dots { width: 100%; } } .video .slick-dots li { width: 110px; height: 5px; background-color: #909090; margin-right: 6px; } .video .slick-dots li:last-child { margin-right: 0; } .video .slick-dots li button { display: none; } .video .slick-dots li.slick-active { background-color: #ff0000; } .video .container { height: 100%; } .video__list { padding-top: 100px; height: 100%; } @media screen and (max-width: 749px) { .video__list { padding: 30px 0; } } .video__block { height: 100%; } .video__number { position: absolute; margin: 0 auto; color: #909090; font-size: 30px; line-height: 1em; bottom: 5px; } @media screen and (max-width: 749px) { .video__number { display: none; } } .content-gallery { margin-bottom: 20px; } .content-gallery ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .content-gallery ul li { margin-right: 10px; } .section-block { width: 100%; } .section-block--add { margin-bottom: 20px; width: calc(100% + 40px); margin-left: -20px; } .section-block--contacts { width: calc(100% + 40px); margin-left: -20px; } .section-block__nav { background-color: #b3b2b6; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; } @media screen and (max-width: 749px) { .section-block__nav { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .section-block__nav div { position: relative; text-decoration: none; color: #2d2b32; cursor: pointer; } .section-block__nav div:after { content: ''; position: absolute; right: 0; top: 10px; width: 1px; height: 26px; background-color: #9d9ba5; } .section-block__nav div span { font-weight: 500; } .section-block__nav div a { color: #2d2b32; text-decoration: none; padding: 13px 35px; display: block; } @media screen and (max-width: 749px) { .section-block__nav div a { padding: 5px 35px; font-size: 14px; } } .section-block__nav div.active, .section-block__nav div:hover { background-color: #2d2b32; color: #ffffff; } .section-block__nav div.active a, .section-block__nav div:hover a { color: #ffffff; } .section-block__nav div.active span, .section-block__nav div:hover span { color: #ff0000; } .section-block__nav div.active:before, .section-block__nav div:hover:before { content: ''; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 10px solid #2d2b32; position: absolute; left: calc(50% - 10px); bottom: -10px; } @media screen and (max-width: 749px) { .section-block__nav div.active:before, .section-block__nav div:hover:before { border-top: 10px solid #2d2b32; left: 10px; bottom: -5px; } } .section-block__nav div.active:after, .section-block__nav div:hover:after { content: none; } @media screen and (max-width: 749px) { .section-block__nav div.active, .section-block__nav div:hover { display: block; } } .content-wrap { background-color: #ffffff; padding-top: 7px; } .content-wrap__text { padding: 20px; background-color: #ffffff; } @media screen and (max-width: 749px) { .content-wrap__text { padding-top: 0; } } .content-wrap__text--spec { margin-top: -50px; } .content-wrap__text--spec h1 { font-size: 30px; font-weight: 600; } .content-wrap__text--spec h1 b { color: #f50202; font-weight: 600; } .content-wrap__text ul { padding: 0; margin: 0; list-style: none; margin-left: 20px; } .content-wrap__text ul li { font-size: 16px; margin-bottom: 5px; color: #2e3035; position: relative; padding-left: 25px; } .content-wrap__text ul li:before { content: ''; position: absolute; left: 0; top: 5px; width: 8px; height: 8px; background-color: #ff0000; border-radius: 50%; } .content-wrap__text table { border-collapse: collapse; } .content-wrap__text table tr:nth-child(2n) { background-color: #fbfbfb; } .content-wrap__text table tr td { font-weight: normal; padding: 15px; border: 1px solid #e4e4e4; font-size: 16px; line-height: 1.5em; } .content-wrap__text table tr th { background-color: #e3e3e3; font-weight: 500; padding: 15px; border: 1px solid #e3e3e3; text-align: left; color: black; } @media screen and (max-width: 749px) { .content-wrap__text p { font-size: 16px; } } .stocks__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .stocks__item { width: calc(50% - 5px); border-top: 1px solid #bebebe; margin-right: 10px; margin-bottom: 30px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 749px) { .stocks__item { width: 100%; margin-bottom: 0; } } .stocks__item:nth-child(2n) { margin-right: 0; } .stocks__item a { text-decoration: none; color: #2d2b32; text-transform: uppercase; } .stocks__title { display: block; margin: 10px 0; } .stocks__title:hover { color: #ff0000; } .stocks h2 { font-size: 30px; font-weight: 500; text-transform: uppercase; } @media screen and (max-width: 749px) { .stocks h2 { font-size: 22px; } } .stocks h2 b { color: #f12022; font-weight: 500; } .stocks__pics img { max-width: 100%; } @media screen and (max-width: 749px) { .stocks__img img { width: 100%; } } .news { padding-bottom: 35px; padding-top: 20px; } @media screen and (max-width: 749px) { .news { padding-bottom: 0; } } .news .h2 { font-size: 30px; color: #48484d; text-transform: uppercase; text-align: center; font-weight: 500; margin-bottom: 50px; } .news .h2 span { position: relative; } .news .h2 span:before, .news .h2 span:after { content: ''; position: absolute; height: 2px; width: 110px; background-color: #ff0000; } .news .h2 span:before { left: -100%; top: 50%; transform: translateY(-50%); } .news .h2 span:after { right: -100%; top: 50%; transform: translateY(-50%); } .news__item { width: calc(50% - 10px); margin-bottom: 30px; border-top: 1px solid #e6e6e6; padding-top: 10px; margin-right: 20px; } @media screen and (max-width: 749px) { .news__item { margin-bottom: 0; } } .news__item:nth-child(2n) { margin-right: 0; } .news__item time { font-size: 18px; color: #9e9e9e; display: block; margin-bottom: 5px; } .news__item time span { color: #ff0000; } .news__item a { outline: none; } .news__title { font-size: 18px; font-weight: 500; color: #48484d; text-decoration: none; display: block; margin-bottom: 10px; } .news__desc { color: #67676c; text-decoration: none; font-size: 14px; position: relative; padding-right: 30px; } .news__desc:after { content: ''; position: absolute; width: 12px; height: 9px; background-image: url("/local/templates/isuzu/css/../images/arrow-right.svg"); margin-top: 5px; margin-left: 5px; } .news__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 749px) { .news__wrap { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .news__photo { margin-right: 15px; } @media screen and (max-width: 749px) { .news__photo { margin-bottom: 10px; } } .news__list { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 749px) { .news__list { display: block; } } .model__nav { background-color: #b3b2b6; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; } @media screen and (max-width: 749px) { .model__nav { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .model__nav div { position: relative; text-decoration: none; color: #2d2b32; cursor: pointer; } .model__nav div:after { content: ''; position: absolute; right: 0; top: 10px; width: 1px; height: 26px; background-color: #9d9ba5; } .model__nav div span { color: #2d2b32; text-decoration: none; padding: 13px 30px; display: block; } @media screen and (max-width: 749px) { .model__nav div span { padding: 5px 35px; font-size: 14px; } } .model__nav div.active, .model__nav div:hover { background-color: #2d2b32; color: #ffffff; } .model__nav div.active span, .model__nav div:hover span { color: #ffffff; } .model__nav div.active:before, .model__nav div:hover:before { content: ''; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 10px solid #2d2b32; position: absolute; left: calc(50% - 10px); bottom: -10px; } @media screen and (max-width: 749px) { .model__nav div.active:before, .model__nav div:hover:before { border-top: 10px solid #2d2b32; left: 10px; bottom: -5px; } } .model__nav div.active:after, .model__nav div:hover:after { content: none; } .model__item { display: none; } .model__item p { margin: 10px 20px 10px 30px; } .model__item table { border-collapse: collapse; width: 100%; } .model__item table tr:nth-child(2n) { background-color: #fbfbfb; } .model__item table tr td, .model__item table tr th { font-weight: normal; padding: 15px; border: 1px solid #e4e4e4; font-size: 16px; line-height: 1.5em; } .model__item table tr td p, .model__item table tr th p { margin: 0; padding: 0; } .model__item table tr td:first-child, .model__item table tr th:first-child { font-weight: 500; color: #2d2b32; font-size: 18px; } @media screen and (max-width: 749px) { .model__desc { width: 100%; } } .model__desc h2 { font-size: 36px; font-weight: 600; margin-bottom: 20px; margin-top: 0; } .model__desc p { font-size: 18px; } @media screen and (max-width: 749px) { .model__desc p { font-size: 16px; } } .model__desc ul { list-style: none; padding: 0; } .model__desc ul li { font-size: 16px; position: relative; padding-left: 25px; margin-bottom: 3px; } .model__desc ul li:before { content: ''; position: absolute; background-color: #d21313; left: 0; top: 2px; width: 9px; height: 9px; border-radius: 50%; } .model__row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; padding-top: 20px; } .model__gallery { width: 50%; border-right: 1px solid #e7e7e7; padding-right: 35px; padding-left: 30px; position: relative; } @media screen and (max-width: 749px) { .model__gallery img { width: 100%; } } @media screen and (max-width: 749px) { .model__gallery { width: 100%; } } .model__gallery:before { content: ''; width: 30px; height: 30px; background-image: url("/local/templates/isuzu/css/../images/loop_icon.svg"); position: absolute; right: 35px; top: 230px; z-index: 10; } @media screen and (max-width: 749px) { .model__gallery:before { top: 50%; } } .model__gallery .slick-dots { position: relative; bottom: 0; margin: 0 auto; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-left: 40px; margin-top: 15px; z-index: 20; } .model__gallery .slick-dots li { width: 110px; height: 5px; background-color: #909090; margin-right: 6px; } .model__gallery .slick-dots li:before { content: none; } .model__gallery .slick-dots li:last-child { margin-right: 0; } .model__gallery .slick-dots li button { display: none; } .model__gallery .slick-dots li.slick-active { background-color: #ff0000; } .model__gallery a { outline: none; } .model__desc { width: 50%; padding-left: 35px; } @media screen and (max-width: 749px) { .model__desc { width: 100%; } } .model__desc ul { margin-left: 0; } .model__number { position: relative; margin: 0 auto; color: #909090; font-size: 30px; line-height: 1em; bottom: 50px; } .model__order, .model__test { background-color: #dd0909; font-weight: 500; color: #ffffff; padding: 14px 20px; border-radius: 15px; display: inline-block; text-transform: uppercase; position: relative; } @media screen and (max-width: 749px) { .model__order, .model__test { font-size: 16px; } } @media screen and (max-width: 749px) { .model__order { margin-bottom: 20px; } } .model__test { background-color: #2d2b32; padding-left: 50px; } .model__test:after { content: ''; position: absolute; background-image: url("/local/templates/isuzu/css/../images/icon_rul.png"); width: 34px; height: 34px; left: 8px; top: 8px; } .model__test:hover { background-color: #4d4c51; } .model__order { padding-left: 50px; margin-right: 10px; } .model__order:after { content: ''; position: absolute; background-image: url("/local/templates/isuzu/css/../images/list-icon.svg"); width: 31px; height: 31px; left: 13px; top: 9px; } .model__order:hover { background-color: #ff0000; } .model__control { margin-top: 40px; } .model__spec { width: 100%; margin-bottom: 50px; } .header-mobile { display: none; background-image: url("/local/templates/isuzu/css/../images/header__top-BG.jpg"); background-repeat: no-repeat; padding: 10px 20px; background-size: cover; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; } @media screen and (max-width: 749px) { .header-mobile { display: block; } } .header-mobile .header__phone a { font-size: 0; background-image: none; width: 33px; height: 33px; display: block; position: relative; } .header-mobile .header__phone a:before { content: ''; position: absolute; width: 33px; height: 33px; background-image: url("/local/templates/isuzu/css/../images/icon-3.png"); left: 0; top: 0; } .header-mobile .header__phone a span { font-size: 0; } .header-mobile__row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .header-mobile #menu__toggle { opacity: 0; position: absolute; } .header-mobile #menu__toggle:checked ~ .menu__btn > span { transform: rotate(45deg); } .header-mobile #menu__toggle:checked ~ .menu__btn > span::before { top: 0; transform: rotate(0); } .header-mobile #menu__toggle:checked ~ .menu__btn > span::after { top: 0; transform: rotate(90deg); } .header-mobile #menu__toggle:checked ~ .menu__box { visibility: visible; left: 0; } .header-mobile .menu__btn { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; top: 0; left: 0; width: 30px; height: 20px; cursor: pointer; z-index: 1; } .header-mobile .menu__btn > span, .header-mobile .menu__btn > span::before, .header-mobile .menu__btn > span::after { display: block; position: absolute; width: 100%; height: 3px; background-color: #ffffff; transition-duration: .25s; } .header-mobile .menu__btn > span::before { content: ''; top: -8px; } .header-mobile .menu__btn > span::after { content: ''; top: 8px; } .header-mobile #sidebar { position: fixed; left: -100%; width: calc(100% - 40px); height: calc(100% - 65px); -webkit-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; z-index: 150; overflow: auto; background-color: #222222; top: 55px; } .header-mobile #sidebar.active { left: 0; } .header-mobile #sidebar .callback { padding: 10px 20px; text-align: center; } .header-mobile #sidebar .sidebar__socials, .header-mobile #sidebar .sidebar__cart { padding: 10px 20px; padding-bottom: 0; text-align: center; } .header-mobile #sidebar .main_socials { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .header-mobile #sidebar .main_socials a { background: #fff; } .header-mobile #sidebar .main_socials a.vk { background-color: #4a76a8; } .header-mobile #sidebar .main_socials a.ok { background-color: #e27b08; } .header-mobile #sidebar .main_socials a.fb { background-color: #4267b2; } .header-mobile #sidebar .main_socials a.tw { background-color: #1da1f2; } .header-mobile #sidebar .main_socials a.email { background-color: #ffa016; } .header-mobile #sidebar .main_socials a.whatsapp { background-color: #00e676; } .header-mobile #sidebar .main_socials a.viber { background-color: #7c59eb; } .header-mobile #sidebar .main_socials a i { color: #fff; } .header-mobile #sidebar.active { left: 0; top: 55px; } .header-mobile #sidebar .callback { padding: 10px 20px; text-align: center; } .header-mobile #sidebar .sidebar__socials { padding: 10px 20px; padding-bottom: 0; text-align: center; } .header-mobile #sidebar a.sidebar_close { display: block; position: absolute; top: 10px; right: 10px; z-index: 100; } .header-mobile #sidebar .b-header__icons { float: none; margin: 0 auto; } .header-mobile ul.sidebar_menu { position: relative; margin: 0; padding: 0; } .header-mobile ul.sidebar_menu li { margin: 0; list-style-type: none; } .header-mobile ul.sidebar_menu li a:link, .header-mobile ul.sidebar_menu li a:visited { display: block; line-height: 22px; text-decoration: none; color: #989898; font-size: 18px; position: relative; padding: 10px 19px; border-bottom: 1px solid #eaf0f3; } .header-mobile ul li a:link.parent, .header-mobile ul.sidebar_menu li a:visited.parent { font-size: 24px; color: #000; background: #373737; padding: 12px 19px; } .header-mobile ul.sidebar_menu li a:link.parent, .header-mobile ul.sidebar_menu li a:visited.parent { color: #FFFFFF !important; font-weight: 500 !important; padding: 15px 19px; margin: 3px 0; padding-right: 25px; } .header-mobile ul.sidebar_menu li a:hover, .header-mobile ul.sidebar_menu li a.selected, .header-mobile ul.sidebar_menu li.item-selected a { color: #fff; } .header-mobile ul.sidebar_menu li ul { display: none; margin: 0; padding: 0; list-style-type: none; } .header-mobile ul.sidebar_menu li.header { display: flex; flex-direction: column-reverse; } .header-mobile ul.sidebar_menu li.header:before { content: none; } .header-mobile ul.sidebar_menu li.header h2 { font-size: 24px; color: #fff; background: #ffb741; padding: 3px 38px; text-align: left; font-weight: normal; font-family: 'Uni Sans', Arial, sans-serif; text-transform: uppercase; } .header-mobile ul.sidebar_menu li.header .slinky_header { background: #363a40; } .header-mobile ul.sidebar_menu li.header .slinky_header a { color: #fff; position: relative; padding: 7px 14px; } .header-mobile ul.sidebar_menu li.header .slinky_header a:before { content: ""; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #363a40; position: absolute; left: 20px; bottom: -8px; z-index: 10; } .header-mobile ul.sidebar_menu li.header a.back:before { color: #fff; } .header-mobile ul.sidebar_menu li a.parent:before, .header-mobile div#sidebar_menu_container a.back:before { width: 13px; height: 23px; top: 7px; right: 10px; color: #000; font-size: 20px; vertical-align: middle; } .header-mobile div#sidebar_menu_container a.back:before { left: 10px; background-position: 0 0; float: none; color: #6c6c6c; } .header-mobile div#sidebar_menu_container { background: none; position: relative; padding-top: 8px; /*overflow: auto; padding-bottom: 20px; box-sizing: border-box;*/ } .header-mobile div#sidebar_menu_container a.next:after { color: #fff; } .header-mobile div#sidebar_menu_container { padding: 20px; } .header-mobile div#sidebar_menu_container ul { list-style: none; margin: 0; padding: 0; } .header-mobile div#sidebar_menu_container ul li { margin-bottom: 5px; } .header-mobile div#sidebar_menu_container ul li a { color: #ffffff; } .header-mobile #burger_container { height: 30px; width: 29px; min-width: 29px; position: relative; font-size: 13px; } .header-mobile .menu__button-open, .header-mobile .menu__button-close { position: absolute; width: 100%; height: 100%; left: 0; } .header-mobile .menu__button-open .menu__button-line { top: 50%; left: 50%; margin: -0.25em 0 0 -13px; } .header-mobile .menu-opened .menu__button-open .menu__button-line { width: 0; } .header-mobile .menu-opened .menu__button-line.n1, .header-mobile .menu-opened .menu__button-line.n3 { -webkit-transition-delay: 0s; transition-delay: 0s; } .header-mobile .menu-opened .menu__button-line.n2 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .header-mobile .menu-opened .menu__button-line.n4 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .header-mobile .menu-opened .menu__button-line.n5 { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .header-mobile .menu-opened .menu__button-close .menu__button-line { width: 34px; } .header-mobile .menu__button-line { position: absolute; width: 31px; height: 3px; background-color: #95b3bb; -webkit-transition: width 0.4s; -o-transition: width 0.4s; transition: width 0.4s; } .header-mobile .menu__button-line.n1 { -webkit-transform: translateY(-0.6em); -ms-transform: translateY(-0.6em); -o-transform: translateY(-0.6em); transform: translateY(-0.6em); } .header-mobile .menu__button-line.n2 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .header-mobile .menu__button-line.n3 { -webkit-transform: translateY(0.6em); -ms-transform: translateY(0.6em); -o-transform: translateY(0.6em); transform: translateY(0.6em); } .header-mobile .menu__button-line.n1, .header-mobile .menu__button-line.n3 { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .header-mobile .menu__button-line.n4 { top: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header-mobile .menu__button-line.n5 { bottom: 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .header-mobile .menu__button-close .menu__button-line { width: 0; left: 4px; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .header-mobile #sidebar .sidebar_menu a { font-family: "Montserrat", Arial, sans-serif; font-weight: 300; font-size: 20px; color: #ffffff; } .header-mobile #sidebar .sidebar_menu a:hover { color: #ed9d0b; } .header-mobile #sidebar .sidebar_menu a:hover:after { border: 2px solid #b78f65; } .header-mobile #sidebar .slinky-menu a.next:after { content: ""; position: absolute; width: 15px; height: 15px; border: 3px solid #f1c700; border-bottom-style: none; border-left-style: none; background: transparent; transform: rotate(45deg); right: 15px; } .header-mobile #sidebar .slinky-menu h2 { text-transform: none; color: #000; } .header-mobile #sidebar .slinky-menu h2:before { left: 55px; border-top: 17px solid #ffb741; } .header-mobile #sidebar .slinky-menu li.header { padding-top: 0; } .header-mobile #sidebar a.sidebar_close { display: none; } .header-mobile .header-mobile-row--wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 0 10px; margin-top: -9px; } .header-mobile .header-mobile-row--toggle { padding: 10px; } .header-mobile .menu__button-close { top: auto; } .header-mobile #sidebar_overlay.active { background: rgba(80, 80, 80, 0.5); width: 100vh; height: 100vh; display: block; position: absolute; left: 0; top: 80px; } .header-mobile .slinky-menu h2 ~ a.back { text-align: right; color: #fff !important; } .header-mobile .slinky-menu h2 ~ a.back:before { margin-right: 10px; color: #fff !important; } .order-form { width: 1150px; background-color: #fff; padding: 40px 27px 30px 27px; } @media screen and (max-width: 749px) { .order-form { padding: 15px; } } .order-form--phone { width: auto; } .order-form--phone .order-form__col { width: 100%; } .order-form__title { font-size: 48px; font-weight: 500; color: #2e3035; margin-bottom: 10px; } @media screen and (max-width: 749px) { .order-form__title { font-size: 24px; } } .order-form__title span { color: #ee0000; } .order-form input[type='text'], .order-form .order-form__date { background-color: #FFFFFF; border: 1px solid #d6d4d4; padding: 15px 20px; font-size: 16px; color: #2d2b32; font-family: "Montserrat", Arial, sans-serif; outline: none; margin-bottom: 20px; width: 100%; font-weight: 500; } .order-form input[type='text']::placeholder, .order-form .order-form__date::placeholder { font-family: "Montserrat", Arial, sans-serif; font-size: 16px; color: #2d2b32; font-weight: 500; } .order-form .order-form__date { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; position: relative; } .order-form .order-form__date:after { content: ''; background-image: url("/local/templates/isuzu/css/../images/icon-calendar.png"); width: 26px; height: 26px; position: absolute; right: 14px; top: 13px; } @media screen and (max-width: 749px) { .order-form .order-form__date:after { top: 50%; transform: translateY(-50%); } } .order-form .order-form__date input { padding: 0; border: none; margin: 0 30px 0 auto; width: 150px; text-align: right; } @media screen and (max-width: 749px) { .order-form .order-form__date input { width: inherit; } } .order-form .order-form__date input::placeholder { color: #929a9e; } .order-form__btn { background-color: #2e3035; font-size: 16px; border-radius: 50px; padding: 15px 35px; color: #fff; text-transform: lowercase; display: inline-block; } .order-form__btn:hover { background-color: #000000; } .order-form__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 749px) { .order-form__wrap { display: block; } } .order-form__col { width: 50%; position: relative; } @media screen and (max-width: 749px) { .order-form__col { width: 100%; } } .order-form__col img { position: relative; margin-left: -120px; } @media screen and (max-width: 749px) { .order-form__col img { display: none; } } .order-form__checkbox { display: block; font-size: 15px; margin-bottom: 15px; } .order-form__checkbox input { width: 0.1px; height: 0.1px; opacity: 0; position: absolute; z-index: -10; } .order-form__checkbox input:checked + span:after { display: block; } .order-form__checkbox span { padding-left: 30px; position: relative; display: block; } .order-form__checkbox span:before { content: ''; width: 20px; height: 20px; background-color: #e00; position: absolute; left: 0; border-radius: 0; } .order-form__checkbox span:after { content: ''; position: absolute; left: 5px; width: 10px; height: 10px; display: none; top: 5px; background-color: #ffffff; border-radius: 0; } .datepicker { z-index: 99999; } .contacts { margin-bottom: 10px; } .contacts__name { background-color: #36383d; display: inline-block; font-size: 24px; color: #fff; font-weight: 500; padding: 8px 18px; width: 100%; position: relative; overflow: hidden; } @media screen and (max-width: 749px) { .contacts__name { font-size: 20px; } } .contacts__name:before { content: ''; position: absolute; width: 40px; height: 40px; background-color: #ff0000; left: -20px; top: -20px; transform: rotate(45deg); } .contacts__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .contacts__item { width: calc(50% - 10px); } @media screen and (max-width: 749px) { .contacts__item { width: 100%; } } .contacts__item:nth-child(even) .contacts-list__item { border-left: 1px solid #e0e0e0; } .contacts-list__item { padding: 10px; position: relative; } .contacts-list__item:before { content: ''; position: absolute; width: calc(100% - 10px); height: 1px; background-color: #e0e0e0; bottom: 0; } .contacts-list__item:last-child:before { content: none; } .contacts-list__item ul { list-style-type: none; margin: 0; padding: 0; } .contacts-list__item ul li { font-size: 18px; padding-left: 40px; font-weight: 500; } .contacts-list__item ul li:before { content: none; } .contacts-list__item ul li.contacts__tel { position: relative; } .contacts-list__item ul li.contacts__tel:before { content: "" !important; position: absolute; background-image: url(/local/templates/isuzu/css/../images/phone-icon.png); width: 23px; height: 23px; background-repeat: no-repeat; background-color: snow; border-radius: inherit; top: 0; } .section-desc { font-size: 18px; font-weight: 500; padding-top: 20px; } .section-desc__text { padding-left: 25px; } .section-desc__text p { font-size: 18px; } .section-desc__text p b { color: #a6a4ac; font-weight: normal; } .section-desc__address { padding-left: 35px; position: relative; margin-bottom: 15px; display: block; } .section-desc__address:before { content: ''; position: absolute; width: 21px; height: 27px; background-image: url("/local/templates/isuzu/css/../images/pin-contacts.png"); background-repeat: no-repeat; left: 0; top: 0; } .section-desc__phone { padding-left: 35px; display: block; position: relative; } .section-desc__phone:before { content: ''; position: absolute; left: 0; top: 0; width: 23px; height: 23px; background-image: url("/local/templates/isuzu/css/../images/phone-icon.png"); background-repeat: no-repeat; } .section-desc__phone b { color: #a6a4ac; font-weight: normal; } .section-desc__add { border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; } .section-desc__logo { display: inline-block; margin-bottom: 20px; margin-left: -10px; } .section-desc__row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media screen and (max-width: 749px) { .section-desc__row { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .section-desc__col { width: calc(50% - 10px); } @media screen and (max-width: 749px) { .section-desc__col { width: 100%; } } .section-add { padding: 40px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .section-add__desc h3 { font-size: 24px; font-weight: 600; margin: 0; margin-bottom: 5px; } .section-add__desc h3 b { color: #ff0000; } .section-add__desc p { font-weight: 500; margin: 0; } .section-add__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media screen and (max-width: 749px) { .section-add__wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .section-add__logo { margin-right: 60px; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/isuzu/css/custom.css?163574742011045*/ .order-form { width: 990px; } .stock-index__wrap, .video__wrap { background-image: url("/local/templates/isuzu/css/../images/stock-index__BG.webp"); } .index-about { background-image: url("/local/templates/isuzu/css/../images/index-about-BG.webp"); background-size: cover; } .order-form.order-form--phone { width: auto; } .footer__add-link a[data-src="#order-director"]{ color: #ff0000; font-weight: 500; } .order-form textarea { background-color: #FFFFFF; border: 1px solid #d6d4d4; padding: 15px 20px; font-size: 16px; color: #2d2b32; font-family: "Montserrat", Arial, sans-serif; outline: none; margin-bottom: 20px; width: 100%; font-weight: 500; } .index h1 { margin-bottom: 100px; text-align: center; } .content-wrap .model__desc { padding: 0 30px; } .content-wrap .model__desc p { font-size: 16px; } .models .models__price { font-size: 20px; } .stock-index__anons { padding: 20px 0; color: #fff; } .stock-index__wrap { position: relative; } .stock-index__wrap:before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to top, #40361d, transparent); left: 0; top: 0; } .order-form input[type='tel'] { background-color: #FFFFFF; border: 1px solid #d6d4d4; padding: 15px 20px; font-size: 16px; color: #2d2b32; font-family: "Montserrat", Arial, sans-serif; outline: none; margin-bottom: 20px; width: 100%; font-weight: 500; } .order-form input[type='tel'].error-input { border: 1px solid red; } .order-form .error { opacity: 0; position: relative; top: -15px; font-size: 14px; color: #f13737; font-weight: 500; transition: .3s opacity linear; } .order-form .error.active { opacity: 1; } footer.footer { background-image: url("/local/templates/isuzu/css/../images/footer_BG.webp"); } header .header__top { background-image: url("/local/templates/isuzu/css/../images/header__top-BG.webp"); } .header__logo a.logo-main { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .header__logo a.logo-main img { margin-bottom: 5px; } .header__logo a.logo-main span { font-size: 13px; color: #3a3a3a; font-weight: 500; } .header__top-row { align-items: center; } .top-address { color: #fff; font-size: 14px; margin-left: auto; margin-right: 20px; } main { overflow: hidden; } .footer__row.copyright .footer__col { text-align: left; color: #bdbdbd; font-size: 12px; max-width: 70%; line-height: 1.5em; } .footer__row.copyright { padding: 10px 0; margin-top: -10px; } .footer__top .container { align-items: flex-start; } .footer-address { color: #ffffff; font-size: 16px; } .footer-address span { font-size: 14px; } .footer__logo .logo-block { display: flex; align-items: center; } .footer__logo { flex-direction: column; align-items: flex-start; } .logo-text { font-size: 14px; color: #fff; } .socials__list { display: flex; align-items: center; } .socials__item { width: 35px; height: 35px; border-radius: 50%; background: #465b6a; margin-right: 4px; display: flex; align-items: center; justify-content: center; transition: .3s background linear; } .socials__item:last-child { margin-right: 0; } .socials__item.vk:hover { background-color: #6996c7; } .socials__item.instagram:hover { background: linear-gradient(45deg, #ff9b11, #b62d8c); } .footer__top .header__phone { margin-bottom: 10px; } .footer-email { margin-bottom: 15px; display: block; } .footer-email:hover { color: #ffffff; } .btn-drive { display: inline-block; padding: 5px 10px; background-color: #ee0000; border-radius: 10px; color: #fff; font-size: 16px; transition: .2s background-color linear; } .btn-drive:hover { background-color: #af0202; } .series__text { padding: 20px 0; } .model__control { display: flex; margin-top: 25px; } .model__control .btn-drive { min-height: 50px; line-height: 50px; padding: 0 20px; margin-right: 10px; border-radius: 15px; font-weight: 500; text-transform: uppercase; text-align: center; } .model__control .btn-drive:last-child { margin-right: 0; } .model__control a { width: 50%; } .model__control .model__order, .model__control .model__test { font-size: 16px; line-height: 50px; height: 50px; padding: 0 20px 0 50px; } .models__title div { overflow: hidden; } .breadcrumbs { padding-bottom: 25px; } .breadcrumbs__item { display: inline-block; margin-right: 5px; font-size: 14px; position: relative; padding-right: 18px; } .breadcrumbs__item:last-child { padding-right: 0; } .breadcrumbs__item:last-child:after { content: none; } .breadcrumbs__item:after { content: '>'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #909ba2; font-weight: 500; } .breadcrumbs__item a { text-decoration: none; color: #ffffff; font-weight: 500; } .breadcrumbs__item a span { color: #ffffff; font-weight: 500; } .breadcrumbs__item span { color: #ffffff; font-weight: 500; } @media screen and (max-width: 1024px) { .model__control a { width: 100%; margin-bottom: 10px; } .model__control a:last-child { margin-bottom: 0; } .model__control { flex-wrap: wrap; } .footer__top .container { flex-wrap: wrap; } .stock-index__item img { max-width: 100%; } .index-favorite .index-favorite__list { flex-wrap: wrap; justify-content: center; } .index-favorite .index-favorite__list .index-favorite__item { margin-bottom: 20px; } .index-favorite .index-favorite__list .index-favorite__item:first-child { padding-left: 40px; } .container { width: 100%; padding: 0 20px; } .index-about__title { text-align: center; font-size: 40px; } .header__nav-wrap { flex-wrap: wrap; height: auto; padding-bottom: 20px; } .top-slider .top-slider__list .top-slider__item img { max-width: 100%; } .top-slider .top-slider__list .top-slider__item { min-height: auto; } .top-slider { height: auto; } .top-slider .top-slider__list .top-slider__item a { display: block; height: 100%; } .top-slider .slick-dots li, .stock-index .slick-dots li { width: calc(100% / 10); } .top-slider .slick-dots, .stock-index .slick-dots { flex-wrap: wrap; width: 100%; } .top-slider__number, .stock-index__number { width: 100%; } .series .series__wrap { width: calc(100% / 2); padding: 20px; } .series .series__pics img { max-width: 100%; } .series .series__wrap:before { content: none; } .news-index .news-index__item { width: auto; } .news-index .news-index__wrap { flex-direction: column; } .news-index .news-index__photo { margin-bottom: 20px; height: 180px; overflow: hidden; } .news-index .news-index__photo img { width: 100%; height: 100%; object-fit: cover; } .news-index .news-index__title { min-height: 70px; } } @media screen and (max-width: 800px) { .index-favorite__item { width: calc(100% / 2); box-sizing: border-box; } .stock-index__wrap { min-height: auto; height: auto; } .footer__col { margin-bottom: 20px; } .footer__col:last-child { margin-bottom: 0; } .footer__row.copyright .footer__col { max-width: 100%; } header .header__top { background-size: cover; } .header__top-row, .footer__top .container, .footer__row { flex-wrap: wrap; } } @media screen and (max-width: 749px) { .model__control { flex-wrap: wrap; } .model__control a { width: 100%; } .model__control .btn-drive { margin-bottom: 20px; margin-right: 0; } .model__control .btn-drive:last-child { margin-bottom: 0; } .stock-index__item a { display: block; margin-bottom: 15px; } .socials__list { justify-content: center; } .footer__top .container { justify-content: center; } .footer-address { width: 100%; text-align: center; margin-bottom: 15px; } .index-favorite .index-favorite__list .index-favorite__item:first-child { padding-left: 0; } .content-wrap__text img { max-width: 100%; height: auto!important; } .content-wrap__text iframe { width: 100%; } main .container { overflow: hidden; } .description { padding: 20px; } .series__text { padding: 20px 0; font-size: 14px; } .stock-index__anons { padding: 0; font-size: 14px; } .index h1 { margin-bottom: 50px; font-size: 25px; } .header-mobile div#sidebar_menu_container ul.add-menu { padding: 15px; } .index h1 { margin-bottom: 20px; } .index-about__title { font-size: 28px; } .index-about__col { font-size: 16px; } .container { padding: 0 10px; } .models__list { padding: 0; } .models__item { width: calc(100% / 2); } .models .models__price { font-size: 16px; } .models__name { font-size: 15px; } .models__more { font-size: 14px; padding: 10px 25px; bottom: 0; position: relative; } .models__photo { filter: grayscale(0); } .models__price { border-top: 0; } .models__list--available .models__name { font-size: 14px; } .models__price { font-size: 16px; } .models__list--available .models__more { position: relative; bottom: 0; left: inherit; transform: none; } } /* End */ /* /local/templates/isuzu/js/fancy/jquery.fancybox.min.css?156385776012795 */ /* /local/templates/isuzu/js/slick/slick.css?15298248601776 */ /* /local/templates/isuzu/js/slick/slick-theme.css?15298248603145 */ /* /local/templates/isuzu/js/slinky/dist/jquery.slinky.css?1529824860905 */ /* /local/templates/isuzu/css/datepicker.css?157979796020914 */ /* /local/templates/isuzu/components/bitrix/menu/top_menu/style.min.css?1579151040490 */ /* /local/templates/isuzu/components/bitrix/menu/main_menu/style.css?16285015201194 */ /* /local/templates/isuzu/components/bitrix/news.list/video/style.css?1579160520150 */ /* /local/templates/isuzu/components/bitrix/menu/footer_menu/style.css?1628502720774 */ /* /local/templates/isuzu/components/luxar/super/order-drive/style.css?15802910401 */ /* /local/templates/isuzu/components/luxar/super/order-config/style.css?15802910401 */ /* /local/templates/isuzu/components/luxar/super/order-model/style.css?15802910401 */ /* /local/templates/isuzu/components/luxar/super/order-director/style.css?15802910401 */ /* /local/templates/isuzu/components/luxar/super/ostavit-zayavku/style.css?15802910401 */ /* /local/templates/isuzu/css/style.css?1595481900100185 */ /* /local/templates/isuzu/css/custom.css?163574742011045 */