*{font-family: 'Roboto', sans-serif;} /* ------------------------------------------------------------------------------- Popular Items ------------------------------------------------------------*/ .popular-item{margin:30px 0 30px;} .popular-item .popular-item__heading{margin-left: 60px;padding-bottom:0px;} .popular-item__slider {display: flex;justify-content: space-between;justify-items: stretch;align-items: center;} .popular-item__slider__carousel__block{position: relative;} .popular-item__slider__carousel__block img{width: 100%;display: block;margin: auto;} .popular-item__slider__carousel__block__content {width: 100%;height: 100%;bottom: 0;right: 0;position: absolute;opacity: 1;transition: 0.6s;} .popular-item__slider__carousel__block__content:hover {opacity: 1;} .popular-item__slider__carousel__block__content > * {transform: translateY(25px);transition: transform 0.6s;} .popular-item__slider__carousel__block__content:hover > * {transform: translateY(0px);} h3.popular-item__slider__carousel__block__content__heading {margin-left:0;padding-left: 20px;font-size: 22px!important;color: #fff;position: absolute;left: 0;bottom: 0;} .popular-item__slider__nav-prev:hover,.popular-item__slider__nav-next:hover{opacity:1;cursor:pointer;} .popular-item__slider__carousel{float:left;overflow:hidden;margin-top:10px} .popular-item__slider__carousel li{padding: 0 10px;text-align:center;} .popular-item__slider__carousel li a{text-decoration:none} .popular-item__slider__nav-prev{background:url(/images/prev.png) no-repeat;opacity:0.3;transition: opacity .8s ease-out;-moz-transition: opacity .8s ease-out;-webkit-transition: opacity .8s ease-out;-o-transition: opacity .8s ease-out} .popular-item__slider__nav-next{background:url(/images/next.png) no-repeat;opacity:0.3;transition: opacity .8s ease-out;-moz-transition: opacity .8s ease-out;-webkit-transition: opacity .8s ease-out;-o-transition: opacity .8s ease-out} /* ---------------------------------------------------------------------------- Navigation Menu ----------------------------------------------------------*/ .main-logo-img {width: 130px;} a.tel {color: #373736;font-size: 15px;letter-spacing: 1px;font-weight: 600;border-left: 1px solid black;padding-left: 5px;display: inline-block;} /* ------------------------------------------------------------------------------ HAMBURGER ------------------------------------------------------------- */ .hamburger-menu{position:relative;display:block;width:45px;height:35px;cursor:pointer;appearance: none;background:none;outline:none;border:none;} .hamburger-menu .bar, .hamburger-menu:after, .hamburger-menu:before{content:'';display:block;width:100%;height:5px;background-color:#FFF;margin:6px 0;transition:0.4s;} .hamburger-menu.is-active:before{transform: rotate(-45deg) translate(-9px, 6px)} .hamburger-menu.is-active:after{transform: rotate(45deg) translate(-9px, -8px)} .hamburger-menu.is-active .bar{opacity:0;} .hamburger {display: none;float:left;position: relative;overflow: hidden;margin: 0;padding: 0;width: 24px;height: 24px;font-size: 0;text-indent: -9999px;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;transition: background 0.3s;-webkit-transition: background 0.3s;} .hamburger:focus {outline: none;} .hamburger span {display: block;position: absolute;top: 11px;left: 0px;right: 0px;height: 4px;background: white;} .hamburger span::before,.hamburger span::after {position: absolute;display: block;left: 0;width: 100%;height: 4px;background-color: #fff;content: "";} .hamburger span::before {top: -9px;} .hamburger span::after {bottom: -9px;} .hamburger {background-color: #d40e1e;} .hamburger span {transition: background 0s 0.3s;} .hamburger span::before,.hamburger span::after {transition-duration: 0.3s, 0.3s;transition-delay: 0.3s, 0s;} .hamburger span::before {transition-property: top, transform;} .hamburger span::after {transition-property: bottom, transform;} .hamburger.active span {background: none;} .hamburger.active span::before {top: 0;transform: rotate(45deg);} .hamburger.active span::after {bottom: 0;transform: rotate(-45deg);} .hamburger.active span::before,.hamburger.active span::after {transition-delay: 0s, 0.3s;} /* ----------------------------------------------------------------------------- Main Slider -------------------------------------------------------*/ .index .wrap {position: relative;z-index: 999;} .index-workarea {position: relative;margin-top: 100vh;} .swiper {width: 100%;height: 100%;background: #000;position: absolute;top: 0;left: 0;} .swiper-slide {display: flex;justify-content: flex-start;align-items: center;height: 100vh; /* Установите высоту контейнера по вашему усмотрению */} .slide-content {margin-right: auto; /* Помещает блок слева */padding-left: 100px;margin-top: 30%;} .swiper-slide {font-size: 18px;color: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 40px 60px;} .parallax-bg {position: absolute;left: 0;top: 0;width: 130%;height: 100%;-webkit-background-size: cover;background-size: cover;background-position: center;} .swiper-slide .title h1 {font-size: 3em;font-weight: 800;text-transform: uppercase;letter-spacing: 5px;line-height: 110px;margin-bottom: 10px;} .swiper-slide a {background: #e31e24;padding: 15px 35px;color: #fff;font-size: 1.1em;font-weight: 500;text-decoration: none;border-radius: 10px;display: inline-block;margin-top: 25px;transition: all .2s;} .swiper-slide a:hover {box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);transform: translateY(-3px);} .swiper-slide .subtitle {font-size: 21px;} .swiper-slide .text {font-size: 20px;max-width: 50%;text-align: left;line-height: 1.3;} .swiper-button-next,.swiper-button-prev {width: 100px; /* Установите требуемый размер круга */height: 100px;border-radius: 50%; /* Создает круглую форму */background-color: rgba(0,0,0,0.5); /* Установите требуемый полупрозрачный цвет */display: flex;justify-content: center;align-items: center;} .swiper-pagination-bullet {width: 16px;height: 16px;background: #fff;opacity: .5;} .swiper-pagination-bullet-active{background: #fff;opacity: 1;} /* ----------------------------------------------------------------------------- Promo -------------------------------------------------------------*/ .wrap h3.name{padding-bottom:0;margin-top:20px;} /* ------------------------------------------------------------------------------ NEWS -------------------------------------------------------------*/ .wrap h3.main-page__title-heading{padding-bottom: 10px;} .main-page__news-flexbox-container{display:flex;flex-wrap:wrap;justify-content: space-between;gap:30px 15px;margin-bottom: 20px;} .main-page__news__flex-item{width: calc(33.33% - 10px);} .main-page__news-block{margin-bottom:30px;} .main-page__news-block__title{font-size:20px;margin-bottom: 10px;font-weight:400;} .main-page__news-block__title:hover{color:#D40E1E;transition: color 0.3s ease-in-out;} .main-page__news-block__img{width:100%;margin-bottom: 15px;} .content a.ref-news{color: blue;border-bottom: none;} @media (max-width: 900px) {.main-page__news__flex-item {width: calc(50% - 10px);}} @media (max-width: 480px) {.main-page__news__flex-item {width: 100%;}} .main-page__news__link-all-news{text-transform: uppercase;font-size: 24px;} .main-page__news__link-all-news::after{content: '>>';font-size:26px;padding-left: 15px;} p.preview{margin-bottom: 10px;} @media (min-width: 768px) {.main-page__news__button {padding: 10px 12px;}} /* ----------------------------------------------------------------------------- NEWS PAGE - ALL NEWS ------------------------------------------------*/ .news-item{margin-bottom:15px;} /* -----------------------------------------------*/ .cat-subsection{margin-left:5%;} .catalog-section img{display:block; margin:0 auto;} /* --------------------------------------------------------------------------- MAIN-PAGE/SOCIAL-GRID -------------------------------------------------*/ section.main-page__social-grid{margin-bottom:30px;} .fa-brands {position:absolute;bottom:20px;right:10px; } .gallery {max-width: 100%;margin: 0 auto;display: grid;grid-gap: 10px;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));grid-auto-rows: 250px;grid-auto-flow: dense; /* Controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid. */} .v-stretch {grid-row: span 2;} .h-stretch {grid-column: span 2;} .big-stretch {grid-column: span 2;grid-row: span 2;} .gallery div img{width:100%;height:100%;object-fit:cover;} .main-page__social-grid__img-block {position:relative;transition: transform .5s;&::after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: opacity 2s cubic-bezier(.165, .84, .44, 1);box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .15);content: '';opacity: 0;z-index: -1;}&:hover,&:focus {transform: scale3d(1.006, 1.006, 1);&::after {opacity: 1;}}} .main-page__social-grid__img-block:hover{cursor:pointer;} @media screen and (max-width: 1280px) {.first-leaving-scale-mob{display:none;}} @media screen and (max-width: 1060px) {.sec-leaving-scale-mob{display:none;}} @media screen and (max-width: 515px) {.v-stretch {grid-row: span 1;}.h-stretch {grid-column: span 1;}.big-stretch {grid-column: span 1;grid-row: span 1;}} /*-------------------------------------------------------------------------------полимеры. номер--------------------------------------------------------*/ .polimery-number{text-align:center; background-color:#d40e1f;padding: 1%;margin: 1%;color:#f8f8f9!important;border-radius: 25px;} .polimery-number a{color:#f8f8f9!important;font-weight: 600;} /* ---------------------------------------------------------------------------- Contacts Page ----------------------------------------------------------*/ .info a{color: black;} .worko-tabs {width: 100%;.state{position: absolute;left: -10000px;}.flex-tabs{display: flex;justify-content: space-between;flex-wrap: wrap;.tab{flex-grow: 1;max-height: 40px;}.panel {background-color: #fff;padding: 20px;min-height: 300px;display: none;width: 100%;flex-basis: auto;}} .tab {display: inline-block;padding: 10px;vertical-align: top;background-color: #eee;cursor: pointer;border-left: 10px solid #ccc;} } #tab-one:checked ~ .tabs #tab-one-label, #tab-two:checked ~ .tabs #tab-two-label, #tab-three:checked ~ .tabs #tab-three-label, #tab-four:checked ~ .tabs #tab-four-label{background-color: #fff;cursor: default;border-left-color: #d40e1f;} #tab-one:checked ~ .tabs #tab-one-panel, #tab-two:checked ~ .tabs #tab-two-panel, #tab-three:checked ~ .tabs #tab-three-panel, #tab-four:checked ~ .tabs #tab-four-panel{display: block;} @media screen and (max-width: 600px){.flex-tabs{.tab{background: #fff;border-bottom: 1px solid #ccc;&:last-of-type{border-bottom: none;}}} #tab-one:checked ~ .tabs #tab-one-label, #tab-two:checked ~ .tabs #tab-two-label, #tab-three:checked ~ .tabs #tab-three-label, #tab-four:checked ~ .tabs #tab-four-label{border-bottom: none;} #tab-one:checked ~ .tabs #tab-one-panel, #tab-two:checked ~ .tabs #tab-two-panel, #tab-three:checked ~ .tabs #tab-three-panel, #tab-four:checked ~ .tabs #tab-four-panel{border-bottom: 1px solid #ccc;} } /* ------------------------------------------------------------------------------- Team ----------------------------------------------------------*/ .container {margin: 0 auto;} .team {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;gap:15px;} .team-member {flex-basis: 24%;display: flex;flex-direction: column;align-items: center;transition: all 0.5s ease-in-out;} .contacts__name{text-align: center;font-size: 14px;} .fa-contacts{position: relative;bottom: 0;right: 0;} .team-member h1, p.member-title {text-align: center;} .team-member h1 {margin-bottom: 0;text-transform: uppercase;} .team-member img {width: 100%;height: auto;} .accordion-item{border-bottom: 1px solid #e5e5e5;} .accordion-button{position: relative;display: block;text-align: left;width: 100%;padding: 1em 0;color: #020220;font-size: 1.15rem;font-weight: 400;border: none;background: none;outline: none;} .accordion-button:hover{cursor: pointer;color: #d40e1e;} .accordion-button::after{cursor: pointer;color:blue;border: 1px solid blue;} .accordion-title {padding: 1em 1.5em 1em 0;} .accordion-icon{display: inline-block;position: absolute;top: 18px;right: 0;width: 22px;height: 22px;border: 1px solid;border-radius: 15px;} .accordion-icon::before{display: block;position: absolute;content: '';top: 9px;left: 5px;width: 10px;height: 2px;background: currentColor;} .accordion-icon::after{display: block;position: absolute;content: '';top: 5px;left: 9px;width: 2px;height: 10px;background: currentColor;} .accordion button[aria-expanded='true'] {color:#d40e1e;} .accordion-icon::after{width: 0;} .accordion button[aria-expanded='true']+.accordion-content{opacity: 1;max-height: 100%;transition: all 200ms linear;will-change: opacity, max-height;} .accordion-content{opacity: 0;max-height: 0;overflow: hidden;transition: opacity 200ms linear, max-height 200ms linear;will-change: opacity, max-height;} .accordion-content p {font-size: 1rem;font-weight: 300;} .member-info__role{margin-top: -10px;text-align: center;} .member-info a{color:black;} @media screen and (max-width:1205px) {.team-member{flex-basis: 32%;}} @media screen and (max-width:821px) {.team-member{flex-basis: 47%;}} @media screen and (max-width:500px) {.team-member{flex-basis: 100%;}} .fa-viber {color: #e31e24;transition: color 0.3s ease-in-out;} .fa-viber:hover {color: #7360F2; } .contact-item__phone-number, .contact-item a {transition: color 0.3s ease-in-out;} .contact-item__phone-number:hover, .contact-item a:hover {color: red;} /* ------------------------------------------------------------------------------- Catalog ----------------------------------------------------------*/ .catalog__menu {display:flex;justify-content:space-around;} .catalog__menu li {flex-basis:33.33%;} .catalog__preview-elements{display: flex;flex-wrap: wrap;} .catalog__preview-elements li, .catalog__preview-elements div{flex-basis: calc(34% - 10px);} .catalog__preview-elements li:nth-child(3n) {margin-right: 0;} .catalog__preview-elements li:nth-last-child(-n+3) {flex-basis: 33.33%;margin-bottom: 0;} @media screen and (max-width: 600px) {.catalog__preview-elements{flex-flow: column;}.catalog-section img{width: 100%;}.catalog-section{margin-bottom:15px;}.catalog__menu{display:none;}.cat-subsection{margin-left: 2%;}} /* ------------------------------------------------------------------------------- Spares ----------------------------------------------------------*/ .title-spares-h3{font-size: 20px;line-height: 20px;margin-bottom: 10px;font-weight: bold;} body.catalog .catalog-section img, .spare-catalog-preview-img{max-width:100%;height:auto;} /* -----------------------------------------------*/ .figcaption-leasing{padding: 10px 0 5px 0;font: italic 90% Georgia,serif;text-align: center;} .feature-leasing-flex{padding: 15px 0 15px 0;margin: 10px 0 10px 0;;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;justify-content: space-around; background: linear-gradient(to bottom, #e3e3e3 0px, #fff 100%) no-repeat;} .leasing-item-feature{padding:5px;width:235px;height:auto;margin-top:10px;} body.leasing h2{padding-bottom:20px;} .img-leasing-feature{display:block;margin: 0 auto;} figure{margin:0px;} /* ------------------------------------------------------------------------------- Service ----------------------------------------------------------*/ .service_catalog{margin-bottom:2%;} /* ------------------------------------------------------------------------------- About company ----------------------------------------------------*/ .about-info p {padding-top: 0;font-size: 17px;color: #333;} .about-subpages-links{ margin-bottom: 20px;display:flex;flex-direction: column;} .about-tab{border-left: 10px solid #ccc;background-color: #fff;cursor: default;border-left-color: #d40e1f; display: block;padding: 10px;margin: 10px;} .about-tab a{color:black;} .about-info .about-main-description{font-family: 'Roboto', sans-serif;padding-top:0;} /* -----------------------------------------------*/ body.leasing .leasing-feature {width:25%;float: left;text-align: center;} .leasing-features {padding: 20px 0; background: linear-gradient(to bottom, #e3e3e3 0px, #fff 100%) no-repeat;} .item-content p {font-family:Arial; color:#333;} .leasing p, .stock-open p, .vacancy p, .about-company p{padding-bottom: 10px; padding-top:10px; line-height:25px; font-size:17px; font-family:Arial; color:#333;} .service p{ font-size:17px; font-family:Arial; color:#333;} .catalog-section a div {text-align: center;} ol, ol li, ol span {line-height:25px; font-size:16px; font-family:Arial; color:#333;} .news-open .content{width:1046px!important;} HTML,BODY,DIV,SPAN,APPLET,OBJECT,IFRAME,H1,H2,H3,H4,H5,H6,P,BLOCKQUOTE,PRE,A,ABBR,ACRONYM,ADDRESS,BIG,CITE,CODE,DEL,DFN,EM,FONT,IMG,INS,KBD,Q,S,SAMP,SMALL,STRIKE,STRONG,SUB,SUP,TT,VAR,DL,DT,DD,OL,UL,LI,FIELDSET,FORM,LABEL,LEGEND,CAPTION,TBODY,TFOOT,THEAD,TR,TH,TD,HR,menu{padding:0;margin:0;border:0;outline:0;font-family:'Roboto', sans-serif} html{overflow-x:hidden} a{text-decoration: none;} .content p a {text-decoration: none;border-bottom: 1px dashed #000080;} h3 a{color: #000;border-bottom: 1px dashed #000;} li{list-style-type:none} body.about-company menu a.about,body.contact-information menu a.contact-info,body.index menu a.home,body.leasing menu a.leasing,body.catalog menu a.catalog,body.stock menu a.stock,body.vacancy menu a.vacancy{color:#ffd30f;cursor:default} body.about-company menu a.about::after,body.contact-information menu a.contact-info::after,body.index menu a.home::after,body.leasing menu a.leasing::after,body.catalog menu a.catalog::after,body.stock menu a.stock::after,body.vacancy menu a.vacancy::after{height:2px;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} header,nav,section,article,footer,menu,time{display:block} .clear{clear:both} .wrap{margin:0 auto;} .title{font-size:27px;font-weight:bold;line-height:30px} h2{font-size:21px;font-weight:bold} h3{font-size:17px;font-weight:bold} hr{height:1px;background-color:#fff} header{padding: 0 0 0 0;} .menu_navigation{width:17px;height:17px;background-color:#3f3f3f;padding:1px;display:inline-block;float:left} .menu_line{width:100%;height:3px;margin-bottom:3px;background-color:#8a8a8a} .menu_line:last-child{margin-bottom:0} .not_desctop{position:relative;display:none} menu.not_desctop>li{margin:-3px 0 0 4px} menu.not_desctop>li>a{display:none} menu.not_desctop>li>a.selected{display:inline-block} #dropdown_menu{width:calc(100% + 89px);margin:28px auto 0;background-color:#3f3f3f;position:absolute;z-index:2} #dropdown_menu li{display:inline-block;height:25px;margin-left:20px;margin-top:3.75px} #dropdown_menu div{height:2.5em;width:100%} .arrow{width:7px !important;height:10px !important;display:inline-block;background:url('/upload/arrow4menu.png') no-repeat; margin-top:10px;} .delimiter{position:absolute;width:1px;background-color:#ccc;top:0;bottom:0;-webkit-box-shadow:3px 0 10px gray;-moz-box-shadow:3px 0 10px gray;box-shadow:3px 0 10px gray} .delimiter.left{left:280px} .delimiter.right{right:280px} html{font:normal normal 16px 'Roboto', Verdana,Arial,Helvetica,sans-serif;line-height:1.669em;color:#222} p.img-block{padding:25px 0 !important} .container{position:relative} .button{position:relative;display:inline-block;font-weight:bold;text-align:center;text-decoration:none;color:#222} .button .before,.button .after{width:26px} .button span{display:block;float:left;cursor:pointer} .button input[type="submit"]{position:absolute;right:0;left:0;padding:0;margin:0;height:100%;width:100%;font:normal bold 13px 'Roboto',Verdana,Arial,Helvetica,sans-serif;filter:alpha(opacity=0);opacity:0;z-index:1;background:yellow;border:0;outline:0;cursor:pointer} .heading{font-size:12px;font-weight:normal;text-transform:uppercase;color:gray} .contact-number a{color: #222;text-decoration:none;} .contact-number .contact.skype a{font-weight:normal} .contact-number .contact.skype a:hover{color:#od35ff} .contact-number .contact span{color: grey;} .contact-number .contact a{font-size: 16px;} .contact-main{margin-top:15px} .logo{float:left;width:179px;height:75px;background:url("/images/logo-polymya.png") no-repeat 0;margin-top:17px;/* margin-left: 20px; */} .call-back{float:left} .call-back span{height:43px; border-radius:26px;padding:0 20px;line-height:40px;background:url("/images/bg-middle-btn-small.png") 0 0 repeat-x} form .call-back span{width:180px;margin-left:calc(50% - 100px);} .call-back:hover span{background:url("/images/bg-middle-btn-small.png") 0 -43px repeat-x} .call-back:hover .before{background:url("/images/left-corner-btn-small.png") 0 -43px no-repeat} .call-back:hover .after{background:url("/images/right-corner-btn-small.png") 0 -43px no-repeat} .call-back:active span{background:url("/images/bg-middle-btn-small.png") 0 -86px repeat-x} .call-back:active .before{background:url("/images/left-corner-btn-small.png") 0 -86px no-repeat} .call-back:active .after{background:url("/images/right-corner-btn-small.png") 0 -86px no-repeat} .call-back .before,body.seeder-float .call-back .before,.call-back .after,body.seeder-float .call-back .after{height:43px} .call-back .before, body.seeder-float .call-back .before{background:url("/images/left-corner-btn-small.png") 0 0 no-repeat;margin-right:-1px} .call-back .after, body.seeder-float .call-back .after{background:url("/images/right-corner-btn-small.png") 0 0 no-repeat} menu a, menu span,.languages a{line-height:18px;text-transform:uppercase;} menu li,.languages li{float:left} .languages{padding-right:5px; padding-left:0} .languages a{text-decoration:none;} menu{float:left} menu li{position:relative;white-space:nowrap;} menu a, menu span{text-decoration:none;} .prompt{position:absolute;top:-26px;right:-81px;width:91px;height:23px;line-height:21px;color:white;text-align:center;font-weight:normal;letter-spacing:0;text-transform:uppercase;background-color:#c01;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px} .prompt span{font-size:8px} .prompt .triangle{position:absolute;left:10px;top:22px;width:5px;height:5px;background:url("/images/triangle.png") no-repeat} .languages{float:right;text-transform:uppercase} .languages li{padding-left: 8px;} .languages a.active{color:#ffd30f;font-weight:bold;text-decoration:none;cursor:default} .background-nav{width:100%;z-index:1000} time{font-size:14px;color:gray} .background-footer{background-color:#929292;color:white;z-index: 10;position: relative;} .background-footer>.wrap{background-color:#929292} footer .copyright{float:left} footer .developers{float:right} footer .developers a{color:#222} footer .developers a:hover{color:#c01} .item-head{padding:5px 0;cursor:pointer;border:1px solid #ccc;min-height:28px} .item-head:hover{background:#ccc} .item+.item .item-head{border-top:none} .item .item-title{padding-left:20px;display:inline-block;float:left} .item .item-content{margin:15px;display:none;} .item.active{border:1px solid #ccc} .item.active .item-head{border-top:none;border-left:none;border-right:none;background:#aaa} .item.active .item-title{color:#222} .item.active h3{border-color:#222} .item.active .item-content{display:block} .item-content div+div, .item-content p+p{margin-top: 10px} .item-content p:after, .item-content:after{content:"";display:table;clear:both;} .item-content iframe {margin:0 auto;display:block;} menu a, menu p{position:relative;display:inline-block;outline:0} menu a:hover,menu a:focus, .about-tab-link:hover, .about-tab-link:focus, .bel-tehnika-item a:hover, .bel-tehnika-item a:focus {outline:0;color:#e31e24;} .bel-tehnika-item a {color: #373736;font-size: 22px;} menu a:hover::after,menu a:focus::after{height:2px;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} menu .prompt:hover{color:white} menu .prompt:focus::after,menu .prompt:hover::after{height:0} .submenu-block{padding:30px 40px 35px 40px;} .submenu-block .submenu{padding:15px 0} .submenu-block .submenu:after{content:"";display:table;clear:both;} .submenu-block .submenu li{box-sizing:border-box;text-align:center;cursor:pointer;} .submenu-block .submenu li:hover{color: #f03226; transition: 1s ease-out;} .submenu-block .submenu li.active a{cursor:default} body.catalog.inner .submenu-block .submenu li{float:left;height:40px;width:300px;margin:0 20px;box-sizing:border-box;background:linear-gradient(to bottom, #989898 0px, #bdbdbd 100%) no-repeat;border-radius:4px;text-align:center;} .submenu-block .submenu a{text-decoration:none;color:black;line-height:2.25em;width:100%;height:100%;display:block;} .submenu-block .submenu a::after{content:">>";margin-left:15px;} .submenu-block .submenu a:hover{color:#f03226; transition: 0.2s ease-out} body.service .service-intro{text-align:center;font-weight:bold;padding:20px 0} body.service .service-intro p:last-child{color:#f03226} body.service .features{background:linear-gradient(to bottom, #e3e3e3 0px, #fff 100%) no-repeat} body.service .features:after{content:"";display:table;clear:both} body.service .service-list {border-bottom:1px solid grey;} body.service .service-list .item{display:block;padding:15px 0;text-align:center;line-height:1em;box-sizing:border-box;border-radius:4px;font-size:18px;box-shadow:0px 10px 13px rgba(240,50,38,.2);background:linear-gradient(to right, #f03226 0px, #f3493f 100%) no-repeat;} body.service .service-list .item a{color:#fff;text-decoration:none;display:block;width:100%} body.service .service-list .item:hover{color: #f03226; box-shadow: 0px 10px 13px rgba(0,0,0,.3); background:none !important;} body.service .service-list .item:hover a{color:#f03226} body.service .spares-list:after{content:"";display:table;clear:both} body.service .spares-list .item{box-sizing:border-box} /* body.service .spares-list h3{margin-top:10px;font-size:16px;line-height:16px;margin-bottom:5px;} */ body.service .spares-list .item a, .catalog__preview-elements a{margin-top:10px;color:black;text-decoration:none;} body.service .spares-list .item a:hover{color:#f03226} body.service .promo iframe{max-width:100%} body.service.inner h1{text-align:center;margin:10px 0;font-size:24px} body.service.inner ul.perks li:before{content:url(/images/red-tick.png);} body.service.inner .content-full p+p, body.service.inner .content-full p+ul, body.service.inner .content-full ul+p {margin-top:10px} body.service .promo{text-align:center;} body div.rew {margin-bottom:50px} body .rew .person .name{text-align:center;font-weight:bold;font-size:14px;line-height: 1.2em;} body .rew .quote{height:30px;float:left;background:url(/images/quotation.png) no-repeat} body .rew .content{float:right} body .rew .content p{text-align:justify;margin-bottom:10px} body .rew:after{content:"";display:table;clear:both;} body.about-company .rew img{width:200px} body.blank .popup-container-proposal{position:static;top:auto;left:auto;width:auto;height:auto;overflow-y:visible;display:block} body.blank .modal-screen{display:none} body.blank .popup-container-proposal .popup{margin-top:0;margin-left:0} body.blank .popup {margin-top:0;margin-left:0;position:static;top:auto;left:auto;} body.blank .cross{display:none} .popup-container-call,.popup-container-proposal,.popup-done-call,.popup-done-proposal{position:fixed;top:0;left:0;display:none;width:100%;height:100%;overflow-y:scroll;z-index:2} .popup-container-call p.popup-t,.popup-container-proposal p.popup-t,.popup-done-call p.popup-t,.popup-done-proposal p.popup-t{text-align:center;font-weight:bold} .popup-container-call label,.popup-container-proposal label,.popup-done-call label,.popup-done-proposal label{padding:5px 0;display:block;line-height:28px} .popup-container-call label:after,.popup-container-proposal label:after,.popup-done-call label:after,.popup-done-proposal label:after{content:"";clear:both;display:table;} .popup-container-call label p,.popup-container-proposal label p,.popup-done-call label p,.popup-done-proposal label p{margin-left:126px;display:none;line-height:17px;color:#c01;font-size:11px;font-style:italic} .popup-container-call label p.invalid,.popup-container-proposal label p.invalid,.popup-done-call label p.invalid,.popup-done-proposal label p.invalid{display:block} .popup-container-call .message,.popup-container-proposal .message,.popup-done-call .message,.popup-done-proposal .message{padding-bottom:20px;display:none} .popup-container-call .message.active,.popup-container-proposal .message.active,.popup-done-call .message.active,.popup-done-proposal .message.active{display:block} .popup-container-call input[type="text"],.popup-container-call textarea,.popup-container-call input[type="tel"],.popup-container-call input[type="email"],.popup-container-proposal input[type="text"],.popup-container-proposal textarea,.popup-container-proposal input[type="tel"],.popup-container-proposal input[type="email"],.popup-done-call input[type="text"],.popup-done-call textarea,.popup-done-call input[type="tel"],.popup-done-call input[type="email"],.popup-done-proposal input[type="text"],.popup-done-proposal textarea,.popup-done-proposal input[type="tel"],.popup-done-proposal input[type="email"]{padding:5px 10px;float:right;width:235px;font:normal bold 13px 'Roboto',Verdana,Arial,Helvetica,sans-serif;border:1px solid gray;outline:0;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 0 3px 0 gray;-moz-box-shadow:inset 0 0 3px 0 gray;box-shadow:inset 0 0 3px 0 gray} .popup-container-call input[type="text"].invalid,.popup-container-call textarea.invalid,.popup-container-call input[type="tel"].invalid,.popup-container-call input[type="email"].invalid,.popup-container-proposal input[type="text"].invalid,.popup-container-proposal textarea.invalid,.popup-container-proposal input[type="tel"].invalid,.popup-container-proposal input[type="email"].invalid,.popup-done-call input[type="text"].invalid,.popup-done-call textarea.invalid,.popup-done-call input[type="tel"].invalid,.popup-done-call input[type="email"].invalid,.popup-done-proposal input[type="text"].invalid,.popup-done-proposal textarea.invalid,.popup-done-proposal input[type="tel"].invalid,.popup-done-proposal input[type="email"].invalid{border-color:#c01} .popup-container-call input[type="text"],.popup-container-call input[type="tel"],.popup-container-call input[type="email"],.popup-container-proposal input[type="text"],.popup-container-proposal input[type="tel"],.popup-container-proposal input[type="email"],.popup-done-call input[type="text"],.popup-done-call input[type="tel"],.popup-done-call input[type="email"],.popup-done-proposal input[type="text"],.popup-done-proposal input[type="tel"],.popup-done-proposal input[type="email"]{height:18px} .popup-container-call textarea,.popup-container-proposal textarea,.popup-done-call textarea,.popup-done-proposal textarea{height:90px;font-weight:normal;resize:none;overflow-y:hidden} .add-message{margin:5px 0 18px 0;line-height:13px} .add-message a{color:#d40e1e;text-decoration:none;border-bottom:1px dotted #d40e1e} .add-message a:hover{color:#c01;border-color:#c01} .popup-container-call label{padding-left:40px;padding-right:140px} .popup-container-call .call-back{margin-left:162px} .popup-container-call .add-message{text-align:left} .popup-done-call,.popup-done-proposal{text-align:center} .popup-done-call .text,.popup-done-proposal .text{display:table-cell;vertical-align:middle} .popup-done-call p.popup-t,.popup-done-proposal p.popup-t{padding-bottom:22px} .popup-done-call p,.popup-done-call span,.popup-done-proposal p,.popup-done-proposal span{font-weight:bold} .popup-done-call span,.popup-done-proposal span{color:#c01} .popup-done-call .popup,.popup-done-proposal .popup{display:table} .popup{border:1px solid #ccc;background-color:white;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 35px 0 gray;-moz-box-shadow:0 0 35px 0 gray;box-shadow:0 0 35px 0 gray} .cross{position:absolute;width:20px;height:20px;background:url("/images/sprite-new.svg") -40px -140px no-repeat;cursor:pointer} .cross:hover{background:url("/images/sprite-new.svg") -60px -140px no-repeat} .modal-screen{position:fixed;top:0;width:100%;height:100%;filter:alpha(opacity=70);opacity:.7;background-color:white} .img-right img{padding:6px 0 0 20px;float:right} .img-left img{padding:6px 20px 0 0;float:left} blockquote{padding:12px 16px 14px 16px;font-style:italic;border:1px solid #ccc} blockquote span,blockquote a{color:gray} blockquote a:hover{color:#c01} blockquote p{padding-bottom:10px} .pika-thumbs li:hover{filter:alpha(opacity=70);opacity:.7} .pika-textnav{display:none} ol.wysiwyg{padding-left:22px} ol.wysiwyg li{margin-top:8px;list-style-type:decimal} ul.wysiwyg li{padding:0 0 0 25px;list-style-type:none;background:url("/images/sprite-new.svg") no-repeat;background-position:-233px -126px; line-height:25px; font-family:Arial; color:#333;} body.cleaner .section p,body.separators .section p,body.seeder .section p{padding:14px 0} h2.wysiwyg,h3.wysiwyg{margin:1em 0} h1.wysiwyg{margin:0 0 1em 0} .item h3.wysiwyg{margin:0} body.seeder img{padding:0} body.seeder .title{padding-bottom:20px} body.seeder .submenu-block ul:first-child .heading{padding-top:0} body.seeder .submenu-block .heading{padding:20px 0 3px 0} body.seeder .col-left{float:left} body.seeder .col-right{float:right} .pika-thumbs{margin:0 auto} .pika-thumbs img{max-width:100%;height:auto} .pika-thumbs li{padding:0;overflow:hidden;float:left;list-style-type:none;cursor:pointer} .pika-thumbs li .clip{position:relative;height:100%;text-align:center;vertical-align:middle;overflow:hidden} .pika-stage{margin:0 auto} .pika-stage img{height:auto;max-width:100%;max-height:400px} .pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px;background-color:rgba(0,0,0,0.7);border:3px solid black} .pika-counter{position:absolute;bottom:10px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:8px;-moz-border-radius:5px;border-radius:5px;cursor:default} body.contact-information .container{margin:0 auto} body.contact-information h1.title{text-align:center;margin-bottom:20px;} body.contact-information h3.heading, .about-info h3.heading {text-transform:uppercase;color:#d40e1e;margin-bottom:10px;text-align:center;font-size:17px;font-weight:bold} body.contact-information .contact-item.left,body.contact-information .contact-item.right{margin-top:0} body.contact-information .contact-item {margin-top:20px} body.contact-information .info{margin-bottom:20px;} body.contact-information .info:after{content:"";clear:both;display:table;} body.news .title,body.stock .title,body.news-open .title,body.stock-open .title{padding:0 0 15px 0} body.news .pages,body.stock .pages,body.news-open .pages,body.stock-open .pages{padding-top:30px} body.news .pages a,body.stock .pages a,body.news-open .pages a,body.stock-open .pages a{float:left;width:30px;height:31px;line-height:30px;text-align:center;font-size:17px;color:#c01} body.news .pages a:hover,body.stock .pages a:hover,body.news-open .pages a:hover,body.stock-open .pages a:hover{color:#0d35ff} body.news .pages a.active,body.stock .pages a.active,body.news-open .pages a.active,body.stock-open .pages a.active{text-decoration:none;color:white;background:url("/images/bg-pages.png") repeat;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;cursor:default} body.news .pages a.prev,body.stock .pages a.prev,body.news-open .pages a.prev,body.stock-open .pages a.prev{height:31px;margin-right:5px;background:url("/images/arrow-pages.png") no-repeat} body.news .pages a.next,body.stock .pages a.next,body.news-open .pages a.next,body.stock-open .pages a.next{height:31px;margin-left:5px;background:url("/images/arrow-pages.png") -30px 0 no-repeat} body.stock h1.title, body.news h1.title{font-size:26px;text-align:center} body.stock .stock-item, body.news .news-item{box-sizing:border-box} body.stock .stock-item a, body.news .news-item a{text-decoration:none;color:gray} body.stock .stock-item h3, body.news .news-item h3{font-size:16px;line-height:16px;color:black} body.news .news-item time{color:#d40e1e} body.stock .stock-item a:hover h3, body.news .news-item a:hover h3{color:#f03226} body.stock .stock-item a:hover time, body.news .news-item a:hover time, body.news .news-item a:hover .preview{color:black} body.stock-open h1.title, body.news-open h1.title{text-align:center} body.news .preview{line-height:20px;font-size:15px;} body.news-open img{max-width:960px;} body.about-company h1.title{text-align:center} body.about-company img.about-main{display:block;margin:0 auto;} body.about-company .photo-comment{font-size:14px;font-weight:bold;margin-bottom:20px;text-align:center;} body.about-company .container p+p, body.about-company .container p+ul, body.about-company .container li+li, body.about-company .container ul+p {margin-top:5px} body.about-company ul.about-intro li:before{content: url(/images/red-tick.png);} body.about-company .regards{float:right;font-weight:bold;font-style:italic;color:#d40e1e} body.about-company .about-menu{padding:20px 0;background:linear-gradient(to bottom, #e3e3e3 0px, #fff 100%) no-repeat} body.about-company .about-menu a{float:left;text-align:center;color:black;text-decoration:none;font-size:20px;} body.about-company .about-menu a:hover{color:#d40e1e} body.about-company .about-menu .menu-reviews{background:url(/images/about/reviews.png);width:140px;height:140px;margin:0 auto} body.about-company .about-menu .menu-reviews:hover{background:url(/images/about/reviews-hover.png)} body.about-company .about-menu .menu-certificates{background:url(/images/about/certificates.png);width:140px;height:140px;margin:0 auto} body.about-company .about-menu .menu-certificates:hover{background:url(/images/about/certificates-hover.png)} body.about-company .about-menu .menu-news{background:url(/images/about/news.png);width:140px;height:140px;margin:0 auto} body.about-company .about-menu .menu-news:hover{background:url(/images/about/news-hover.png)} body.about-company .about-menu .menu-team{background:url(/images/about/our-team.png);width:140px;height:140px;margin:0 auto} body.about-company .about-menu .menu-team:hover{background:url(/images/about/our-team-hov.png)} div#fancy_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #666;display: none;z-index: 1000;} * html div#fancy_overlay {position: absolute;height: ex * pression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} div#fancy_wrap {text-align: left;} div#fancy_loading {position: absolute;height: 40px;width: 40px;cursor: pointer;display: none;overflow: hidden;background: transparent;z-index: 100;} div#fancy_loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background: transparent url('/images/fancy_progress.png') no-repeat;} div#fancy_loading_overlay {position: absolute;background-color: #FFF;z-index: 30;} div#fancy_loading_icon {position: absolute;background: url('/images/fancy_loading.gif') no-repeat;z-index: 35;width: 16px;height: 16px;} div#fancy_outer {position: absolute;top: 0;left: 0;z-index: 1000;padding: 18px 18px 33px 18px;margin: 0;overflow: hidden;background: transparent;display: none;} div#fancy_inner {position: relative;width:100%;height:100%;border: 1px solid #BBB;background: #FFF;} div#fancy_content {margin: 0;z-index: 100;position: absolute;} div#fancy_div {background: #000;color: #FFF;height: 100%;width: 100%;z-index: 100;} img#fancy_img {position: absolute;top: 0;left: 0;border:0;padding: 0;margin: 0;z-index: 100;width: 100%;height: 100%;} div#fancy_close {position: absolute;top: -12px;right: -15px;height: 30px;width: 30px;background: url('/images/fancy_closebox.png') top left no-repeat;cursor: pointer;z-index: 181;display: none;} #fancy_frame {position: relative;width: 100%;height: 100%;display: none;} #fancy_ajax {width: 100%;height: 100%;overflow: auto;} a#fancy_left, a#fancy_right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;z-index: 111;display: none;background-image: url(data:image/gif;base64,AAAA);outline: none;} a#fancy_left {left: 0px;} a#fancy_right {right: 0px;} span.fancy_ico {position: absolute;top: 50%;margin-top: -15px;width: 30px;height: 30px;z-index: 112;cursor: pointer;display: block;} span#fancy_left_ico {left: -9999px;background: transparent url('/images/fancy_left.png') no-repeat;} span#fancy_right_ico {right: -9999px;background: transparent url('/images/fancy_right.png') no-repeat;} a#fancy_left:hover {visibility: visible;} a#fancy_right:hover {visibility: visible;} a#fancy_left:hover span {left: 20px;} a#fancy_right:hover span {right: 20px;} .fancy_bigIframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;} div#fancy_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 70;border: 0;padding: 0;margin: 0;} div.fancy_bg {position: absolute;display: block;z-index: 70;border: 0;padding: 0;margin: 0;} div.fancy_bg_n {top: -18px;width: 100%;height: 18px;background: transparent url('/images/fancy_shadow_n.png') repeat-x;} div.fancy_bg_ne {top: -18px;right: -13px;width: 13px;height: 18px;background: transparent url('/images/fancy_shadow_ne.png') no-repeat;} div.fancy_bg_e {right: -13px;height: 100%;width: 13px;background: transparent url('/images/fancy_shadow_e.png') repeat-y;} div.fancy_bg_se {bottom: -18px;right: -13px;width: 13px;height: 18px;background: transparent url('/images/fancy_shadow_se.png') no-repeat;} div.fancy_bg_s {bottom: -18px;width: 100%;height: 18px;background: transparent url('/images/fancy_shadow_s.png') repeat-x;} div.fancy_bg_sw {bottom: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('/images/fancy_shadow_sw.png') no-repeat;} div.fancy_bg_w {left: -13px;height: 100%;width: 13px;background: transparent url('/images/fancy_shadow_w.png') repeat-y;} div.fancy_bg_nw {top: -18px;left: -13px;width: 13px;height: 18px;background: transparent url('/images/fancy_shadow_nw.png') no-repeat;} div#fancy_title {position: absolute;bottom: -33px;left: 0;width: 100%;z-index: 100;display: none;} div#fancy_title div {color: #FFF;font: bold 12px Arial;padding-bottom: 3px;} div#fancy_title table {margin: 0 auto;} div#fancy_title table td {padding: 0;vertical-align: middle;} td#fancy_title_left {height: 32px;width: 15px;background: transparent url(/images/fancy_title_left.png) repeat-x;} td#fancy_title_main {height: 32px;background: transparent url(/images/fancy_title_main.png) repeat-x;} td#fancy_title_right {height: 32px;width: 15px;background: transparent url(/images/fancy_title_right.png) repeat-x;} body.about-company .certificates{width:100%} body.about-company a.fancy img{width:250px;} body.about-company a.fancy {display:inline-block;text-align:center;margin-bottom:20px;} body.about-company a.fancy :hover{opacity:0.8;cursor:zoom-in} .flag-vel{background: url('/images/sprite-new.svg') -97px -146px no-repeat;display: inline-block;width:18px;height:14px;} .skype-logo{background: url('/images/sk-log.png') 0 0 no-repeat;display: inline-block;width:18px;height:18px; position:relative;top:5px;} .download-link{width:20px;height:25px;background:url('/images/download-icon.png') no-repeat;display:inline-block;} .info-products div.download{margin-top:15px} div.download a:before {content: url(/images/pdf-download.svg);margin-right:10px} div.download a{color:black;text-decoration:none} div.download a:hover{color:#f03226} .item .item-title-after{display:inline-block;width:15px;height:15px;background:url('/images/plus.png') no-repeat;position:relative;float:right;top:6px;right:20px;} .item.active .item-title-after{background:url('/images/minus.png') no-repeat;} p.tel{display:inline-block;margin-left:5px;font-weight:bold;cursor:pointer;} #sk_opt{position:relative;z-index:100;} .sk-list{position:absolute;top:0px;left:23px;} .sk-list li{display:block;padding:5px 30px;border:1px solid black;background-color:white;} .popup h2{text-align:center} body.catalog.inner .proposal-container, body.catalog.inner .proposal-container.float{display:none} div.proposal-container:not(.float){text-align:center;margin:20px 0} body.seeder-float .section .title{font-size:24px;margin:0 auto 10px} form .commercial-proposal.button, .proposal-container .commercial-proposal{width:225px;height:50px;background:linear-gradient(to bottom, #d8010c 0, #9b0008 100%);border-radius:4px;margin:20px auto;cursor:pointer} form .commercial-proposal.button{width: 150px;} .proposal-container .commercial-proposal{font-weight: 550;border-radius:10px;} form .commercial-proposal.button:hover, .proposal-container .commercial-proposal:hover{background:linear-gradient(to top, #d8010c 0, #9b0008 100%)} body.seeder-float .proposal-container.float{margin:0;box-sizing:content-box;-webkit-box-sizing:content-box;width:70px;height:50px;bottom:50%;bottom:calc(50% - 50px);right:0;position:fixed;-webkit-border-radius:10px 0 0 10px;-moz-border-radius: 10px 0 0 10px;border-radius:10px 0 0 10px;border:2px solid transparent;background-color:#d40e1e;} body.seeder-float .proposal-container.float:hover{background-color:#e15762} form .commercial-proposal.button span{float:none;color:#fff;text-transform:uppercase;margin-top:10px} body.seeder-float form .call-back{width:100%} body.seeder-float .commercial-proposal, body.service .commercial-proposal, body.stock-open .commercial-proposal{margin:0} body.service .commercial-proposal{border-radius:10px;} body.seeder-float .commercial-proposal .image, body.service .commercial-proposal .image, body.stock-open .commercial-proposal .image{background-image:url(/images/order-offer.svg);width:48px;height:29px;margin:10px;float:left} body.seeder-float .proposal-container.float .commercial-proposal span{line-height:normal;padding:0;border-radius:0;box-sizing:content-box;-webkit-box-sizing:content-box;width:70px;height:50px;background-image:url(/images/writeus.svg);background-position:center center;background-repeat:no-repeat;} body.seeder-float .proposal-container:not(.float) .commercial-proposal span, body.service .proposal-container:not(.float) .commercial-proposal span, body.stock-open .proposal-container:not(.float) .commercial-proposal span{margin-top:11px;margin-left:0px;padding:0;color:#fff;font-weight:500;text-transform:uppercase;} body.service .proposal-container:not(.float) .commercial-proposal span{font-weight:600;margin-left:-5px;} body.seeder-float .scrollup+header span{height:auto;line-height:normal;padding:0;border-radius:0;box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(/images/mini4.png);background-position:center center;background-repeat:no-repeat;} body.seeder-float .scrollup+header{padding:0} form{text-align:center;} form label span{float:left;} form label span#checkbox-checkmark{float:none;font-size: 14px;} a.light-link{color:#595959;text-decoration:underline;} body.seeder-float .wrap header .call-back{display:none} .overlay-proposal{display:none} .proposal-container.float:hover .overlay-proposal{display:block} .overlay-proposal {border:2px solid #d40e1e;border-radius:10px;padding:5px 0;position:absolute;top:-52px;width:200px;left:-140px;background-color:white} .overlay-proposal:before, .overlay-proposal:after{content:'';position:absolute;left:150px;bottom:-20px;border:10px solid transparent;border-top:9px solid #d40e1e} .overlay-proposal:after{border-top:10px solid white;bottom:-19px} .search-form:before{content:"";display:table;clear:both} .search-form{position:relative;} .search-form form{text-align:right;position:relative;} .search-form input[type="text"]{height:24px;padding:0 10px;width: 120px;} .search-form input[type="submit"]{margin-left:5px;height:26px;width:26px;background:url(/images/sprite-new.svg) -40px -114px no-repeat;border:none} .search-form input[type="submit"]:hover, .search-page input.search-button:hover{cursor:pointer;background:url(/images/sprite-new.svg) -66px -114px no-repeat} .search-form input[type="submit"]:active, .search-page input.search-button:active{cursor:pointer;background:url(/images/sprite-new.svg) -92px -114px no-repeat} .search-form input[type="text"]:hover, .search-form input[type="text"]:focus, .search-form input[type="text"]:active, .search-page input.search-query:hover, .search-page input.search-query:focus, .search-page input.search-query:active{outline:none} .search-form input[type="text"]:focus{border-color:#eeeeee;} .search-form input[type="text"]:active, .search-page input.search-query:active{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;outline:none} .search-form input[type="submit"]:hover, .search-form input[type="submit"]:focus, .search-form input[type="submit"]:active, .search-page input.search-button:hover, .search-page input.search-button:focus, .search-page input.search-button:active{outline:none;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1} .search-page h1{text-align:center} p.query-string{text-align:center;font-size:20px; padding:10px 0} .search-item { margin: 0 0 1.5em; padding: 0 0 1.5em; border-bottom: 1px solid;} .search-item h4 { font-size: 140%; font-weight: normal; line-height: 1.2; margin: 1.3em 0 0.4em;} .search-item h4 a { text-decoration:none;color:black} .search-item h4 a:hover{ text-decoration:none;color:#f03226} .search-result { margin: 0;} .search-preview {margin: 0.5em 0;text-align:justify} .search-page input.search-query {font-size:1.3em;height:20px;padding:5px 15px} .search-page input.search-button { font-size: 1.2em; } .search-page form{text-align:left;height:35px;} .search-item{ border-color: #E9E9E9;} .search-page input.search-button{height:26px;width:26px;background:url(/images/sprite-new.svg) -40px -114px no-repeat;border:none;position:relative;left:92%; top:-30px} .search-result .pages a{display:inline-block;width:35px;height:28px;border:1px solid #ccc;text-align:center;padding-top:7px;text-decoration:none;vertical-align:top} .search-result .pages a.active{color:#7b7b7b} .search-result .pages a:visited{color:#00e} .search-result .pages a:hover, .search-result .pages a.prev:hover, .search-result .pages a.next:hover{background-color:#f3f3f3} .search-result .pages a.prev{background:url(/images/pagin.png) no-repeat center left} .search-result .pages a.next{background:url(/images/pagin.png) no-repeat center right} body.catalog a+header{display:none;} .catalog-map h1.catalogmap-title{text-align:center;margin:10px 0;font-size:27px;} .catalog.inner .catalog-map h1.catalogmap-title{font-size:24px;} .section-description{font-size:16px;} .section-description:after{content:"";display:table;clear:both} .section-description div, .section-description p{margin-bottom:10px; font-family:Arial; color:#333;} .section-description+ul{margin:0 40px} .detail-text div, .detail-text p{margin-bottom:10px; font-family:Arial; color:#333;} body.index .wrap .last{margin-right:0} body.index h3{padding-bottom:1.385em;font-weight:normal;} body.index ul.slides {position:relative;width:100%;} body.index .catalog-block:after{content:"";display:table;clear:both} body.index .catalog-block .col.last{float:right;margin-right:0;display:inline} body.index .catalog-block a{color:#222} body.index .catalog-block a:hover{color:#c01} body.index .catalog-background{background-color:#e3e3e3 } body.index .popular-items{padding:3.077em 0;max-width:93.847em;_width:93.847em;padding-left:2.308em;padding-right:2.308em;margin-left:auto;margin-right:auto} body.index .popular-items:after{content:"";display:table;clear:both} body.index .popular-items ul{width:100%;float:right;margin-right:0;display:inline} body.index .popular-items li{position:relative;width:22.54094%;float:left;margin-right:3.27874%;display:inline} body.index .popular-items .teaser1,body.index .popular-items .teaser2,body.index .popular-items .teaser3,body.index .popular-items .teaser4{display:block;height:160px;background-position:50% 0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} body.index .popular-items .teaser1{background-image:url("/images/teasers-img1.jpg")} body.index .popular-items .teaser2{background-image:url("/images/teasers-img2.jpg")} body.index .popular-items .teaser3{background-image:url("/images/teasers-img3.jpg")} body.index .popular-items .teaser4{background-image:url("/images/teasers-img4.jpg")} body.index .popular-items a .overlay{position:absolute;top:0;width:100%;height:100%;display:none;background-color:black;filter:alpha(opacity=30);opacity:.3} body.index .popular-items a span{position:absolute;bottom:1.077em;left:.769em;font-size:15px;text-decoration:underline;color:white} body.index .popular-items a:hover .overlay{display:block} body.index .popular-items a:hover span{color:#ffd30f} body.index .section{position:absolute;top:0;left:0;padding:.308em .769em .462em .769em;display:inline-block;font-size:10px;line-height:13px;color:#222;background-color:#ffd30f} body.index .section:hover{color:#c01} body.index .news{box-sizing:border-box;} body.index .news:after{content:"";display:table;clear:both} body.index .news a{color:#222; text-decoration:none;} /* body.index .news a:hover{color:#c01} */ body.index .news ul{margin-right:0;} /* body.index .news ul{margin-right:0;display:inline} */ div.characteristics{overflow-x:auto} table.tech, table.tech td, table.tech tr, table.tech th{border-collapse:collapse;border:4px solid #fff;font-size:14px;line-height:1.3em;padding:4px 10px} table.tech{min-width:100%} table.tech thead{background-color:#aaa;text-align:center;font-weight:bold} table.tech tbody{background-color:#e2e2e2} table.tech tbody tr td{text-align:center} table.tech tbody th{text-align:left;font-weight:normal;} table.tech.intro td, table.tech.intro tr, table.tech.intro th{min-width:0} body.leasing .leasing-main{display:block;margin:0 auto} body.leasing p.leasing-do{font-weight:bold;text-align:center} body.leasing .leasing-menu {margin:20px 0;border-top:1px solid gray;border-bottom:1px solid gray;background: linear-gradient(to bottom, #e3e3e3 0px, #fff 300px, #fff 100%) no-repeat;} body.leasing .leasing-menu:after {content:"";display:table;clear:both} body.leasing .leasing-menu .menu-item{margin:15px 0;float:left;text-align:center} body.leasing .leasing-menu .menu-item-benefits{width:140px;height:140px;margin:0 auto;background:url(/images/leasing/thumb.png)} body.leasing .leasing-menu .menu-item-benefits:hover{background:url(/images/leasing/thumb-hover.png)} body.leasing .leasing-menu .menu-item-howto{width:140px;height:140px;margin:0 auto;background:url(/images/leasing/how-to-get.png)} body.leasing .leasing-menu .menu-item-howto:hover{background:url(/images/leasing/how-to-get-hover.png)} body.leasing .leasing-menu .menu-item-products{width:140px;height:140px;margin:0 auto;background:url(/images/leasing/products.png)} body.leasing .leasing-menu .menu-item-products:hover{background:url(/images/leasing/products-hover.png)} body.leasing .leasing-menu .menu-item a{color:black} body.leasing .leasing-menu .menu-item a:hover{color:#f03226} body.leasing .list_tick:before{content: url(/images/red-tick.png)} body.leasing .contacts {margin-bottom:20px} body.leasing .contacts .contacts-button{display:block;padding:15px 0;text-align:center;line-height:1em;box-sizing:border-box;border-radius:4px;font-size:18px;box-shadow:0px 10px 13px rgba(240,50,38,.2);background:linear-gradient(to right, #f03226 0px, #f3493f 100%) no-repeat;} body.leasing .contacts .contacts-button a{color:#fff;text-decoration:none;display:block;width:100%} body.leasing .contacts .contacts-button:hover{color: #f03226; box-shadow: 0px 10px 13px rgba(0,0,0,.3); background:none !important;} body.leasing .contacts .contacts-button:hover a{color:#f03226} body.leasing a.text{color:black} body.leasing a:visited.text{color:black} body.leasing .container_leasing{box-shadow:0 0 20px rgba(0,0,0,0.5);padding:5px 10px} body.leasing .container_maininfo{margin-bottom:10px} body.leasing .container_logo{display:inline-block;height:50px} body.leasing .container_text{display:inline-block;vertical-align:top;padding-top:5px} body.leasing li.leasing{line-height:20px;padding:5px;border-bottom:1px dashed #ccc} body.leasing li.leasing_last{line-height:20px;padding:5px} body.leasing .first_part{display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:40%} body.leasing .second_part{display:block;overflow:hidden} body.catalog.inner .title{padding:5px 65px;font-size:24px} body.catalog .submenu-block{padding:0} body.catalog.inner .submenu {margin:0 80px} body.catalog .submenu span{padding-left:34px;font-size:11px} body.catalog .submenu input[type="checkbox"]{vertical-align:middle;outline:0} body.catalog.inner .submenu ul,body.catalog.inner .submenu span{width:100%} body.catalog .choice-parameters{padding-bottom:16px;display:none;line-height:30px;width:86.4%;float:left} body.catalog .choice-parameters.open{display:block} body.catalog .choice-parameters button{margin-top:-10px;padding:0;font-size:16px;font-family:'Roboto', sans-serif,Verdana,Arial,Helvetica,sans-serif;color:#fff;border:0;background:#f03226;display:inline-block;vertical-align:top;outline:0;cursor:pointer;width:100%;height:25px;} body.catalog .choice-parameters button.active{color:#222;font-weight:bold;cursor:default} body.catalog .choice-parameters button.active span{color:#c01;font-weight:bold;border:0} body.catalog h2{padding:30px 0 6px 0} body.catalog .heading{padding-top:3px;display:inline-block} body.catalog .manufacturer::after{content:"";display:table;clear:both} body.catalog .m-logo{float:left;text-align:center;} body.catalog .m-products{float:left} body.catalog .m-products h3{text-transform:uppercase;margin-bottom:10px} body.catalog .m-products a{display:block;text-decoration:none;color:#000} body.catalog .m-products a:hover{color:#d40e1e} body.catalog .catalog-map:after{display:table;content:"";clear:both} body.catalog .catalog-sections{box-sizing:border-box;} body.catalog .catalog-section{box-sizing:border-box} body.catalog .catalog-section.nodisplay{display:none} body.catalog .catalog-section h3{font-size:16px;line-height:16px;margin-bottom:5px} body.catalog.inner .catalog-section h3{margin-top:10px} body.catalog.inner .catalog-section h3 a, body.catalog .catalog-section a{margin-top:10px;color:black;text-decoration:none;} body.catalog.inner .catalog-section h3 a:hover, body.catalog .catalog-section a:hover{color:#f03226;text-decoration:none;} body.catalog .cat-subsection li{padding-bottom:10px;line-height:0.9em;} body.catalog .cat-subsection li:before{content:"";background:url(/images/list-item.png) no-repeat;width:12px; height:7px;display:inline-block} body.catalog ul.cat-subsection a{text-decoration:none;color:#000;font-size:16px} body.catalog ul.cat-subsection a:hover{color:#f03226} .commercial-proposal{margin-top:20px} .img4skype{display:none} .catalog-menu:after{content:"";display:table;clear:both} .catalogue_mobile{position:relative;width:169px;height:0;top:85px;left:720px;z-index:1} .download{text-decoration:none;color:#000} .karusel_mobile,.catalogue_mobile{display:none} .right_mobile{display:none} .block_text{text-align:center;height:100px;font-size:8pt;line-height:1.5;padding-bottom:10px} .person-block{width:214px;margin-right:6px;float:left} div.outline{width:660px;background:#878787;padding-top: 3px;} div.name{width:317px;vertical-align:center;display:inline-block;color:white;font-weight:bold;font-size:14px;padding-left:10px;} div.name_one{width:660px;vertical-align:center;display:inline-block;color:white;font-weight:bold;font-size:14px;text-align:center;} div.info-cont{width:660px;} div.info-left{width:320px;display:inline-block;text-align:justify;padding: 10px 0;line-height:1.2em;margin-right:15px;vertical-align: top;} div.info-right{width:319px;display:inline-block;text-align:justify;padding: 10px 0;line-height:1.2em;vertical-align: top;} .img-right{float:right;margin:0 0 5px 5px;} .last_img{width:660px;height:296px;padding-left: 285px;padding-top:3px; background-image: url(/upload/iblock/000/a12.jpg);background-repeat:no-repeat;line-height:1.2em;} a.textdecor {opacity:0.7;filter: alpha(opacity=70);-khtml-opacity: 0.7;-webkit-text-stroke: 1px black; filter: Shadow(Color=#000000, Direction=45, Strength=1);font-size: 60px;} .scrollup {position:fixed;opacity:0.3;display:none;width: 40px;height: 40px; background: url(/images/sprite-new.svg) -194px -100px} a.scrollup:hover{opacity:1.0;} .contact-skype a:hover{cursor:pointer;} header table td{padding:0 !important;vertical-align:middle !important;text-align:left;font-size: 16px;} header table a {line-height:normal !important;color: #222 !important;} header table a:hover {color:#222 !important} .breadcrumbs{background:#eee;border-width:1px;border-style:solid;border-color: #f5f5f5 #e5e5e5 #ccc;border-radius: 20px;box-shadow: 0 0 2px rgba(0,0,0,.2);overflow:hidden;} .breadcrumbs div{float:left;} .breadcrumbs a, .breadcrumbs span{padding:0 0.5em 0 1.5em;float:left;text-decoration:none;color:#444;position:relative;text-shadow:0 1px 0 rgba(255,255,255,.5);font-size:15px} .breadcrumbs a{background-color:#e3e3e3;background-image:linear-gradient(to right, #f5f5f5, #e3e3e3)} .breadcrumbs div:first-child a{padding-left:1em;border-radius:5px 0 0 5px} .breadcrumbs a:hover{background: #fff} .breadcrumbs a::after,.breadcrumbs a::before{content:"";position:absolute;top:50%;margin-top:-1.5em;border-top:1.5em solid transparent;border-bottom:1.5em solid transparent;border-left:1em solid;right:-1em;} .breadcrumbs a::after{z-index:2;border-left-color:#e3e3e3;} .breadcrumbs a::before{border-left-color:#ccc;right:-1.1em;z-index:1;} .breadcrumbs a:hover::after{border-left-color:#fff;} .breadcrumbs:last-child,.breadcrumbs:last-child:hover{font-weight:bold;background:none;} .breadcrumbs:last-child::after,.breadcrumbs:last-child::before{content:normal;} .catalog .elements::after{content:"";display:table;clear:both} .catalog .elements+.section-description{background:linear-gradient(to bottom, #e3e3e3 0, #fff 100%) no-repeat;margin:0 auto;padding-bottom:22px;} .catalog .submenu-block+.wrap::after{clear:both;content:"";display:table;} .letter{color:#d40e1e;font-weight:bold;float:left;font-size:24px;margin:0 20px;width:25px} .letter-cont{float:left} .letter-category{margin:10px 0 10px 40px} .letter-category::after{content:"";display:table;clear:both} .letter-cont a{color:#000;text-decoration:none;display:block} .letter-cont a:hover{color:#d40e1e} .visuallyhidden {opacity: 0;} body.news-open .content p{padding-bottom: 10px; padding-top:10px; line-height:25px; font-size:17px; font-family:Arial; color:#333;} body.news-open img.left, body.news-open iframe.left{float:left;margin-right:30px;margin-top:15px;margin-bottom:15px} body.news-open img.right, body.news-open iframe.right{float:right;margin-left:30px;margin-top:15px;margin-bottom:15px} body.news-open img.middle, body.news-open iframe.middle, figure>img{display:block;margin:0 auto;margin-top:15px;margin-bottom:15px;max-width:100%;} body.sitemap>div.wrap{margin:0 auto} body.sitemap h1{font-weight:400;text-align:center} body.sitemap .map{margin:20px 0} body.sitemap .map:after{content:"";display:table;clear:both} body.sitemap h3.cat-name {border-bottom:1px solid #ccc;} body.sitemap h3.cat-name:not(:first-child){margin-top:15px} body.sitemap h3.cat-name a{text-transform:uppercase;color:#d40e1e} body.sitemap h3.cat-name a:after{content:" ›";opacity:0;transition:0.25s ease-out;} body.sitemap h3.cat-name a:hover::after{opacity:1;} body.sitemap .columns-left a, body.sitemap .column-right a{color:#000;text-decoration:none;transition:0.25s ease-out;} body.sitemap .columns-left a:hover, body.sitemap .column-right a:hover, body.sitemap .container li.last-level a:hover{color:#d40e1e} body.sitemap .container li{margin-left:15px;font-weight:normal;text-transform:none;} body.sitemap .container li.with-mark{font-weight:bold} body.sitemap .container li.with-mark:before{content: "";background: url(/images/list-item.png) no-repeat;width: 12px;height: 7px;display: inline-block;} body.sitemap .container li.map-level1 {text-transform:uppercase;font-weight:bold} body.sitemap .container li.map-level1:not(:first-child){margin-top:15px} body.sitemap .container li.last-level a{color:grey} .footer-col a{color:#fff;text-decoration:none} .footer-col .map-icon-pic{background:url(/images/sprite-new.svg) -178px -133px no-repeat;width:16px;height:28px;float:left;margin-right:10px} .footer-col .call-icon-pic{background:url(/images/sprite-new.svg) -118px -140px no-repeat;width:20px;height:20px;float:left;margin-right:10px;margin-top:4px} .footer-col .fax-icon-pic{background:url(/images/sprite-new.svg) -138px -140px no-repeat;width:20px;height:20px;float:left;margin-right:10px;margin-top:4px} .footer-col .mail-icon-pic{background:url(/images/sprite-new.svg) -158px -140px no-repeat;width:20px;height:20px;float:left;margin-right:10px;margin-top:4px} .footer-col .footer-info{height:28px} .footer-col .sitemap-icon-pic{background:url(/images/sprite-new.svg) 0 -100px no-repeat;width:40px;height:2em;float:left;margin-right:10px} .footer-col .social-links a{display:block;width:30px;height:30px;float:left;margin-right:10px;opacity:0.75} .footer-col .social-links a:hover{opacity:1} .footer-col .social-links a.soc-inst{background:url(/images/sprite-new.svg) 0px -189px no-repeat} .footer-col .social-links a.soc-tiktok{background:url(/images/sprite-new.svg) -159px -221px no-repeat} .footer-col .social-links a.soc-fb{background:url(/images/sprite-new.svg) -32px -189px no-repeat} .footer-col .social-links a.soc-youtube{background:url(/images/sprite-new.svg) -64px -189px no-repeat} .footer-col .social-links a.soc-twi{background:url(/images/sprite-new.svg) -96px -189px no-repeat;display:none} .footer-col .social-links a.soc-li{background:url(/images/sprite-new.svg) 0px -221px no-repeat;display:none} .footer-col .social-links a.soc-gplus{background:url(/images/sprite-new.svg) -32px -221px no-repeat} .footer-col .social-links a.soc-vk{background:url(/images/sprite-new.svg) -64px -221px no-repeat;display:none} .footer-col .social-links a.soc-ok{background:url(/images/sprite-new.svg) -96px -221px no-repeat;display:none} .footer-col .social-links a.soc-rss{background:url(/images/sprite-new.svg) -128px -221px no-repeat;display:none} .footer-col .social-links:after{content:"";display:table;clear:both} .footer-sitemap{font-size:27px;line-height:2em} .main-slider{position:relative} ul.slides{position:relative; padding:0;margin:0;list-style-type:none} .slide{position:static;top:0;left;0;width:100%;height:100%;opacity:0;z-index:1;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;} .slide.showing, .stock-slide.showing{opacity:1;z-index:2;} .bg{width:100%;height:100%;background-size:100%;} .controls {position:absolute;opacity:0;z-index:9;cursor:pointer;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;} .main-slider:hover .controls{opacity:0.3} #previous.controls{left:0;bottom:0;background:white url(/images/prev.png) no-repeat 50% 50%;} #next.controls{right:0;bottom:0;background:white url(/images/next.png) no-repeat 50% 50%;} #previous.controls:hover, #next.controls:hover{opacity:0.6} /* -----------------------------------------------*/ .main-stocks{position:relative;} ul.stock-slides{position:relative; padding:0;margin:0;list-style-type:none} .stock-slide{position:static;top:0;left;0;width:100%;height:100%;opacity:0;z-index:1;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;} #prev-stocks, #next-stocks {position:absolute;height:100%;z-index:9;cursor:pointer;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;} .main-stocks:hover #prev-stocks,.main-stocks:hover #next-stocks{opacity:0.2} #prev-stocks{left:0;bottom:0;background:url(/images/prev-red-arrow.png) no-repeat 50% 85%;margin-left:-4%;margin-bottom: 6%;} #next-stocks{right:0;bottom:0;background:url(/images/next-red-arrow.png) no-repeat 50% 85%;margin-right:-4%;margin-bottom: 6%;} .main-stocks:hover #prev-stocks:hover, .main-stocks:hover #next-stocks:hover{opacity:1} .catalog-block a{text-decoration:none;} .pagination{margin:10px 0;text-align:center;position:relative;} .pagination ul{padding:0;margin:0;list-style:none;display:inline-block;} .pagination ul li{display:inline-block;margin:0 2px 15px 2px;} .pagination ul li span{-webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;-moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;-o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;transition: color .3s ease, background-color .3s ease, border-color .3s ease;background: #eff0f1;padding: 0 8px;display: block;height: 32px;min-width: 32px;line-height: 32px;color: #444;font-size: 14px;vertical-align: middle;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .pagination ul li a{text-decoration: none;display: block;height: 32px;min-width: 32px;line-height: 32px;color: #444;vertical-align: middle;} .pagination ul li a:hover span{background: #DADADA;} .pagination ul li.active span{background: #d40e1e;color: #fff;} .pagination ul li.pag-all a span,.pagination ul li.pag-prev a span,.pagination ul li.pag-next a span{background: #fff;border: 2px solid #eff0f1;line-height: 28px;padding: 0 18px;color: #444;} .pagination ul li.pag-all span,.pagination ul li.pag-prev span,.pagination ul li.pag-next span{color: #aab1b4;background: #fff;border: 2px solid #eff0f1;line-height: 28px;padding: 0 18px;} .pagination ul li.pag-all a:hover span,.pagination ul li.pag-prev a:hover span,.pagination ul li.pag-next a:hover span{background: #fff;border-color: #DADADA;color: #000;} #vacancy-form{margin:0 auto;} #vacancy-form input.inputtext{margin:10px 0;font-size: 18px;line-height: 24px;box-sizing:border-box;border-radius:4px;border:1px solid rgba(0,0,0,.3);outline:none} #vacancy-form textarea{resize:vertical;padding: 10px;margin:10px 0;font-size: 18px;line-height: 24px;box-sizing:border-box;border-radius:4px;border:1px solid rgba(0,0,0,.3);outline:none} #vacancy-form label{font-weight:400;color:#999;display:block;text-align:left;} #vacancy-form div:after{content:"";clear:both;display:table;} #vacancy-form div:nth-child(12) label {margin-top:0} #vacancy-form div:nth-child(11) label {margin-top:0} #vacancy-form input.inputtext:hover, #vacancy-form input.inputtext:active, #vacancy-form textarea:hover, #vacancy-form textarea:active{border:1px solid black;} #vacancy-form div:nth-child(12) label, #vacancy-form div:nth-child(13) label{float:left;width:270px;} #vacancy-form div:nth-child(12) img, #vacancy-form div:nth-child(13) img{float:left} #vacancy-form div:nth-child(12) input[type="text"], #vacancy-form div:nth-child(13) input[type="text"]{width:120px} #vacancy-form input[type="submit"]{color:#fff;background-color:#f03226;box-shadow:0px 10px 20px rgba(0,0,0,0.3);border:none;width:200px;height:50px;font-size:20px;border-radius:4px;outline:none;margin:20px;} #vacancy-form input[type="submit"]:hover{cursor:pointer;box-shadow:0px 10px 20px rgba(0,0,0,0.4);} #vacancy-form input[type="submit"]:active{color: #fff; background-color: #c4271d; box-shadow: none;} .social-services{top:103px;right:-50px;position:absolute;z-index:10} #popup-toggle{position:relative;cursor:pointer} .social-connect{text-align:center;position:relative;right:39px} .social-connect div{margin:10px;height:0px} .social-connect span{display:none;float:right;position:relative;top:8px;left:-75px;background:#fff;border-radius:10px;padding:3px 11px;} .soc-write{width:50px;height:50px;background:url(/images/sprite-new.svg) -200px 0 no-repeat;cursor:pointer} .soc-skype{width:50px;height:50px;background:url(/images/sprite-new.svg) 0 0 no-repeat} .soc-viber{width:50px;height:50px;background:url(/images/sprite-new.svg) -100px 0 no-repeat} .soc-telegram{width:50px;height:50px;background:url(/images/sprite-new.svg) -50px 0 no-repeat} .soc-whatsapp{width:50px;height:50px;background:url(/images/sprite-new.svg) -150px 0 no-repeat} .soc-write:hover{width:50px;height:50px;background:url(/images/sprite-new.svg) -200px -50px no-repeat} .soc-skype:hover{width:50px;height:50px;background:url(/images/sprite-new.svg) 0 -50px no-repeat} .soc-viber:hover{width:50px;height:50px;background:url(/images/sprite-new.svg) -100px -50px no-repeat} .soc-telegram:hover{width:50px;height:50px;background:url(/images/sprite-new.svg) -50px -50px no-repeat} .soc-whatsapp:hover{width:50px;height:50px;background:url(/images/sprite-new.svg) -150px -50px no-repeat} .img-circle{background-color:#f03226;box-sizing:content-box;-webkit-box-sizing:content-box;} .circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #f03226;width:110px;height:110px;bottom:-13px;right:17px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;} .circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#f03226;width:80px;height:80px;bottom:2px;right:32px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;} .img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:60px;height:60px;bottom: 12px;right: 41px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;} .img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:60px;height:60px;background-image:url(/images/social.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 2.5s;-webkit-animation-duration: 2.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} /* ------------------------------------------------------------Блок героев полей------------------------------------------------------------------ */ .hero-section {position: relative;display: flex;justify-content: space-between;align-items: center;padding: 20px 50px 50px;font-family: Roboto;} .hero-title{font-style: italic;} .hero-img {box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);} .hero-section div {max-width: 950px;margin-left: 30px;} .hero-section h2 {font-size: 1.3em;text-transform: uppercase;margin: 5px 0;} .hero-section p {font-size: 16px;font-style: italic;font-family: Arial;line-height: 27px;} .hero-section span {font-family: Arial} /* -----------------------------------------------*/ .read-more-wrap::before {color: #ccc;content: '\201C';font-size: 4em;line-height: 0.1em;margin-right: 0.1em;vertical-align: -0.4em;} .hero-label {display: inline-block;text-decoration: none;background: #ff1823;;color: #fff;margin-top: 5px;} .open-quote{display:none!important;} .read-more-state, .read-more-state-2, .read-more-state-3, .read-more-state-4 {display: none;} .read-more-target, .read-more-target-2, .read-more-target-3, .read-more-target-4 {opacity: 0;max-height: 0;font-size: 0;transition: .25s ease;} .read-more-state:checked ~ .read-more-wrap .read-more-target, .read-more-state-2:checked ~ .read-more-wrap-2 .read-more-target-2, .read-more-state-3:checked ~ .read-more-wrap-3 .read-more-target-3, .read-more-state-4:checked ~ .read-more-wrap-4 .read-more-target-4{opacity: 1;font-size: inherit;max-height: 999em;} .read-more-state ~ .read-more-trigger:before, .read-more-state-2 ~ .read-more-trigger-2:before, .read-more-state-3 ~ .read-more-trigger-3:before, .read-more-state-4 ~ .read-more-trigger-4:before{content: 'Читать далее'; color: #fff;font-size: 18px;padding: 8px 10px;} .read-more-state:checked ~ .read-more-trigger:before, .read-more-state-2:checked ~ .read-more-trigger-2:before, .read-more-state-3:checked ~ .read-more-trigger-3:before, .read-more-state-4:checked ~ .read-more-trigger-4:before{content: 'Скрыть';} .read-more-trigger, .read-more-trigger-2, .read-more-trigger-3, .read-more-trigger-4 {cursor: pointer;display: inline-block;padding: 0 .5em;color: #666;font-size: .9em;line-height: 2;border: 1px solid #ddd;border-radius: .25em;} .info-error404{margin:0 auto} body.vacancy h1{text-align:center;font-weight:bold; margin:20px 0 10px;line-height:1em} body.vacancy #vcf{margin-top:-10px;padding-top:20px;clear:both;background:linear-gradient(to bottom, #e3e3e3 0px, #fff 100%) no-repeat} body.vacancy .clear:after, body.vacancy.rew:after{content:"";display:table;clear:both;} body.vacancy .vacancy-intro{text-align:center;font-weight:bold; margin-bottom:10px;line-height:1em} body.vacancy .rew{margin-bottom:30px;} body.vacancy .fact{margin-bottom:15px;float:left;text-align:center} body.vacancy .fact>div{width:140px;height:140px;margin:0 auto} body.vacancy .fact-age{background:url(/images/vacancy/tractor.png) no-repeat} body.vacancy .fact-staff{background:url(/images/vacancy/staff.png) no-repeat} body.vacancy .fact-creed{background:url(/images/vacancy/creed.png) no-repeat} body.vacancy .fact-age:hover, body.vacancy .fact-age:active{background:url(/images/vacancy/tractor-hover.png) no-repeat;cursor:pointer;} body.vacancy .fact-staff:hover, body.vacancy .fact-staff:active{background:url(/images/vacancy/staff-hover.png) no-repeat;cursor:pointer;} body.vacancy .fact-creed:hover, body.vacancy .fact-creed:active{background:url(/images/vacancy/creed-hover.png) no-repeat;cursor:pointer;} body.vacancy .vac:hover{color: #f03226; box-shadow: 0px 10px 13px rgba(0,0,0,.3); background:none !important;} body.vacancy .vacancy-form{text-align:left} body.vacancy .vac-menu{border-top:1px solid grey;border-bottom:1px solid grey;padding:20px 0} body.vacancy .vac-menu div{display:block;cursor:pointer;float:left;width:21%;margin:0 2%;padding:15px 0;text-align:center;line-height:1em;box-sizing:border-box;border-radius:4px;color:#fff;font-size:18px;box-shadow: 0px 10px 13px rgba(240,50,38,.2);background:linear-gradient(to right, #f03226 0px, #f3493f 100%) no-repeat} body.vacancy .vac-menu div:hover, body.vacancy .vac-menu div.active{color: #f03226; box-shadow: 0px 10px 13px rgba(0,0,0,.3); background:none !important;} body.vacancy .vac-menu div.active{cursor:default} body.vacancy .vac-content>div{display:none;} body.vacancy .vac-content .staff-content, body.vacancy .vac-content .talents-content, body.vacancy .vac-content .corporate-content, body.vacancy .vac-content .vacancy-content{margin-top:30px} body.vacancy .vac-content p.head-abstract{font-size:34px; text-align:center; margin:30px 0} body.vacancy .vac-content .event:after{content:"";display:table;clear:both} body.vacancy .vac-content .event+.event{margin-top:30px;padding-top:30px;border-top:1px solid #ccc} body.vacancy .vac-content .photo{text-align:center} body.vacancy .vac-content .photo-sign{text-align:center;font-weight:bold;font-size:14px;line-height: 1.2em} body.vacancy .vac-content>div.active{display:block;} body.vacancy .vacancy-head-top{cursor:pointer;width:15%;padding:10px 0;line-height:1em;box-sizing:border-box;border-radius:4px;color:#fff;font-size:22px;font-weight:normal;letter-spacing:1px;position:absolute;top:8px;background:linear-gradient(to bottom, #595959 0px, #989898 100%) no-repeat} body.vacancy .fact .fact-age-more, body.vacancy .fact .fact-staff-more, body.vacancy .fact .fact-creed-more{display:none;top:50%;background-color:white;border-radius:5px;box-shadow:0 0 35px 0 grey;padding:40px} body.vacancy .fact .fact-age-more{margin-top:-155px;} body.vacancy .fact .fact-staff-more{margin-top:-190px;} body.vacancy .fact .fact-creed-more{margin-top:-210px;} body.vacancy .fact-age-more.active, body.vacancy .fact-staff-more.active, body.vacancy .fact-creed-more.active{display:block} body.vacancy .fact ul li{text-align:justify;margin:5px 0;line-height:1.5em;} body.vacancy .fact ul li:before{content:url(/images/red-tick.png)} body.vacancy .vacancy-content .vacancy-list{box-sizing:border-box} body.vacancy .vacancy-content .vacancy-link{color:black;text-decoration:none} body.vacancy .vacancy-content .vacancy-link .vac{margin:0 20%;min-height:303px;padding:30px 0;text-align:center;border-radius:4px;background:linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, #cfd4d7 5px, #cfd4d7 10px, #cfd4d7 10px) repeat-x 3px 0px / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, #cfd4d7 5px, #cfd4d7 10px, #cfd4d7 10px) repeat-y 100% 3px / 1px 10px, linear-gradient(to right, #cfd4d7 0px, #cfd4d7 5px, #cfd4d7 5px, #cfd4d7 10px, #cfd4d7 10px) repeat-x 3px 100% / 10px 1px, linear-gradient(to bottom, #cfd4d7 0px, #cfd4d7 5px, #cfd4d7 5px, #cfd4d7 10px, #cfd4d7 10px) repeat-y 0px 3px / 1px 10px} body.vacancy .vacancy-content .vacancy-link .vacancy-name{letter-spacing:1px;text-transform:uppercase;margin-top:10px;font-size:20px} body.vacancy .vacancy-content .vac-contacts-head{font-size:20px;font-weight:bold;float:left} body.vacancy .vacancy-content .vac-contacts{float:left;margin-left:20px} body.vacancy .vacancy-content .vacancy-call{float:left;margin-right:10px;background:url(/images/vacancy/call-icon.png) no-repeat 0 4px;width:20px;height:28px} body.vacancy .vacancy-content .vacancy-mail{float:left;margin-right:10px;background:url(/images/vacancy/mail-icon.png) no-repeat 0 4px;width:20px;height:28px} body.vacancy .vacancy-content .vacancy-fax{float:left;margin-right:10px;background:url(/images/vacancy/fax-icon.png) no-repeat 0 4px;width:20px;height:28px} .vac-req li {list-style-type:disc;text-align:justify;margin-left: 20px} body.vacancy .vac-header {margin:30px 0 10px;text-align:center;line-height:1em} body.vacancy .vac-offer {margin-top:20px;font-weight:bold;font-size:20px} /* ------------------------- NOT SHOWING ------------------- */ .social-icons-mobile-menu, .hamburger-menu{display:none;} @keyframes pulse {0% {transform: scale(0.9);opacity: 1;} 50% {transform: scale(1); opacity: 1; } 100% {transform: scale(0.9);opacity: 1;}} @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;} 50% {-webkit-transform: scale(1);opacity: 1;} 100% {-webkit-transform: scale(0.95);opacity: 1;}} @keyframes tossing { 0% {transform: rotate(-8deg);} 50% {transform: rotate(8deg);} 100% {transform: rotate(-8deg);}} @-webkit-keyframes tossing { 0% {-webkit-transform: rotate(-8deg);} 50% {-webkit-transform: rotate(8deg);} 100% {-webkit-transform: rotate(-8deg);}} @-moz-keyframes circle-anim { 0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;} 30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;} 100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}} @-webkit-keyframes circle-anim { 0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;} 30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;} 100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}} @-o-keyframes circle-anim { 0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;} 30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;} 100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}} @keyframes circle-anim { 0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;} 30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;} 100% {transform: rotate(0deg) scale(1) skew(1deg); opacity: .1;}} @-moz-keyframes circle-fill-anim { 0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;} 50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;} 100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}} @-webkit-keyframes circle-fill-anim { 0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2; } 50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2; } 100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}} @-o-keyframes circle-fill-anim { 0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;} 50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;} 100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}} @keyframes circle-fill-anim { 0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;} 50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;} 100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}} /* --------------------------------------------Вывод тэгов в новостных постах------------------------------------------------ */ p.tags{display: inline-block!important;} /* --------------------------------------------Цвет тегов в новостях--------------------------------------------------------- */ .btn-tags{color: #546e7a;} /* --------------------------------------------стиль описания фото в новостях----------------------------------------------- */ figcaption{padding:0 1%;font: italic 90% Georgia,serif;text-align:center;margin-bottom: 15px;} /* -----------------------------------стили кнопок расшаривания в разделе "новости"----------------------------------------- */ .catalog-sb-area{margin: 0 40px 0 105px;} .fb-like>span{height: 29px!important;} .pagination + .catalog-sb-area {display: none;} .reviews-fancy {width: 33%!important;} .papers {width: 365px!important;} /* -----------------------------------------------*/ .img-block > img {margin: 0 auto; display: block; max-width: 100%} .rounded {counter-reset: li;list-style:none;padding: 0;text-shadow: 0 1px 0 rgba(255,255,255,.5);padding: 5px 0px 5px 50px;} .rounded span {position: relative;display: block;padding: .4em .4em .4em 2em;margin: .5em 0;background: #DAD2CA;color: #444;text-decoration: none;border-radius: .3em;transition: .3s ease-out;} .rounded span:hover {background: #E9E4E0;} .img-spares{display:block;margin:10px auto;} .rounded span:before {content: counter(li);counter-increment: li;position: absolute;left: -1.3em;top: 50%;margin-top: -1.3em;background: #8FD4C1;height: 2em;width: 2em;line-height: 2em;border: .3em solid white;text-align: center;font-weight: bold;border-radius: 2em;transition: all .3s ease-out;} /*-----------------------------------------service-------------------------------------------------------------------*/ .advantages {margin-bottom: 117px;} .advantages-list {text-align: center;margin-top: 3%;margin-bottom: 2%;} .advantages-list li {display: inline-block;vertical-align: top;width: 270px;} .advantages-list li .img-block-icons {width: 100%;height: 70px;text-align: center;margin-bottom: 21px;} .advantages-list li .text {font-family: circle, arial;font-size: 20px;color: #000;line-height: 1.15;} .price-block {background: url('../images/price-bg.png') center 60px no-repeat;} .price-block > .title {font-family: circleextralight, arial;font-size: 60px;color: #fff;text-align: center;margin-bottom: 33px;} .price-block .subtitle {font-family: circlelight, arial;font-size: 24px;color: #000;max-width: 690px;margin: auto;text-align: center;line-height: 1.2;margin-bottom: 57px;} body.service h2 {text-align: center;} .price-list {text-align: center;padding-bottom: 5%;} .price-list li {display: inline-block;vertical-align: top;box-sizing: border-box;width: 314px;height: 320px;background: #fff;box-shadow: 0px 23px 40px rgba(0,0,0,0.1);padding: 31px 0 0 0;margin: 0 13px;opacity: 1;} .price-list li.hover {opacity: 0.5;} .price-list li.active {background: linear-gradient(to top right, #104ecc 0%, #10a6cc 100%);} .price-list li .img-block {width: 100%;height: 65px;} .price-list li .title {font-family: circlebold, arial;font-size: 24px;color: #000;text-align: center;margin-bottom: 12px;border-bottom: 1px solid black;} .price-list li .text {height: 114px;font-family: circle, arial;font-size: 16px;color: #000;line-height: 1.2;text-align: center;max-width: 240px;margin: auto;overflow: hidden;text-overflow: ellipsis;} .price-list li .price {font-family: circle, arial;font-size: 24px;color: #000;text-align: center;} .price-list li.active .title, .price-list li.active .text, .price-list li.active .price {color: #fff;} div .text {text-align: center;} #first-service {background-image: url(/images/remont-sh-tehniki.jpg);background-size: 100%;background-repeat: no-repeat;} #second-service {background-image: url(/images/tehobsluzhivanie-i-defektovka.jpg);background-size: 100%;background-repeat: no-repeat;} #third-service {background-image: url(/images/garantiinoe-i-poslegarantiinoe.jpg);background-size: 100%;background-repeat: no-repeat;} #fourth-service {background-image: url(/images/remont-traktora-fendt.jpg);background-size: 100%;background-repeat: no-repeat;} #fifth-service {background-image: url(/images/remont-mtz.jpg);background-size: 100%;background-repeat: no-repeat;} #sixth-service {background-image: url(/images/remont-dvigatelei.jpg);background-size: 100%;background-repeat: no-repeat;} /*-------------------------MAIN PAGE / LEASING---------------------------------------*/ .heading-secondary {text-align:left;font-size: 23px;text-transform: uppercase;font-weight: 700;display: inline-block;background-image: linear-gradient(to right, #de470c, #d40e1e);-webkit-background-clip: text;color: transparent;-webkit-transition: all .2s;transition: all .2s;padding-bottom: 30px;} .main-page__leasing-banner__advantages li::marker {color:#d40e1e; content: '▶ ';font-size: 17px;} .main-page__leasing-banner__advantages li{font-size:20px;margin-bottom: 10px;} .main-page__leasing-banner__advantages{margin: 0 0 30px 20px;} .btn, .btn:link, .btn:visited {text-transform: uppercase;text-decoration: none;padding: 13px 15px;display: inline-block;border-radius: 4px;-webkit-transition: all .2s;transition: all .2s;position: relative;font-size: 15px;border: none;cursor: pointer} .btn:hover {-webkit-transform: translateY(-3px);transform: translateY(-3px);-webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2)} .btn:hover::after {-webkit-transform: scaleX(1.4) scaleY(1.6);transform: scaleX(1.4) scaleY(1.6);opacity: 0} .btn:active, .btn:focus {outline: none;-webkit-transform: translateY(-1px);transform: translateY(-1px);-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2)} .btn--white {background-color: #fff;color: #777} .btn--white::after {background-color: #fff} .btn--green {background-color: #d40e1e;color: #fff;font-weight: 550;} .btn--green::after {background-color: #d40e1e;} .btn-text:link, .btn-text:visited {font-size: 1.6rem;color: #55c57a;display: inline-block;text-decoration: none;border-bottom: 1px solid #55c57a;padding: 3px;-webkit-transition: all .2s;transition: all .2s} .btn-text:hover {background-color: #55c57a;color: #fff;-webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);-webkit-transform: translateY(-2px);transform: translateY(-2px)} .btn-text:active {-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);-webkit-transform: translateY(0);transform: translateY(0)} .form__group {text-align: left;} .form__input {font-size: 18px;font-family: inherit;color: inherit;padding: 10px 0px;border-radius: 2px;padding-left: 12px;background-color: rbga(#fff, 0.5);border: none;border-bottom: 3px solid transparent;width: 80%;display: block;-webkit-transition: all .3s;transition: all .3s} .form__input:focus {outline: none;-webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);border-bottom: 3px solid #55c57a} .form__input:focus:invalid {border-bottom: 3px solid #ff7730} .form__input::-webkit-input-placeholder {color: #999} .form__label {font-size: 1.2rem;font-weight: 700;margin-left: 2rem;margin-top: .7rem;display: block;-webkit-transition: all .3s;transition: all .3s} .form__input:placeholder-shown+.form__label {opacity: 0;visibility: hidden;-webkit-transform: translateY(-4rem);transform: translateY(-4rem)} .form__radio-group {width: 49%;display: inline-block} .form__radio-input {display: none} .form__radio-label {font-size: 1.6rem;cursor: pointer;position: relative;padding-left: 4.5rem} .form__radio-input:checked ~ .form__radio-label .form__radio-button::after {opacity: 1} .row-demo:not(:last-child) {margin-bottom: 8rem} .row-demo::after {content: "";display: table;clear: both} #form-demopokaz {text-align: left;} .header__text-box {position: absolute;top: 40%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center} .book {background-image: linear-gradient(125deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 50%, transparent 50%), url(img/main-banner-leasing.jpg);background-size: 100%;background-repeat: no-repeat;border-radius: 3px;} .book__form {width: 50%;padding: 3em;} .section-book{margin-bottom:30px;} /*-----------------------------------Список для сервиса------------------------------------------*/ .service-list-ul{margin-bottom:20px;padding-left:25px;} ul.service-list-ul li{padding:0px 0px 3px 35px;list-style-type: none;background:url(/images/checked-1.png) no-repeat;font-family: Arial;color: #333;} .not-showing{display:none;cursor:pointer;} .free-demo{background-color: red;color: white;padding: 2px;} #issue_collector{position: fixed!important;bottom: 48px;right: 24px;z-index: 100;font-weight: 500;transition: width 500ms;width: 48px;height: 48px;background-color: #e83841;margin-right: 16px;position: relative;overflow: hidden;border-radius: 24px;box-shadow: 0 2px 8px 0 rgba(0,0,0,.24);background-repeat: no-repeat;background-position: 12px 12px;vertical-align: top;box-sizing: border-box;padding-left: 48px;line-height: 48px;cursor: pointer;background-image: url(/stylesheets/img/ballot.png);} .white-popup {position: relative;background: #FFF;padding: 50px;width:auto;max-width: 450px;margin: 0 auto;border-radius: 15px;top: 40%;left: 0%;} #opros-img{width: 100px;height: 115px;float: left;margin-right: 15px;} .message {font-size: 16px;line-height: 60px;padding: 0 60px;background-color: #6a6b99;color: #fff;text-transform: uppercase;display: inline-block;border-radius: 8px;text-decoration: none;} .follow {box-shadow: 0 1px 2px rgba(0,0,0,0.3);text-shadow: 0 1px 0 rgba(0,0,0,0.3);border-radius: 10px;color: #6a6b99;background: #FFF79A;border-bottom: 6px solid #E1B442;text-decoration: none;cursor: pointer;padding: 2% 38%;font-weight: 500;} .text-opros {font-size: 18px;font-family: "Calibri", "Trebuchet MS", "Helvetica", sans-serif;} .overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: rgba(39,47,53,0.69);display: none;} .close-popup {position: absolute;top: 15px;right: 15px;width: 23px;height: 23px;cursor: pointer;} .close-popup:before {content: '';background-color: #6a6b99;position: absolute;height: 1px;width: 15px;top: 11px;left: -4px;transform: rotate(-45deg);} .close-popup:after {content: '';background-color: #6a6b99;position: absolute;height: 1px;width: 15px;top: 11px;transform: rotate(45deg);left: -4px;} .agrar-banner{display:block;margin: 0 auto;padding: 10px 0 12px;} #table-tehnologi td, #table-tehnologi tr{padding:5px!important;border: solid black 1px!important;} .map-service>ymaps{margin:auto;max-width:100%} body.service h2{padding-bottom:10px;} .polimery-number{font-size: 20px;} .title-catalog-section-h3{font-size:20px;line-height:16px;margin-bottom:10px;margin-top:15px;margin-left:4%;font-weight:bold;} .review-employees{display:flex;justify-content:space-around;flex-wrap:wrap;} /* -------------------------------------------------------------- MEDIA --------------------------------------------------------------- */ /*------------------------------------------------------------------75em----------------------------------------------------------------*/ @media only screen and (max-width: 75em){ .book{background-image: linear-gradient(105deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 50%, transparent 65%), url(img/main-banner-leasing.jpg); background-size: cover} } /*---------------------------------------------------------------- 56.25em -------------------------------------------------------------*/ @media only screen and (max-width: 56.25em) { .book__form {padding-left: 5px;padding-top: 20px;padding-bottom: 20px;} .form__group:not(:last-child) {margin-bottom: 5px;} } @media only screen and (max-width: 56.25em) { .row-demo [class^="col-"]:not(: last-child) {margin-right: 0;margin-bottom: 6rem} } @media only screen and (max-width: 56.25em) { .row-demo [class^="col-"] {width: 100% !important} } /*----------------------------------------------------------------------------1350px----------------------------------------------------*/ @media only screen and (max-width: 1350px) { .price-list li {max-width: 296px;max-height: 230px;margin-bottom: 20px;} .img-block {display: none;} .price-list li .text {font-size: 18px;} .price-list {padding-bottom: 0px;} .price-list li .title {margin-bottom: 25px;margin-top: 10px;font-size: 18px;line-height: 1.1;} } @media only screen and (max-width: 1350px) { .form__radio-group {width: 100%;margin-bottom: 2rem} } @media only screen and (max-width: 1350px) { .section-book {padding: 1rem 0} } /*----------------------------------------------------------------------------1350px----------------------------------------------------*/ @media screen and (min-width:1280px){ .wrap {width:1350px} .contact-number{width:918px} .contact-number .contact{padding-right: 40px;padding-bottom:10px} header table {margin-top:8px;border-spacing:0 15px} .contact.misc td:first-child{color: grey;} header table td{margin-bottom: 10px} body.catalog .catalog-sections{padding:10px} body.service .catalog-section {width:33.33%;float:left;padding:10px 20px; box-sizing:border-box;} .cat-container{width:1020px;float:left;padding: 10px 40px;} .catalog .elements{width:1230px;margin:0 auto;} body.service .spares-list .item{flex-basis: calc(34% - 10px);box-sizing:border-box;} body.stock .stock-elements, body.news .news-elements{margin: 0 120px} body.stock .stock-item, body.news .news-item {width: 33.33%;padding: 0 20px;float: left} body.sitemap>div.wrap{width:1180px} .main-stocks{height:225px;margin:25px 60px;} body.index .news{padding: 8px 0px 20px 0px;} .breadcrumbs{width: 1280px;margin: 10px auto 10px;} body.catalog .submenu{padding:10px 0} .catalogue{width:160px;float:left;margin-top:20px;margin-left:-15px;} .catalog.inner .catalog-map >.wrap{width:1230px} .catalog.inner .section-description+ul{margin:0 105px} .catalog .elements+.section-description{width:1150px} .content-full{padding:0 40px} body.leasing .wrap .container{margin:0 40px} body.leasing .contacts .contacts-button{width:33.33%;margin:0 33.335%} body.stock-open .wrap .content, body.news-open .wrap .content{width:1180px;margin:0 auto} body.about-company .wrap .container{width:1180px;margin:0 auto} body.vacancy .vac-content a.fancy{display:block;float:left;width:21%;margin: 10px 2%;} body.contact-information .container{width:1180px} } /*--------------------------------------1279px------------------------------------------------------------------------------------------*/ @media screen and (min-width:1070px) and (max-width:1279px){ body.vacancy .vac-content a.fancy{display:block;width:25%;margin:10px 0;float:left} body.vacancy .vac-content a.fancy img{display:block;margin:0 auto} } @media screen and (min-width:481px) and (max-width:1279px){ .catalog.inner .catalog-map >.wrap{width:100%} body.leasing .contacts .contacts-button{width:300px;margin:0 auto} } @media screen and (min-width:950px) and (max-width:1279px){ /* body.service .spares-list {padding:20px 0} */ /* body.service .spares-list .item{width:calc(33.33% - 10px);max-width:300px;margin:0 calc((100% - 900px)/6) 20px;float:left} */ /* body.service .spares-list .item img{max-width:100%;height:auto} */ body.stock .stock-item, body.news .news-item{width:calc(33.33% - 10px);max-width:300px;margin:0 calc((100% - 900px)/6) 20px;float:left} body.stock .stock-item img, body.news .news-item img{max-width:100%;height:auto} } @media screen and (min-width:1060px) and (max-width:1279px){ .catalog .elements{width:1020px;margin:0 auto;} /* body.service .spares-list{padding:20px 0} */ /* body.service .spares-list .item{width:33.33%;float:left;box-sizing:border-box;padding:10px 0} */ } @media screen and (min-width:1000px) and (max-width:1279px){ .main-logo-img{width:90px;} menu li{margin-right:10px;} menu a, menu span,.languages a{font-size: 14px;} .logo{display:inline-block;width:130px;background-size:100%;margin-top:0} .contact-number{right:45px} .contact-number .contact{padding-right:15px;padding-bottom:8px} header table {padding-bottom:0 !important;border-collapse:separate;border-spacing:0 8px} .contact.misc td:first-child{color: grey;} header table td{margin-bottom: 10px} .circlephone{display:none} .search-form input[type="text"]{width:130px} .social-services{top:88px;right:-95px} .index-workarea{padding:0 20px} .breadcrumbs{width:calc(100% - 40px);margin:0 20px 10px} body.catalog .catalog-sections{padding:0 20px;max-width:100%} body.catalog .catalog-section img{max-width:100%} body.catalog .submenu-block .content{padding:0 20px} body.catalog .submenu{padding:10px 0} .cat-container{width:calc(100% - 40px);padding:10px 20px} .catalog.inner .section-description+ul{max-width:1020px;margin:0 auto} .catalog .elements+.section-description{width:calc(100% - 40px)} .section-description{padding:15px 20px 0;} .content-full{padding:0 20px} body.leasing .wrap .container{margin:0 20px} body.leasing .leasing-menu{margin-left:-20px;margin-right:-20px} body.stock .stock-elements, body.news .news-elements{margin: 0 20px} body.stock-open .wrap .content, body.news-open .wrap .content{margin:0 auto} body.about-company .wrap .container{margin:0 20px} body.about-company a.fancy img{max-width:100%} body.contact-information .container{width:calc(100% - 40px)} body.sitemap>div.wrap .container{margin:0 20px} } @media screen and (max-width:1279px){ body.index .wrap{width:100% !important} .stock-slides img{width:100%;height:auto;} .catalogue{display:none} .m-logo img{width:100%;max-width:220px} body.stock-open img, body.news-open img, body.stock-open iframe, body.news-open iframe{max-width:100%} body.vacancy .vacancy-intro-img{max-width:100%} body.vacancy hr, body.vacancy .vacancy-head-top{display:none} div#fancy_outer{max-width:93%} } /*--------------------------------------1279px------------------------------------------------------------------------------------------*/ @media(max-width: 1120px) { .advantages {margin-bottom: 10px;} .advantages-list {max-width: 600px;margin: auto;} .advantages-list li {margin-bottom: 66px;} .service-map {width: 100%;} } @media screen and (min-width:1070px){ body.vacancy .vac-menu div{width:21%;margin:0 2%} body.vacancy .vac-menu{height:48px} } /*--------------------------------------1069px------------------------------------------------------------------------------------------*/ @media screen and (min-width:800px) and (max-width:1069px){ body.vacancy .vac-content a.fancy{display:block;width:33.3%;margin:10px 0;float:left} body.vacancy .vac-content a.fancy img{display:block;margin:0 auto} } @media screen and (min-width:560px) and (max-width:1069px){ body.vacancy .vac-menu div{width:50%;margin:0 calc(25% - 125px);max-width:250px} body.vacancy .vac-menu div:nth-child(n+3){margin-top:10px} body.vacancy .vac-menu{height:106px} } /*--------------------------------------1069px------------------------------------------------------------------------------------------*/ @media screen and (min-width:1000px) and (max-width:1059px){ .catalog .elements {width: calc(100% - 40px);margin:0 auto} } @media (max-width: 1024px){ .review-employees{flex-direction: column!important;align-center: center;} } @media screen and (min-width:1000px){ html{width:100%} nav{padding:10px 10px 10px 10px} .background-nav{height:48px} menu li{margin-right:35px;} menu a, menu span{font-weight:bold;} menu a, menu span,.languages a{color:#373736;font-size: 15px;letter-spacing:1px;} .contact-number{float:right;position:relative} .contact-number .contact{float:left} header table {padding-bottom:0 !important;border-collapse:separate} .soc-write:hover span,.soc-viber:hover span,.soc-telegram:hover span,.soc-whatsapp:hover span,.soc-skype:hover span{display:block} body.catalog .container{padding:0 30px} body.catalog .title{padding:5px;} body.catalog .manufacturer{margin:0 20px 20px} .submenu-block .submenu a {font-size:17px} body.about-company a.fancy {width:24.5%} .info-error404{width:960px} } /*-------------------------------------------CONTACTS------------------------------------------------------------------------------------------*/ @media screen and (max-width: 600px) { } /*--------------------------------------999px------------------------------------------------------------------------------------------*/ @media screen and (min-width:481px) and (max-width:999px){ .lang-opener{width:26px;height:26px;margin-left:15px;float:right;background:url(/images/sprite-new.svg) -134px -160px no-repeat} .lang-opener.active{background-position:-160px -160px} .wrap{width:100%} .menu-overlay, .header-overlay{display:none;width:100%;height:100%;position:fixed;background-color:#000;opacity: 0.4;filter: alpha(opacity=40)} .header-overlay{top:0;left:0;z-index:10} .menu-overlay.active, .header-overlay.active{display:block} header{max-width:100%;right:0} .catalog.inner .section-description+ul{margin:0 15px} } @media screen and (min-width:711px) and (max-width:999px){ body.catalog .catalog-sections{padding:0 15px;max-width:100%} body.catalog .catalog-section{float:left} body.catalog .catalog-section img{max-width:100%;height:auto} } @media screen and (min-width:750px) and (max-width:999px){ body.about-company a.fancy {width:32.9%} body.about-company a.fancy img{max-width:100%} } @media screen and (min-width:641px) and (max-width:999px){ .main-img__logo{display:none;} nav{padding:10px 15px} .mob-logo{width:67px;height:28px;background:url(/images/m-logo-svg.svg) no-repeat;padding-right: 15px;} .main-menu__items{width:100%;} .mobile-nav {display:block;width:100%;margin: 20px;position:fixed;right:15px;min-height:100vh;background-color: #FFF;right: 100%;transition: 0.4s ease;} .mobile-nav.is-active{right:0;padding-top: 40px;} .main-slider{padding-top:48px;} .menu-overlay{margin:38px 0 0 -15px} body.index header{padding: 10px 40px; background-color: #c3c3c3;} .main-menu__info .telephones, .main-menu__info .search-mobile {display:none;} body:not(.index) header{padding:0}.breadcrumbs{margin:60px 15px 10px}body.sitemap>div.wrap{width:100%;margin-top:58px}body.search .content-full{margin-top:58px} } @media screen and (min-width:772px) and (max-width:999px){ body.catalog .title{margin:0 20px;font-size:22px;line-height:1em} } @media screen and (min-width:950px) and (max-width:999px){ .submenu-block .submenu a{margin-top:4px} } @media screen and (max-width:999px){ .hamburger {display:block;} header{position:fixed;display:block;top:0;left:0;z-index:100;background:#e3e3e3} .logo{display:none} .index-workarea section.section-book, .index-workarea div.main-page__news-block, .index-workarea section.main-page__social-grid {z-index:10;} /* --------------------------------------------------MOBILE MENU ITEMS --------------------------------------------------- */ menu li{width:100%;text-align:left; margin-bottom: 30px;} menu a, menu span{color: #000!important;font-size:33px;margin:0 auto;display:block;max-width:100%;padding: 10px 0 44px;position: relative;border-bottom: 1px solid #cecece;padding-left:25px;} menu a::after{ content:'>';position:absolute;font-size:80px;color: #cecece;font-weight:400;right:50px; } .social-icons-mobile-menu a{display:inline-block;border:none;} .social-icons-mobile-menu a::after{content: ''} .languages a{color:#fff} header.for-call{display:block} header.for-call .contact-number{width:100%} header.for-call table{width:100%;border-collapse:collapse} header.for-call .telephones{border-top:1px solid #929292} header.for-call .telephones td{display:inline-block} header.for-call .contact.misc td:first-child{color:#f40e1e;width:90px;margin-left:calc(50% - 130px)} header.for-call .contact.misc td:last-child{width:170px} header.for-call .search-form-header{display:none} header.for-call table td{margin-bottom: 12px} header.for-search table{width:100%} header.for-search .search-form form{margin:-9px 15px;float:left;width:calc(100% - 30px)} header.for-search .search-form input[type="text"]{float:left;width:calc(100% - 60px)} header.for-social{display:block} header.for-social .contact.misc,header.for-social #popup-toggle {display:none} header.for-social .social-connect{right:47px;top:-63px} body:not(.index) header.for-social .social-connect{top:-103px} .call-opener{width:29px;height:24px;margin-left:15px;float:right;background:url(/images/sprite-new.svg) 0 -160px no-repeat} .call-opener.active{background-position:-30px -160px} .search-opener{width:26px;height:26px;margin-left:15px;float:right;background:url(/images/sprite-new.svg) -118px -114px no-repeat} .search-opener.active{background-position:-66px -114px} .social-opener{width:34px;height:26px;margin-left:15px;float:right;background:url(/images/sprite-new.svg) -62px -160px no-repeat} .social-opener.active{background-position:-98px -160px} ul.languages{display:none} .social-services{display:none} .index-workarea{padding:0 15px} .background-nav{top:0} .breadcrumbs{width:calc(100% - 30px);} .submenu-block .submenu a{font-size:14px} body.catalog .submenu-block .content{padding:0 15px} .cat-container{width:calc(100% - 30px);padding:10px 15px} .manufacturer{margin-bottom:20px} .section-description{padding:15px 15px 0;} .catalog .elements{width:calc(100% - 30px);margin:0 auto;} .catalog .elements+.section-description{width:calc(100% - 30px)} .content-full{padding:0 15px} body.leasing .wrap .container{margin:0 15px} body.leasing .leasing-menu{margin-left:-15px;margin-right:-15px} body.stock .stock-elements, body.news .news-elements{margin: 0 15px} body.stock-open .wrap .content, body.news-open .wrap .content{margin:0 15px; width:90%!important;} .catalog-sb-area{margin: 0 0px 0 10px;} body.about-company .wrap .container{margin:0 15px} body.about-company img.about-main{max-width:100%} body.contact-information .container{width:calc(100% - 30px)} body.sitemap>div.wrap .container{margin:0 15px} .info-error404{width:calc(100% - 30px);margin-top:40px} } /*--------------------------------------999px------------------------------------------------------------------------------------------*/ @media (max-width: 992px) { .hero-section {padding: 20px 25px 25px;flex-direction: column;} .hero-section img{max-width: 100%;margin-bottom: 20px;} .hero-section div {padding-left: 5%;padding-right: 5%;} .hero-section h2 {text-align: center;} .hero-title {display: block;text-align: center;} .hero-section img {width: 80%;} } @media screen and (min-width:671px) and (max-width:969px){ body.index .news a{line-height:1.25em;display:inline-block} body.service .service-feature img{width:80%} body.vacancy .vacancy-content .vacancy-link .vac{margin:0 10px} } @media screen and (min-width:960px){ html{min-width:960px} } @media screen and (max-width:959px){ html{width:100%} } @media screen and (min-width:951px){ body.service .service-list{height:48px} body.service .service-list .item{float: left;width: 27.33%;margin: 0 3%} } /*------------------------------------950px-----------------------------------------------------------------------------------*/ /* @media screen and (min-width:711px) and (max-width:950px){ body.catalog .catalog-section{width:calc(33.33% - 10px);max-width:300px;} body.service .spares-list .item{width:calc(33.33% - 10px);max-width:300px;margin:0 5px 20px;float:left} body.service .spares-list .item img{max-width:100%;height:auto} body.stock .stock-item, body.news .news-item{width:calc(33.33% - 10px);max-width:300px;margin:0 5px 20px;float:left} body.stock .stock-item img, body.news .news-item img{max-width:100%;height:auto} } */ @media screen and (min-width:801px) and (max-width:950px){ body.service .service-list{height:48px} body.service .service-list br{display:none} body.service .service-list .item{width: calc(33.33% - 20px);float: left;margin: 0 10px} } @media screen and (max-width:950px){ body.catalog .submenu{padding: 10px 0} body.catalog .submenu ul,body.catalog .submenu span{width:100%}.submenu-block .submenu li{height:32px;width:80%;max-width:240px;margin:0 auto}.breadcrumbs div{display:none}.breadcrumbs div:first-child,.breadcrumbs div:nth-child(2),.breadcrumbs div:last-child,.breadcrumbs div:nth-last-child(2){display:block} } @media screen and (min-width:950px){ body.catalog .submenu span{float:left;width:86.4%} .submenu-block .submenu li{height:40px;width:calc(33.33% - 40px);max-width:300px;margin:0 20px;float:left;} } /*-------------------------------------------------------900px------------------------------------------------------------*/ @media only screen and (max-width: 900px) { .price-list li {max-width: 215px;max-height: 220px;margin-bottom: 20px;} .img-block {display: none;} .price-list li .text {font-size: 15px;} .price-list {padding-bottom: 0px;} .price-list li .title {margin-bottom: 25px;margin-top: 10px;font-size: 19px;line-height: 1.1;} .service-map {width: 100%;} } @media only screen and (max-width: 900px) { .heading-secondary {font-size: 23px;} .form {padding: 10px;} .catalog-sb-area{margin:0 2% 0 2%!important;} } /*-----------------------------------------------------900px------------------------------------------------------------*/ @media screen and (min-width:831px){ body.seeder-float .section .title{width:800px;} .pika-stage{width:800px;height:400px;}.pika-thumbs{height:96px;width:800px;} .pika-thumbs li{width:152px;height:76px;margin-top:10px;-webkit-box-shadow:0 0 2px 1px gray;-moz-box-shadow:0 0 2px 1px gray;box-shadow:0 0 2px 1px gray} .pika-thumbs li+li{margin-left:10px} } @media screen and (max-width:830px){ .index-workarea{margin-top:103vh;} body.seeder-float .section .title{width:100%;text-align:center}pika-stage{width:100%} .pika-thumbs{width:100%} .pika-thumbs li{width:calc(20% - 10px);margin:0 5px;} .item .item-title{width:calc(100% - 67px)} } @media screen and (min-width:803px){ .popular-item__slider__nav-prev, .popular-item__slider__nav-next{width:50px;height:50px;} .popular-item__slider__carousel {max-width: calc(100% - 100px);} body.catalog .m-products{margin-left:40px} body.vacancy h1{font-size:28px} body.vacancy .vacancy-intro{font-size:26px} } @media screen and (max-width:802px){ .main-page__news-block{margin-bottom:35px;} .popular-item{margin:5px 0 30px;} .popular-item__slider__carousel{max-width:calc(100% - 40px)} .popular-item__slider__nav-prev, .popular-item__slider__nav-next{width:20px;height:20px;background-size:100%;} .popular-item__slider__carousel img{width:155px;height:110px} .popular-item .popular-item__heading {padding-left: 0;margin-left: 0;} h3.popular-item__slider__carousel__block__content__heading{display:none;} body.vacancy h1{font-size:20px} body.vacancy .vacancy-intro{font-size:20px} } @media screen and (min-width:481px) and (max-width:800px){ body.service .service-list br{display:none} body.service .service-list .item{width:300px;margin:0 auto} body.service .service-list .item+.item{margin-top:10px} } @media screen and (min-width:785px){ body.sitemap .columns-left{float:left;width:60%;padding-right:4%;border-right:1px solid grey} body.sitemap .column-right{float:right;width:35%} body.sitemap .columns-left .col1{width:50%;float:left} body.sitemap .columns-left .col2{width:50%;float:right} } @media screen and (min-width:521px) and (max-width:784px){ body.sitemap .columns-left:after{content:"";display:table;clear:both} body.sitemap .columns-left .col1{width:50%;float:left} body.sitemap .columns-left .col2{width:50%;float:right} } @media screen and (max-width:772px){ body.catalog .title{margin:0 20px;font-size:20px;line-height:1em} body.leasing img.leasing-main{max-width:100%} } /*--------------------------------------------------768px---------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 768px) { .reviews-fancy {display: block; width: 100%!important;} } @media screen and (max-width: 768px) { .popup-opros {width: 100%;height: 100vh;font-size: 15px;} } /*--------------------------------------------------768px---------------------------------------------------------------------------------------------------*/ @media screen and (min-width:763px){ .popup{position:absolute;top:50%;left:50%;padding:26px 0 35px 0;margin-left:-280px;margin-top:-153px;width:560px;} .popup-container-proposal .popup{margin-top:-208px;width:760px;margin-left:-380px} .popup-container-proposal label {padding-left:130px;padding-right:150px} .popup-container-call p.popup-t,.popup-container-proposal p.popup-t,.popup-done-call p.popup-t,.popup-done-proposal p.popup-t{padding:0 0 26px 0;font-size:25px} .popup-done-call .popup, .popup-done-proposal .popup {margin-top: -197px;min-height: 331px} body.stock-open img{max-width:700px} } /*---------------------------------------------762px--------------------------------------------------------------------------------------------*/ @media screen and (min-width:481px) and (max-width:762px){ .popup-container-proposal label{padding-left:38px;padding-right:38px} .popup-container-call p.popup-t,.popup-container-proposal p.popup-t,.popup-done-call p.popup-t,.popup-done-proposal p.popup-t{padding-top:10px;} span.checkbox-checkmark{float:none;font-size:14px;} } @media screen and (min-width:563px) and (max-width:762px){ .popup-container-proposal .popup{margin-top:-235px;margin-left:-250px;width:500px} .popup{position:absolute;top:50%;left:50%;padding:26px 0 35px 0;margin-left:15px;} .cross{top:10px;right:10px;} .popup form{margin: 0 10px} form label span{width:35%;text-align:left} form img{max-width: calc(60% - 22px)} form .commercial-proposal.button, .proposal-container .commercial-proposal{max-width:100%} .popup-container-call input[type="text"],.popup-container-call textarea,.popup-container-call input[type="tel"],.popup-container-call input[type="email"],.popup-container-proposal input[type="text"],.popup-container-proposal textarea,.popup-container-proposal input[type="tel"],.popup-container-proposal input[type="email"],.popup-done-call input[type="text"],.popup-done-call textarea,.popup-done-call input[type="tel"],.popup-done-call input[type="email"],.popup-done-proposal input[type="text"],.popup-done-proposal textarea,.popup-done-proposal input[type="tel"],.popup-done-proposal input[type="email"]{width:calc(60% - 22px);} .popup-container-call p.popup-t,.popup-container-proposal p.popup-t,.popup-done-call p.popup-t,.popup-done-proposal p.popup-t{font-size:20px;padding-bottom:10px} label.message.active span {width:100%} label.message.active textarea{width:calc(100% - 22px)} .popup-done-call .popup,.popup-done-proposal .popup{margin-top:-197px;margin-left:-250px;width:500px;min-height:331px} } /*------------------------------------------------------------------------------762px--------------------------------------------------------------------*/ @media screen and (min-width:751px){ body.contact-information .map.left{float:left;width:48.5%;margin-right:1.5%;} body.contact-information .contact-item.left{float:left;width:48.5%;margin-right:1.5%} body.contact-information .contact-item.right{float:left;width:48.5%;margin-left:1.5%} } @media screen and (max-width:750px){ body.contact-information .map.left{width:100%} body.contact-information .contact-item.left, body.contact-information .contact-item.right{width:100%} body.contact-information .contact-item.left + body.contact-information .contact-item.right{margin-top:16px} } @media screen and (min-width:481px) and (max-width:749px){ body.about-company a.fancy {width:49.5%} body.about-company a.fancy img{max-width:95%} } @media screen and (min-width:711px){ body.catalog .m-logo{width:300px} body.catalog .m-products{margin-left:10px;width:calc(100% - 345px)} body.catalog .catalog-section:nth-child(3n+1){clear:both} /* body.service .spares-list .item:nth-child(3n+1){clear:both} */ body.stock .stock-item:nth-child(3n+1), body.news .news-item:nth-child(3n+1){clear:both} } /*-----------------------------------------------------------710px-------------------------------------------------------------------*/ @media screen and (min-width:481px) and (max-width:710px){ body.catalog .catalog-sections{padding:0 15px;max-width:100%} /* body.catalog .catalog-section{width:50%;max-width:300px;margin:0 auto 20px;} */ body.catalog .catalog-section:nth-child(2n+1){float:left;clear:both} body.catalog .catalog-section:nth-child(2n){float:right} body.catalog .catalog-section img, .spare-catalog-preview-img{max-width:100%;height:auto;width:100%} .letter-category{margin-left:0} .letter-cont{width: calc(100% - 65px);} /* body.service .spares-list{padding:20px 0} body.service .spares-list .item{width:50%;max-width: 300px;margin: 0 auto 20px} body.service .spares-list .item:nth-child(2n+1){float:left;clear:both} body.service .spares-list .item:nth-child(2n){float:right} body.service .spares-list .item img{max-width:100%;height:auto} */ body.stock .stock-item, body.news .news-item{width:calc(50% - 10px);max-width:300px;margin:0 auto 20px;} body.stock .stock-item:nth-child(2n+1), body.news .news-item:nth-child(2n+1){float:left;clear:both;margin-right:5px} body.stock .stock-item:nth-child(2n), body.news .news-item:nth-child(2n){float:right;margin-left:5px} body.stock .stock-item img, body.news .news-item img{max-width:100%;height:auto} } @media screen and (min-width:641px) and (max-width:710px){ body.catalog .m-logo{width:250px} body.catalog .m-products{margin-left:10px;width:calc(100% - 265px)} } /*-----------------------------------------------------------710px-------------------------------------------------------------------*/ @media screen and (min-width:705px){ footer{padding:30px 40px} .footer-col{width:40%;float:left;font-size:14px} .footer-col + .footer-col{width:30%} body.vacancy .fact-intro{font-size:20px} } /*--------------------------------------704px------------------------------------------------------------------------------------------*/ @media screen and (max-width:704px){ body.vacancy .fact-intro{font-size:16px} } @media screen and (min-width:481px) and (max-width:704px){ footer{padding:20px 15px 66px} .footer-col {float:right;font-size:14px;min-width:165px} .footer-col:first-child{float:left;margin-right:25px} .footer-col:nth-child(3){clear:both;float:left} } /*--------------------------------------704px------------------------------------------------------------------------------------------*/ @media screen and (min-width:671px){ body.service .service-feature{width:33.33%;float:left;text-align:center;} body.service .service-intro{border-bottom:1px solid grey;} body.service .features{padding:20px 0} body.vacancy .vacancy-content .vacancy-list{width:33.3%;float:left} body.vacancy .vacancy-content .vacancy-link .vac img{max-width:90%} } @media screen and (min-width:481px) and (max-width:670px){ body.index .news{padding: 13px 0 20px 0} body.index .news h3 {padding-bottom: 10px} body.index .news ul{width:100%} body.index .news li{width:calc(50% - 15px)} body.index .news li:nth-child(2n+1){float:left;clear:both} body.index .news li:nth-child(2n){float:right} body.index .news li img{width:100%;max-width:300px;height:auto} body.index .news li time{width:100%;margin-top:5px} body.index .news a{line-height:1.25em;display:inline-block} body.service .service-feature{width:100%;clear:both} body.service .service-feature+.service-feature{padding-top:10px} body.service .service-feature img{width:20%;float:left} body.service .service-feature p{float:left;width:calc(80% - 10px);margin-left:10px;margin-top:calc(10% - 17px)} body.service .features{margin:0 -15px;border-top:1px solid grey;border-bottom:1px solid grey;padding:20px 15px} body.vacancy .vacancy-content .vacancy-list{margin-bottom:20px} body.vacancy .vacancy-content .vacancy-link .vac img{max-width:100%} } @media screen and (min-width:641px){ .controls{width:60px} .background-nav{height:48px} body.service h1{font-size:28px;margin:20px 0} body.service .service-intro{font-size:19px} body.about-company .about-menu{margin:20px 0} .info-error404 img{float:left;margin-right:40px;} } /*----------------------------------------------------------------640px----------------------------------------------------------*/ @media screen and (min-width:481px) and (max-width:640px){ .main-img__logo,.main-menu__info{display:none;} .background-nav{height:40px;top:0} .main-slider{padding-top:40px} .menu-overlay{margin:33px 0 0 -15px} body.catalog .catalog-section:nth-child(2n+1){padding-right:5px} body.catalog .catalog-section:nth-child(2n){padding-left:5px} body.catalog .m-logo{width:150px} body.catalog .m-products{margin-left:10px;width:calc(100% - 165px)} body.service .spares-list .item:nth-child(2n+1){padding-right:5px} body.service .spares-list .item:nth-child(2n){padding-left:5px} } @media screen and (max-width:640px){ nav{padding:7px 15px} .mob-logo{width:67px;height:28px;margin-left:13px;float:left;background:url(/images/m-logo-svg.svg) no-repeat;)} .controls{width:30px} #previous.controls,#next.controls{background-size:100%} body:not(.index) header{padding:0} body.index header{padding:40px 0 0 0} .breadcrumbs{margin:50px 15px 10px} body.service h1{font-size:20px;margin-top:20px} body.service .service-intro{font-size:16px} body.about-company .about-menu{margin:20px -15px} body.sitemap>div.wrap{width:100%;margin-top:50px} body.search .content-full{margin-top:50px} .info-error404 img{margin:0 auto;display:block} } /*------------------------------------------------------------640px----------------------------------------------------------------*/ @media screen and (min-width:631px){ body.vacancy .vac-content .photo{width:25%;float:left} body.vacancy .vac-content .photo img{max-width:100%} body.vacancy .vac-content .speech{width:75%; float:right} #vacancy-form{width:600px} #vacancy-form label{font-size:18px;line-height:24px;width:200px;float:left;margin-top:23px} #vacancy-form input.inputtext{height:50px;padding:10px;width:400px} #vacancy-form textarea{height:150px} #vacancy-form div:nth-child(12) input[type="text"], #vacancy-form div:nth-child(13) input[type="text"]{float:left;margin-left:30px;} #vacancy-form div:nth-child(12) img, #vacancy-form div:nth-child(13) img{margin-top:15px} body.vacancy .fact .fact-age-more, body.vacancy .fact .fact-staff-more, body.vacancy .fact .fact-creed-more{position:absolute;left:50%;width:320px;margin-left:-200px} } @media screen and (max-width:630px){ body.vacancy .vac-content .photo img{max-width:50%} #vacancy-form{width:100%} #vacancy-form label{font-size:16px;line-height:1em;width:100%;margin-top:10px} #vacancy-form input.inputtext{padding:5px;width:100%} #vacancy-form textarea{width:100%;height:100px} #vacancy-form div:nth-child(12) input[type="text"], #vacancy-form div:nth-child(13) input[type="text"]{float:right} #vacancy-form div:nth-child(12) img, #vacancy-form div:nth-child(13) img{margin-top:8px} } /*-------------------------------------------------------------------------------600px--------------------------------------------------------*/ @media only screen and (max-width: 600px) { } @media (max-width: 600px) { .text-with-form {font-size: 1.1em;;} } @media only screen and (max-width: 600px) { .heading-secondary {font-size: 20px;padding-bottom: 2rem;font-weight: 700;} .catalog-sb-area{margin:0 2% 0 4%!important;}.white-popup{margin: 2%;padding: 10px;}#popup, .overlay{display:none;visibility: hidden;}.js-overlay-campaign{display:none!important;}.close-popup{top: 3px;right: -2px;}.text-opros{font-size: 14px;} } /*-------------------------------------------------------------------------------600px--------------------------------------------------------*/ @media screen and (max-width:562px){ .popup-container-proposal .popup{margin-top:53px;width:calc(100% - 30px)} .popup{position:absolute;top:0;left:0;padding:26px 0 35px 0;margin-left:15px;} .cross{top:10px;right:10px;} .popup form{margin: 0 10px} form label span{width:35%;text-align:left} form img{max-width: calc(60% - 22px)} form .commercial-proposal.button, .proposal-container .commercial-proposal{max-width:100%} .popup-container-call input[type="text"],.popup-container-call textarea,.popup-container-call input[type="tel"],.popup-container-call input[type="email"],.popup-container-proposal input[type="text"],.popup-container-proposal textarea,.popup-container-proposal input[type="tel"],.popup-container-proposal input[type="email"],.popup-done-call input[type="text"],.popup-done-call textarea,.popup-done-call input[type="tel"],.popup-done-call input[type="email"],.popup-done-proposal input[type="text"],.popup-done-proposal textarea,.popup-done-proposal input[type="tel"],.popup-done-proposal input[type="email"]{width:calc(60% - 22px);} .popup-container-call p.popup-t,.popup-container-proposal p.popup-t,.popup-done-call p.popup-t,.popup-done-proposal p.popup-t{font-size:20px;padding-bottom:10px} label.message.active span {width:100%} label.message.active textarea{width:calc(100% - 22px)} .popup-done-call .popup,.popup-done-proposal .popup{margin-top:53px;display:table;width:calc(100% - 30px)} } @media screen and (min-width:481px) and (max-width:559px){ body.vacancy .vac-menu div{width:250px;margin:0 auto;float:none} body.vacancy .vac-menu div+div{margin-top:10px} } @media screen and (min-width:540px) and (max-width:799px){ body.vacancy .vac-content a.fancy{display:block;width:50%;margin:10px 0} body.vacancy .vac-content a.fancy img{display:block;margin:0 auto} body.vacancy .vac-content a.fancy:nth-child(2n+1){float:left} body.vacancy .vac-content a.fancy:nth-child(2n){float:right} } @media screen and (max-width:539px){ body.vacancy .vac-content a.fancy{display:block;width:250px;max-width:100%;margin: 10px auto;} } @media screen and (min-width:481px){ body.index h3{font-size:25px} #prev-stocks, #next-stocks {position:absolute;width:50px;} body.index .wrap .last{display:inline} body.index .catalog-block{padding: 0 40px 40px;} body.index .catalog-block h3{padding:30px 0 0 0} body.index .catalog-block .col{line-height:2em;width:31.87%;float:left;margin-right:2.18583%;margin-top:10px;display:inline} .catalogue img{width:85%;margin-left:15%} .catalogue p{text-align:center} .scrollup{bottom:50px;right:100px;} .item-content img{float:left;margin:6px 10px 10px 0} .cross{top:20px;right:20px;} .popup-container-proposal .add-message{margin-left:266px;text-align:left;cursor:pointer;} .add-message{margin-left:165px} body.service .service-list{padding:20px 0} table.tech td, table.tech tr, table.tech th{min-width:140px} table.tech tbody th{min-width:300px} body .rew .person{width:25%;float:left;text-align:center;} body.service .content-full .person img{max-width:100%} body .rew .quote{width:3%;background-size: 100%;} body .rew .content{width:70%;border-left:1px solid gray;padding-left:1%} body.leasing .leasing-menu .menu-item{width:33.3333%} body.leasing .container_maininfo{height:50px} body.stock-open h1.title, body.news-open h1.title{font-size:26px} body.about-company h1.title{font-size:26px;margin:20px 0} body.about-company .about-menu a{width:25%} body.news .preview{margin:5px 0 25px 0} body.vacancy .fact{width:33.33333%} body.vacancy .fact .fact-age-more{height:230px} body.vacancy .fact .fact-staff-more{height:300px} body.vacancy .fact .fact-creed-more{height:340px} body.vacancy .vac-offer {letter-spacing:1px} .search-page input.search-query {width:calc(90% - 30px);margin:0 5%} } /*----------------------------------------------------------------------------------480px--------------------------------------------------*/ @media screen and (max-width:480px){ .news-title{padding-top:25px} .background-nav{height:40px;top:0} menu{display:none;width:calc(100% + 30px);margin: 5px -15px 0;} header{width:100%} .main-slider{padding-top:40px} body.index h3{font-size:20px;margin-top: 15px;} .main-stocks{margin-top:10px} #prev-stocks, #next-stocks {position:absolute;width:12px;} body.index .catalog-background{margin:0 -15px} body.index .catalog-background>.wrap{margin:0 15px;width:calc(100% - 30px) !important} body.index .catalog-block{padding-bottom:14px} body.index .catalog-block h3{padding:20px 0 10px 0} body.index .catalog-block .col{width:100%;float:left;display:inline} footer{padding:20px 15px 66px} .catalog-sb-area{margin: 10px 15px 10px;} .footer-col{width:100%;font-size:14px;float:left;} .footer-col + .footer-col{margin-top:10px} .wrap{width:100%} body:not(.index) header{margin-top:-10px;padding:0} body.catalog .catalog-sections{padding:0 15px;max-width:100%} body.catalog .catalog-section{width:100%;margin:0 auto 20px;} body.catalog .catalog-section img{max-width:100%} body.catalog .submenu-block .content{padding:0 15px} body.catalog .m-products{margin-left:10px;width:calc(100% - 115px)} .scrollup{bottom:30px;right:15px;} .letter-category{margin-left:0} .letter{margin:0} .letter-cont{width: calc(100% - 25px);} body.catalog .m-logo{width:100px} .item-head:after{content:"";clear:both;display:table} .item-content img{margin:10px auto; max-width:100%;display:block} .item-content iframe{max-width:100%;height:auto} body.service .service-feature img{display:none} body.service .features{margin:0 -15px;border-top:1px solid grey;border-bottom:1px solid grey} body.service .features{padding:20px 15px} body.service .service-feature{width:100%} body.service .service-feature p:before{content:"";background:url(/images/list-item.png) no-repeat;width:12px; height:7px;display:inline-block} body.service .spares-list .item{width:100%;max-width:300px;padding:10px 0;margin:0 auto} body.service .spares-list .item img{max-width:100%} body.service.inner .content-full img, body.service .content-full h1+img {max-width:100%;margin:10px auto;display:block} body.service .content-full img.polymers-main, body.service .polymers-main+br, body.service .service-list br{display:none} body.service .service-list{margin:0 -15px;padding:10px 0} body.service .service-list .item{width:94%;margin:10px 3%} body .rew .person{text-align:center;} body.service.inner .content-full .person img{max-width:50%} body .rew .quote{width:30px;background-size:100%} body .rew .content{width:calc(100% - 40px);padding-left:10px} body.leasing .wrap .container{margin:0 15px} body.leasing .container h1{font-size:20px;text-align:center} body.leasing .container h1.wysiwyg{margin:0} body.leasing .leasing-menu .menu-item{width:100%} body.leasing .contacts .contacts-button{width:100%} body.leasing .container_leasing:first-of-type{margin-top:20px} body.leasing .container_leasing:last-of-type{margin-bottom:20px} body.leasing .container_maininfo{min-height:50px} body.leasing .container_text{width:calc(100% - 60px)} body.leasing .container_text a.text span{display:block;line-height:1em} body.leasing li.leasing:after{content:"";display:table;clear:both;} body.stock .stock-item, body.news .news-item{width:100%;max-width:300px;padding:10px 0;margin:0 auto} body.stock .stock-item img, body.news .news-item img{max-width:100%} body.stock-open h1.title, body.news-open h1.title{font-size:20px} body.about-company h1.title{font-size:20px;margin:10px 0} body.about-company .about-menu a{width:100%} body.about-company .about-menu a:not(:first-of-type){margin-top:20px} body.about-company a.fancy {width:100%} div#fancy_outer{max-width:calc(100% - 40px)} body.news .preview{margin-top:5px} body.news-open iframe{max-width:100%} body.vacancy .fact{width:100%} body.vacancy .vac-menu div{width:96%;margin:10px 2%} body.vacancy .vac-menu:after{content:"";display:table;clear:both} body.vacancy .fact .fact-age-more, body.vacancy .fact .fact-staff-more, body.vacancy .fact .fact-creed-more{position:fixed;left:0;width:calc(100% - 110px);margin-left:15px} body.vacancy .fact .fact-age-more, body.vacancy .fact .fact-staff-more, body.vacancy .fact .fact-creed-more{height:auto} body.contact-information h1.title{font-size:20px} body.search .search-page h1{font-weight:400;font-size:20px} body.search p.query-string{padding-top:0} .search-page input.search-query {width:calc(100% - 30px)} body.blank .content-full{margin-top:50px} body.blank .content-full br+br{display:none} body.blank .popup-container-proposal .popup{width:auto;margin-bottom:20px} } @media screen and (max-width: 480px) { .reviews-fancy {display: block; width: 100%!important;} } @media only screen and (max-width: 480px) { .price-list li {max-width: 280px;max-height: 250px;margin-bottom: 20px;} .img-block {display: none;} .price-list {padding-bottom: 0px;} .price-list li .title {margin-bottom: 25px;margin-top: 15px;} .service-map {width: 100%;} } /*-----------------------------------------------------------------480px---------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 350px) { .price-list li {margin: 0 6px;margin-bottom: 20px;} .service-map {width: 100%;} } /*-----------------------------------------------------------------fixes---------------------------------------------------------------------------------------------*/ /*------------------------- ipad Pro ---------------*/ @media (max-width:1024px){ .swiper-slide .title h1{font-size:2.5em;} } @media (max-width:999px){ .social-icons-mobile-menu, .hamburger-menu{display:block;} .main-img__logo{display:none;} .main-menu__info .telephones, .main-menu__info .search-mobile {display:none;} nav{padding:10px 15px} .mob-logo{width:67px;height:28px;background:url(/images/m-logo-svg.svg) no-repeat;padding-right: 15px;} .main-menu__items{width:100%;} .mobile-nav {display:block;width:100%;margin: 20px;position:fixed;right:15px;min-height:100vh;background-color: #FFF;right: 100%;transition: 0.4s ease;} .mobile-nav.is-active{right:-5px;padding-top: 40px;} .main-slider{padding-top:48px;} .menu-overlay{margin:38px 0 0 -15px} .swiper-slide .title h1{font-size:2em;} .social-icons-mobile-menu, .hamburger-menu{display:block;} .social-icons-mobile-menu a{display: inline-block;border-bottom: none;} .social-icons-mobile-menu a::after{content: '';border-bottom:none;} .main-img__logo{display:none;} .main-menu__info .telephones, .main-menu__info .search-mobile {display:none;} nav{padding:10px 15px} .mob-logo{width:67px;height:28px;background:url(/images/m-logo-svg.svg) no-repeat;padding-right: 15px;} .main-menu__items{width:100%;} .mobile-nav {display:block;width:100%;margin: 10px 5px;position:fixed;right:15px;min-height:100vh;background-color: #FFF;right: 100%;transition: 0.4s ease;} .mobile-nav.is-active{right:-5px;padding-top: 40px;} .main-slider{padding-top:48px;} .menu-overlay{margin:38px 0 0 -15px} body.index header{padding: 10px 40px; background-color: #c3c3c3;}.main-menu__info .telephones, .main-menu__info .search-mobile {display:none;}body:not(.index) header{padding:0}.breadcrumbs{margin:60px 15px 10px}body.sitemap>div.wrap{width:100%;margin-top:58px}body.search .content-full{margin-top:58px} body.index header{padding: 10px 0px; background-color: #c3c3c3;}.main-menu__info .telephones, .main-menu__info .search-mobile {display:none;}body:not(.index) header{padding:0}.breadcrumbs{margin:60px 15px 10px}body.sitemap>div.wrap{width:100%;margin-top:58px}body.search .content-full{margin-top:58px} } @media (max-width:1400px) { .main-logo-img{width:100px;} } @media (max-width:1200px) { menu li {margin-right: 25px;} menu li a {font-size: 14px;} .is-active a{font-size: 33px;} menu a.tel{font-size:13px;} .search-form input[type="text"] {width: 110px;} } @media (max-width:1100px) { .main-logo-img{width:85px;} nav {padding: 10px 10px 10px 10px;} menu li {margin-right: 15px;} } @media (max-width:900px) { /* --- main slider ---- */ .swiper-button-next, .swiper-button-prev{width: 80px;height: 80px;} .swiper-slide .title h1{font-size:1.6em} .swiper-slide a{font-size: 0.8em;} .swiper-slide .text{max-width: 70%;} .swiper-slide .title h1{line-height: 60px;} } @media (max-width:800px) { .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{font-size:20px;} .swiper-button-prev, .swiper-button-next{width:50px;height:50px;} } @media (max-width:700px) { /* --- main slider ---- */ .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{font-size:20px;} .swiper-button-prev, .swiper-button-next{width:50px;height:50px;} .swiper-slide .title h1{font-size:1.2em;} .slide-content{padding-left:50px;} .swiper-slide .text{max-width: 95%;} /* --- mobile menu ---- */ .is-active a, menu span{font-size:25px;} menu a::after{font-size:60px;} /* --- nav ---- */ nav{padding: 10px 10px 10px 20px;} } @media (max-width:500px) { /* --- main slider ---- */ .slide-content{padding-left:0px;} .swiper-slide .title h1{line-height: 35px;} .swiper-button-next, .swiper-button-prev{width: 35px;height: 35px;} /* --- mobile menu ---- */ .social-icons-mobile-menu a{display:inline-block;} .is-active a, menu span{font-size:20px;} menu a::after{font-size:50px;} .main-menu__items{width:100%;} } @media (max-width:400px) { .swiper-slide .title h1{letter-spacing: 1px;font-size: 30px;} .swiper-slide a{padding: 10px 20px;} menu a{padding: 8px 0 10px 25px;} .mobile-nav.is-active{padding-top: 20px;} .book__form{ width: 70%;} } @media screen and (max-width: 1000px) { .title-catalog-section-h3{font-size:17px;} body.catalog ul.cat-subsection a{font-size:14px;} .cat-subsection{margin-left: 2%;} body.catalog .cat-subsection li{ padding-bottom: 5px;} } @media screen and (max-width: 1280px) { .title-catalog-section-h3,.cat-subsection{margin-left: 0;} }