/* Start:/local/templates/main-rosneft/css/external.css?177971702069316*/
/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/local/templates/main-rosneft/css/../images/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/local/templates/main-rosneft/css/../images/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}

/* scrollpane */
.jspContainer{overflow:hidden;position:relative}.jspPane{position:absolute}.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;background:red}.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{background:#dde;position:relative}.jspDrag{background:#bbd;position:relative;top:0;left:0;cursor:pointer}.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:none}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0}.scrollpane{outline:none}.jspVerticalBar{background:none;width:6px}.jspTrack{background:#f2f2f2;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.jspDrag{width:6px;background:#888;background:rgba(0,0,0,0.3);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.js-scrollpane .jspPane{width:100%!important}

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

/* switchery */
.switchery{background-color:#fff;border:1px solid #dfdfdf;border-radius:20px;cursor:pointer;display:inline-block;height:30px;position:relative;vertical-align:middle;width:50px;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;box-sizing:content-box;background-clip:content-box}.switchery>small{background:#fff;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,0.4);height:30px;position:absolute;top:0;width:30px}.switchery-small{border-radius:20px;height:20px;width:33px}.switchery-small>small{height:20px;width:20px}.switchery-large{border-radius:40px;height:40px;width:66px}.switchery-large>small{height:40px;width:40px}

/*! jQuery UI - v1.11.4 - 2016-04-10 */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#2b2b2b;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/main-rosneft/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/main-rosneft/css/images/ui-icons_444444_256x240.png")}.ui-state-default .ui-icon{background-image:url("/local/templates/main-rosneft/css/images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("/local/templates/main-rosneft/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon{background-image:url("/local/templates/main-rosneft/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("/local/templates/main-rosneft/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/main-rosneft/css/images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:0 0 0 0;padding:5px;background:#666;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}


/* Пиктограммы государственных флагов в спрайте */
/* v0.2, 28 февраля 2012 года */
/* @author Артём Поликарпов, artpolikarpov.ru (artpolikarpov@gmail.com) */
/* @author Никита Иванов (исходные пиктограммы флагов), nickivanov.ru (nickivanov@nickivanov.ru) */
/* Набор распостраняется на условиях лицензии CC-BY-SA */
/* Эти летом я был: в <i class="flag-HN"></i> Гондурасе, <i class="flag-LI"></i> Лихтенштейне, и <i class="flag-SE"></i> Швеции. */
.flag-NOWHERE, .flag-ABKHAZIA, .flag-AD, .flag-AE, .flag-AF, .flag-AG, .flag-AI, .flag-AL, .flag-AM, .flag-AN, .flag-AO, .flag-AQ, .flag-AR, .flag-AS, .flag-AT, .flag-AU, .flag-AW, .flag-AX, .flag-AZ, .flag-BA, .flag-BB, .flag-BD, .flag-BE, .flag-BF, .flag-BG, .flag-BH, .flag-BI, .flag-BJ, .flag-BL, .flag-BM, .flag-BN, .flag-BO, .flag-BR, .flag-BS, .flag-BT, .flag-BV, .flag-BW, .flag-BY, .flag-BZ, .flag-CA, .flag-CC, .flag-CD, .flag-CF, .flag-CG, .flag-CH, .flag-CI, .flag-CK, .flag-CL, .flag-CM, .flag-CN, .flag-CO, .flag-CR, .flag-CU, .flag-CV, .flag-CX, .flag-CY, .flag-CZ, .flag-DE, .flag-DJ, .flag-DK, .flag-DM, .flag-DO, .flag-DZ, .flag-EC, .flag-EE, .flag-EG, .flag-EH, .flag-ER, .flag-ES-CE, .flag-ES-ML, .flag-ES, .flag-ET, .flag-EU, .flag-FI, .flag-FJ, .flag-FK, .flag-FM, .flag-FO, .flag-FR, .flag-GA, .flag-GB, .flag-GD, .flag-GE, .flag-GF, .flag-GG, .flag-GH, .flag-GI, .flag-GL, .flag-GM, .flag-GN, .flag-GP, .flag-GQ, .flag-GR, .flag-GS, .flag-GT, .flag-GU, .flag-GW, .flag-GY, .flag-HK, .flag-HM, .flag-HN, .flag-HR, .flag-HT, .flag-HU, .flag-IC, .flag-ID, .flag-IE, .flag-IL, .flag-IM, .flag-IN, .flag-IO, .flag-IQ, .flag-IR, .flag-IS, .flag-IT, .flag-JE, .flag-JM, .flag-JO, .flag-JP, .flag-KE, .flag-KG, .flag-KH, .flag-KI, .flag-KM, .flag-KN, .flag-KOSOVO, .flag-KP, .flag-KR, .flag-KW, .flag-KY, .flag-KZ, .flag-LA, .flag-LB, .flag-LC, .flag-LI, .flag-LK, .flag-LR, .flag-LS, .flag-LT, .flag-LU, .flag-LV, .flag-LY, .flag-MA, .flag-MC, .flag-MD, .flag-ME, .flag-MF, .flag-MG, .flag-MH, .flag-MK, .flag-ML, .flag-MM, .flag-MN, .flag-MO, .flag-MP, .flag-MQ, .flag-MR, .flag-MS, .flag-MT, .flag-MU, .flag-MV, .flag-MW, .flag-MX, .flag-MY, .flag-MZ, .flag-NA, .flag-NC, .flag-NE, .flag-NF, .flag-NG, .flag-NI, .flag-NKR, .flag-NL, .flag-NO, .flag-NP, .flag-NR, .flag-NU, .flag-NZ, .flag-OM, .flag-PA, .flag-PE, .flag-PF, .flag-PG, .flag-PH, .flag-PK, .flag-PL, .flag-PM, .flag-PN, .flag-PR, .flag-PS, .flag-PT, .flag-PW, .flag-PY, .flag-QA, .flag-RE, .flag-RO, .flag-RS, .flag-RU, .flag-RW, .flag-SA, .flag-SB, .flag-SC, .flag-SD, .flag-SE, .flag-SG, .flag-SH, .flag-SI, .flag-SJ, .flag-SK, .flag-SL, .flag-SM, .flag-SN, .flag-SO, .flag-SOUTH-OSSETIA, .flag-SR, .flag-SS, .flag-ST, .flag-SV, .flag-SY, .flag-SZ, .flag-TC, .flag-TD, .flag-TF, .flag-TG, .flag-TH, .flag-TJ, .flag-TK, .flag-TL, .flag-TM, .flag-TN, .flag-TO, .flag-TR, .flag-TT, .flag-TV, .flag-TW, .flag-TZ, .flag-UA, .flag-UG, .flag-UM, .flag-US, .flag-UY, .flag-UZ, .flag-VA, .flag-VC, .flag-VE, .flag-VG, .flag-VI, .flag-VN, .flag-VU, .flag-WF, .flag-WS, .flag-YE, .flag-YT, .flag-ZA, .flag-ZM, .flag-ZW { background: url("/local/templates/main-rosneft/css/flags.png") no-repeat 0 9px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; *display: inline; *zoom: 1; vertical-align: baseline; position: relative; overflow: hidden; width: 16px; height: 9px; font-size: 0; line-height: 0; margin: 0; padding: 0; }

.flag-ABKHAZIA { background-position: 0 0px; }

.flag-AD { background-position: 0 -9px; }

.flag-AE { background-position: 0 -18px; }

.flag-AF { background-position: 0 -27px; }

.flag-AG { background-position: 0 -36px; }

.flag-AI { background-position: 0 -45px; }

.flag-AL { background-position: 0 -54px; }

.flag-AM { background-position: 0 -63px; }

.flag-AN { background-position: 0 -72px; }

.flag-AO { background-position: 0 -81px; }

.flag-AQ { background-position: 0 -90px; }

.flag-AR { background-position: 0 -99px; }

.flag-AS { background-position: 0 -108px; }

.flag-AT { background-position: 0 -117px; }

.flag-AU { background-position: 0 -126px; }

.flag-AW { background-position: 0 -135px; }

.flag-AX { background-position: 0 -144px; }

.flag-AZ { background-position: 0 -153px; }

.flag-BA { background-position: 0 -162px; }

.flag-BB { background-position: 0 -171px; }

.flag-BD { background-position: 0 -180px; }

.flag-BE { background-position: 0 -189px; }

.flag-BF { background-position: 0 -198px; }

.flag-BG { background-position: 0 -207px; }

.flag-BH { background-position: 0 -216px; }

.flag-BI { background-position: 0 -225px; }

.flag-BJ { background-position: 0 -234px; }

.flag-BL { background-position: 0 -243px; }

.flag-BM { background-position: 0 -252px; }

.flag-BN { background-position: 0 -261px; }

.flag-BO { background-position: 0 -270px; }

.flag-BR { background-position: 0 -279px; }

.flag-BS { background-position: 0 -288px; }

.flag-BT { background-position: 0 -297px; }

.flag-BV { background-position: 0 -306px; }

.flag-BW { background-position: 0 -315px; }

.flag-BY { background-position: 0 -324px; }

.flag-BZ { background-position: 0 -333px; }

.flag-CA { background-position: 0 -342px; }

.flag-CC { background-position: 0 -351px; }

.flag-CD { background-position: 0 -360px; }

.flag-CF { background-position: 0 -369px; }

.flag-CG { background-position: 0 -378px; }

.flag-CH { background-position: 0 -387px; }

.flag-CI { background-position: 0 -396px; }

.flag-CK { background-position: 0 -405px; }

.flag-CL { background-position: 0 -414px; }

.flag-CM { background-position: 0 -423px; }

.flag-CN { background-position: 0 -432px; }

.flag-CO { background-position: 0 -441px; }

.flag-CR { background-position: 0 -450px; }

.flag-CU { background-position: 0 -459px; }

.flag-CV { background-position: 0 -468px; }

.flag-CX { background-position: 0 -477px; }

.flag-CY { background-position: 0 -486px; }

.flag-CZ { background-position: 0 -495px; }

.flag-DE { background-position: 0 -504px; }

.flag-DJ { background-position: 0 -513px; }

.flag-DK { background-position: 0 -522px; }

.flag-DM { background-position: 0 -531px; }

.flag-DO { background-position: 0 -540px; }

.flag-DZ { background-position: 0 -549px; }

.flag-EC { background-position: 0 -558px; }

.flag-EE { background-position: 0 -567px; }

.flag-EG { background-position: 0 -576px; }

.flag-EH { background-position: 0 -585px; }

.flag-ER { background-position: 0 -594px; }

.flag-ES-CE { background-position: 0 -603px; }

.flag-ES-ML { background-position: 0 -612px; }

.flag-ES { background-position: 0 -621px; }

.flag-ET { background-position: 0 -630px; }

.flag-EU { background-position: 0 -639px; }

.flag-FI { background-position: 0 -648px; }

.flag-FJ { background-position: 0 -657px; }

.flag-FK { background-position: 0 -666px; }

.flag-FM { background-position: 0 -675px; }

.flag-FO { background-position: 0 -684px; }

.flag-FR { background-position: 0 -693px; }

.flag-GA { background-position: 0 -702px; }

.flag-GB { background-position: 0 -711px; }

.flag-GD { background-position: 0 -720px; }

.flag-GE { background-position: 0 -729px; }

.flag-GF { background-position: 0 -738px; }

.flag-GG { background-position: 0 -747px; }

.flag-GH { background-position: 0 -756px; }

.flag-GI { background-position: 0 -765px; }

.flag-GL { background-position: 0 -774px; }

.flag-GM { background-position: 0 -783px; }

.flag-GN { background-position: 0 -792px; }

.flag-GP { background-position: 0 -801px; }

.flag-GQ { background-position: 0 -810px; }

.flag-GR { background-position: 0 -819px; }

.flag-GS { background-position: 0 -828px; }

.flag-GT { background-position: 0 -837px; }

.flag-GU { background-position: 0 -846px; }

.flag-GW { background-position: 0 -855px; }

.flag-GY { background-position: 0 -864px; }

.flag-HK { background-position: 0 -873px; }

.flag-HM { background-position: 0 -882px; }

.flag-HN { background-position: 0 -891px; }

.flag-HR { background-position: 0 -900px; }

.flag-HT { background-position: 0 -909px; }

.flag-HU { background-position: 0 -918px; }

.flag-IC { background-position: 0 -927px; }

.flag-ID { background-position: 0 -936px; }

.flag-IE { background-position: 0 -945px; }

.flag-IL { background-position: 0 -954px; }

.flag-IM { background-position: 0 -963px; }

.flag-IN { background-position: 0 -972px; }

.flag-IO { background-position: 0 -981px; }

.flag-IQ { background-position: 0 -990px; }

.flag-IR { background-position: 0 -999px; }

.flag-IS { background-position: 0 -1008px; }

.flag-IT { background-position: 0 -1017px; }

.flag-JE { background-position: 0 -1026px; }

.flag-JM { background-position: 0 -1035px; }

.flag-JO { background-position: 0 -1044px; }

.flag-JP { background-position: 0 -1053px; }

.flag-KE { background-position: 0 -1062px; }

.flag-KG { background-position: 0 -1071px; }

.flag-KH { background-position: 0 -1080px; }

.flag-KI { background-position: 0 -1089px; }

.flag-KM { background-position: 0 -1098px; }

.flag-KN { background-position: 0 -1107px; }

.flag-KOSOVO { background-position: 0 -1116px; }

.flag-KP { background-position: 0 -1125px; }

.flag-KR { background-position: 0 -1134px; }

.flag-KW { background-position: 0 -1143px; }

.flag-KY { background-position: 0 -1152px; }

.flag-KZ { background-position: 0 -1161px; }

.flag-LA { background-position: 0 -1170px; }

.flag-LB { background-position: 0 -1179px; }

.flag-LC { background-position: 0 -1188px; }

.flag-LI { background-position: 0 -1197px; }

.flag-LK { background-position: 0 -1206px; }

.flag-LR { background-position: 0 -1215px; }

.flag-LS { background-position: 0 -1224px; }

.flag-LT { background-position: 0 -1233px; }

.flag-LU { background-position: 0 -1242px; }

.flag-LV { background-position: 0 -1251px; }

.flag-LY { background-position: 0 -1260px; }

.flag-MA { background-position: 0 -1269px; }

.flag-MC { background-position: 0 -1278px; }

.flag-MD { background-position: 0 -1287px; }

.flag-ME { background-position: 0 -1296px; }

.flag-MF { background-position: 0 -1305px; }

.flag-MG { background-position: 0 -1314px; }

.flag-MH { background-position: 0 -1323px; }

.flag-MK { background-position: 0 -1332px; }

.flag-ML { background-position: 0 -1341px; }

.flag-MM { background-position: 0 -1350px; }

.flag-MN { background-position: 0 -1359px; }

.flag-MO { background-position: 0 -1368px; }

.flag-MP { background-position: 0 -1377px; }

.flag-MQ { background-position: 0 -1386px; }

.flag-MR { background-position: 0 -1395px; }

.flag-MS { background-position: 0 -1404px; }

.flag-MT { background-position: 0 -1413px; }

.flag-MU { background-position: 0 -1422px; }

.flag-MV { background-position: 0 -1431px; }

.flag-MW { background-position: 0 -1440px; }

.flag-MX { background-position: 0 -1449px; }

.flag-MY { background-position: 0 -1458px; }

.flag-MZ { background-position: 0 -1467px; }

.flag-NA { background-position: 0 -1476px; }

.flag-NC { background-position: 0 -1485px; }

.flag-NE { background-position: 0 -1494px; }

.flag-NF { background-position: 0 -1503px; }

.flag-NG { background-position: 0 -1512px; }

.flag-NI { background-position: 0 -1521px; }

.flag-NKR { background-position: 0 -1530px; }

.flag-NL { background-position: 0 -1539px; }

.flag-NO { background-position: 0 -1548px; }

.flag-NP { background-position: 0 -1557px; }

.flag-NR { background-position: 0 -1566px; }

.flag-NU { background-position: 0 -1575px; }

.flag-NZ { background-position: 0 -1584px; }

.flag-OM { background-position: 0 -1593px; }

.flag-PA { background-position: 0 -1602px; }

.flag-PE { background-position: 0 -1611px; }

.flag-PF { background-position: 0 -1620px; }

.flag-PG { background-position: 0 -1629px; }

.flag-PH { background-position: 0 -1638px; }

.flag-PK { background-position: 0 -1647px; }

.flag-PL { background-position: 0 -1656px; }

.flag-PM { background-position: 0 -1665px; }

.flag-PN { background-position: 0 -1674px; }

.flag-PR { background-position: 0 -1683px; }

.flag-PS { background-position: 0 -1692px; }

.flag-PT { background-position: 0 -1701px; }

.flag-PW { background-position: 0 -1710px; }

.flag-PY { background-position: 0 -1719px; }

.flag-QA { background-position: 0 -1728px; }

.flag-RE { background-position: 0 -1737px; }

.flag-RO { background-position: 0 -1746px; }

.flag-RS { background-position: 0 -1755px; }

.flag-RU { background-position: 0 -1764px; }

.flag-RW { background-position: 0 -1773px; }

.flag-SA { background-position: 0 -1782px; }

.flag-SB { background-position: 0 -1791px; }

.flag-SC { background-position: 0 -1800px; }

.flag-SD { background-position: 0 -1809px; }

.flag-SE { background-position: 0 -1818px; }

.flag-SG { background-position: 0 -1827px; }

.flag-SH { background-position: 0 -1836px; }

.flag-SI { background-position: 0 -1845px; }

.flag-SJ { background-position: 0 -1854px; }

.flag-SK { background-position: 0 -1863px; }

.flag-SL { background-position: 0 -1872px; }

.flag-SM { background-position: 0 -1881px; }

.flag-SN { background-position: 0 -1890px; }

.flag-SO { background-position: 0 -1899px; }

.flag-SOUTH-OSSETIA { background-position: 0 -1908px; }

.flag-SR { background-position: 0 -1917px; }

.flag-SS { background-position: 0 -1926px; }

.flag-ST { background-position: 0 -1935px; }

.flag-SV { background-position: 0 -1944px; }

.flag-SY { background-position: 0 -1953px; }

.flag-SZ { background-position: 0 -1962px; }

.flag-TC { background-position: 0 -1971px; }

.flag-TD { background-position: 0 -1980px; }

.flag-TF { background-position: 0 -1989px; }

.flag-TG { background-position: 0 -1998px; }

.flag-TH { background-position: 0 -2007px; }

.flag-TJ { background-position: 0 -2016px; }

.flag-TK { background-position: 0 -2025px; }

.flag-TL { background-position: 0 -2034px; }

.flag-TM { background-position: 0 -2043px; }

.flag-TN { background-position: 0 -2052px; }

.flag-TO { background-position: 0 -2061px; }

.flag-TR { background-position: 0 -2070px; }

.flag-TT { background-position: 0 -2079px; }

.flag-TV { background-position: 0 -2088px; }

.flag-TW { background-position: 0 -2097px; }

.flag-TZ { background-position: 0 -2106px; }

.flag-UA { background-position: 0 -2115px; }

.flag-UG { background-position: 0 -2124px; }

.flag-UM { background-position: 0 -2133px; }

.flag-US { background-position: 0 -2142px; }

.flag-UY { background-position: 0 -2151px; }

.flag-UZ { background-position: 0 -2160px; }

.flag-VA { background-position: 0 -2169px; }

.flag-VC { background-position: 0 -2178px; }

.flag-VE { background-position: 0 -2187px; }

.flag-VG { background-position: 0 -2196px; }

.flag-VI { background-position: 0 -2205px; }

.flag-VN { background-position: 0 -2214px; }

.flag-VU { background-position: 0 -2223px; }

.flag-WF { background-position: 0 -2232px; }

.flag-WS { background-position: 0 -2241px; }

.flag-YE { background-position: 0 -2250px; }

.flag-YT { background-position: 0 -2259px; }

.flag-ZA { background-position: 0 -2268px; }

.flag-ZM { background-position: 0 -2277px; }

.flag-ZW { background-position: 0 -2286px; }


#powerTip{cursor:default;background-color:#333;background-color:rgba(0,0,0,.8);border-radius:6px;color:#fff;display:none;padding:10px;position:absolute;white-space:nowrap;z-index:2147483647}#powerTip:before{content:"";position:absolute}#powerTip.n:before,#powerTip.s:before{border-right:5px solid transparent;border-left:5px solid transparent;left:50%;margin-left:-5px}#powerTip.e:before,#powerTip.w:before{border-bottom:5px solid transparent;border-top:5px solid transparent;margin-top:-5px;top:50%}#powerTip.n:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.8);bottom:-10px}#powerTip.e:before{border-right:10px solid #333;border-right:10px solid rgba(0,0,0,.8);left:-10px}#powerTip.s:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.8);top:-10px}#powerTip.w:before{border-left:10px solid #333;border-left:10px solid rgba(0,0,0,.8);right:-10px}#powerTip.ne:before,#powerTip.se:before{border-right:10px solid transparent;border-left:0;left:10px}#powerTip.nw:before,#powerTip.sw:before{border-left:10px solid transparent;border-right:0;right:10px}#powerTip.ne:before,#powerTip.nw:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.8);bottom:-10px}#powerTip.se:before,#powerTip.sw:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.8);top:-10px}#powerTip.nw-alt:before,#powerTip.ne-alt:before,#powerTip.sw-alt:before,#powerTip.se-alt:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.8);bottom:-10px;border-left:5px solid transparent;border-right:5px solid transparent;left:10px}#powerTip.ne-alt:before{left:auto;right:10px}#powerTip.sw-alt:before,#powerTip.se-alt:before{border-top:0;border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.8);bottom:auto;top:-10px}#powerTip.se-alt:before{left:auto;right:10px}

#powerTip {background: #ffffff; border-radius: 0; padding:10px 25px; box-shadow: 0 1px 3px rgba(0,0,0,.2); color:black;}
#powerTip .tooltip-title {font-weight: 300; font-size:16px; padding:0 0 10px 0}
#powerTip .tooltip-content {font-weight: 300; opacity: 0.5;}
#powerTip:before {width: 0; height: 0; border-top: 8px solid transparent; border-right: 10px solid white; border-bottom: 8px solid transparent; top:12px; left:-10px;}

@media (max-width:960px) {#powerTip {display:none !important;}}
/* End */


/* Start:/local/templates/main-rosneft/css/styles.css?1779717020364988*/
.button,
.chk,
.grid-col {
    vertical-align: top
}

.js-chkbx-set *,
.mainmenu-wholesite {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none
}

.button,
.chk,
.contentArea,
.contentArea h3,
.header .customSelect,
.mainmenu,
.topCustoms-ask i,
body,
h1,
h2,
html {
    font-family: PFBeauSansPro, Arial, sans-serif
}

.asSport-team,
.button,
.header .customSelect-val,
.mDropdown-close,
.proditem-button,
.proditem-photo,
.prodsblock-image,
.promoslider-navlink,
.topCustoms-ask i,
.topCustoms-lang {
    text-align: center
}

button,
img {
    border: 0
}

#all,
#wrap {
    height: auto;
    min-height: 100%
}

.button--outline:active,
.button:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.mDropdown-close,
body,
html {
    -webkit-font-smoothing: antialiased
}

.button,
.chk,
.mainmenu .wholesite-line,
.mainmenu-link,
.proditem-button {
    text-transform: uppercase
}

.pullRight
{
	float: right;
}

.bannerExample
{
	width: 980px;
	height: 80px;
	background: #ccc;
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/Light/OpenSans-Light.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/Light/OpenSans-Light.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/opensans/Light/OpenSans-Light.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/css/../fonts/opensans/Light/OpenSans-Light.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/css/../fonts/opensans/Light/OpenSans-Light.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/opensans/Light/OpenSans-Light.svg?v=1.1.0#Light) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/LightItalic/OpenSans-LightItalic.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/opensans/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/css/../fonts/opensans/LightItalic/OpenSans-LightItalic.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/css/../fonts/opensans/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/opensans/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic) format("svg");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/Regular/OpenSans-Regular.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/opensans/Regular/OpenSans-Regular.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/css/../fonts/opensans/Regular/OpenSans-Regular.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/css/../fonts/opensans/Regular/OpenSans-Regular.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/opensans/Regular/OpenSans-Regular.svg?v=1.1.0#Regular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/Italic/OpenSans-Italic.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/opensans/Italic/OpenSans-Italic.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/css/../fonts/opensans/Italic/OpenSans-Italic.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/css/../fonts/opensans/Italic/OpenSans-Italic.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/opensans/Italic/OpenSans-Italic.svg?v=1.1.0#Italic) format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/Semibold/OpenSans-Semibold.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/opensans/Semibold/OpenSans-Semibold.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/css/../fonts/opensans/Semibold/OpenSans-Semibold.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/css/../fonts/opensans/Semibold/OpenSans-Semibold.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/opensans/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold) format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/css/../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/css/../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic) format("svg");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/Bold/OpenSans-Bold.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/opensans/Bold/OpenSans-Bold.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/css/../fonts/opensans/Bold/OpenSans-Bold.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/css/../fonts/opensans/Bold/OpenSans-Bold.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/opensans/Bold/OpenSans-Bold.svg?v=1.1.0#Bold) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/css/../fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/css/../fonts/opensans/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/opensans/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic) format("svg");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/css/../fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/css/../fonts/opensans/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/opensans/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold) format("svg");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/css/../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/css/../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/css/../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic) format("svg");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Black_gdi.eot);
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Black_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Black_gdi.woff) format("woff"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Black_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Black_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Black_gdi.svg#Exo2-Black) format("svg");
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Bold_gdi.eot);
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Bold_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Bold_gdi.woff) format("woff"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Bold_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Bold_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Bold_gdi.svg#Exo2-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-ExtraBold_gdi.eot);
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-ExtraBold_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-ExtraBold_gdi.woff) format("woff"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-ExtraBold_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-ExtraBold_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-ExtraBold_gdi.svg#Exo2-ExtraBold) format("svg");
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-ExtraLight_gdi.eot);
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-ExtraLight_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-ExtraLight_gdi.woff) format("woff"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-ExtraLight_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-ExtraLight_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-ExtraLight_gdi.svg#Exo2-ExtraLight) format("svg");
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Light_gdi.eot);
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Light_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Light_gdi.woff) format("woff"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Light_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Light_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Light_gdi.svg#Exo2-Light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Medium_gdi.eot);
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Medium_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Medium_gdi.woff) format("woff"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Medium_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Medium_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Medium_gdi.svg#Exo2-Medium) format("svg");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Regular_gdi.eot);
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Regular_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Regular_gdi.woff) format("woff"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Regular_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Regular_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Regular_gdi.svg#Exo2-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-SemiBold_gdi.eot);
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-SemiBold_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-SemiBold_gdi.woff) format("woff"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-SemiBold_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-SemiBold_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-SemiBold_gdi.svg#Exo2-SemiBold) format("svg");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Thin_gdi.eot);
    src: url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Thin_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Thin_gdi.woff) format("woff"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Thin_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Thin_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/css/../fonts/exo/Exo2-Thin_gdi.svg#Exo2-Thin) format("svg");
    font-weight: 100;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: PFBeauSansPro;
    src: url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-regular-webfont.eot);
    src: url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-regular-webfont.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-regular-webfont.woff) format("woff"), url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-regular-webfont.ttf) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-regular-webfont.svg#pf_beausans_proregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: PFBeauSansPro;
    src: url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-light-webfont.eot);
    src: url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-light-webfont.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-light-webfont.woff) format("woff"), url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-light-webfont.ttf) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-light-webfont.svg#pf_beausans_prolight) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: PFBeauSansPro;
    src: url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-bold-webfont.eot);
    src: url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-bold-webfont.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-bold-webfont.woff) format("woff"), url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-bold-webfont.ttf) format("truetype"), url(/local/templates/main-rosneft/css/../fonts/pfbeausanspro/pfbeausanspro-bold-webfont.svg#pf_beausans_probold) format("svg");
    font-weight: 700;
    font-style: normal
}

a,
article,
aside,
audio,
blockquote,
body,
canvas,
datalist,
details,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
img,
input,
label,
legend,
li,
mark,
menu,
meter,
nav,
ol,
output,
p,
picture,
progress,
section,
span,
time,
ul,
video {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    max-height: 999999px;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004)
}

article,
aside,
audio,
canvas,
datalist,
details,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
picture,
progress,
section,
time,
video {
    display: block
}

#cursor,
.hidden {
    display: none
}

body,
html {
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 12px;
    line-height: 1.5em
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

nav,
ul {
    list-style: none
}

a {
    -o-transition: color .2s, border-color .2s, background-color .2s;
    -ms-transition: color .2s, border-color .2s, background-color .2s;
    -moz-transition: color .2s, border-color .2s, background-color .2s;
    -webkit-transition: color .2s, border-color .2s, background-color .2s;
    transition: color .2s, border-color .2s, background-color .2s;
    color: #074da8
}

a:hover {
    transition: none
}

button {
    outline: 0;
    -webkit-tap-highlight-color: none;
    background: 0 0
}

#cursor {
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 100000
}

.grid,
.grid-col,
.grid-row {
    position: relative
}

#cursor,
.load,
.loadAjax {
    background-image: url(/local/templates/main-rosneft/css/../images/load.gif)
}

input {
    border-radius: 0
}

.grid-col {
    display: inline-block;
    margin-right: -4px;
    margin-bottom: 20px
}

.grid-inner,
.phone {
    display: block;
    position: relative
}

.grid-col--1 {
    width: 33%
}

.grid-col--2 {
    width: 66%
}

#all,
footer {
    width: 100%;
    position: relative
}

.grid-inner {
    margin-right: 20px
}

#all {
    min-width: 320px;
    overflow: hidden
}

#wrap {
    position: relative;
    padding-bottom: 465px
}

footer {
    clear: both;
    height: 465px;
    margin-top: -465px
}

.inside {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 980px
}

.phone {
    font-size: 24px;
    font-weight: 300
}

.button {
    position: relative;
    display: inline-block;
    margin-right: -4px;
    cursor: pointer;
    background: #fed02f;
    color: #000;
    padding: 15px 20px 13px;
    text-decoration: none;
    letter-spacing: .02em;
    font-weight: 500
}

.button--leftar:before,
.button--rightar:after {
    width: 7px;
    height: 9px;
    position: relative;
    vertical-align: top;
    content: ' '
}

.button:active,
.button:hover {
    background-color: #fee142
}

.button.is-disabled,
.button.is-disabled:hover,
.button:disabled,
.button:disabled:hover {
    opacity: .6;
    background: #fed02f;
    pointer-events: none
}

.button--blue {
    background: #074da8;
    color: #fff
}

.button--blue:hover {
    background: #fed02f
}

.button--blue.is-disabled,
.button--blue.is-disabled:hover,
.button--blue:disabled,
.button--blue:disabled:hover {
    opacity: .6;
    background: #074da8;
    pointer-events: none
}

.button--rightar:after {
    display: inline-block;
    margin: 3px 0 0 5px;
    background: url(/local/templates/main-rosneft/css/../images/main/i-arrow-right.png) center no-repeat;
    background-size: 7px 9px
}

.button--leftar:before {
    display: inline-block;
    margin: 5px 5px 0 0;
    background: url(/local/templates/main-rosneft/css/../images/main/i-arrow-left.png) center no-repeat;
    background-size: 7px 9px
}

h1 small,
h1 span,
h2 small,
h2 span {
    margin-right: 35px
}

.button--outline {
    border: 2px solid #fee142;
    background: 0 0;
    padding: 13px 18px 11px
}

.button--outline:active {
    padding: 15px 20px 13px;
    border-width: 0
}

.jspContainer,
.jspScrollable,
.scrollpane {
    outline: 0!important
}

h1,
h2 {
    font-size: 50px;
    line-height: .9em;
    color: #212121;
    font-weight: 700
}

h1 small,
h2 small {
    font-size: 14px;
    font-weight: 400;
    color: #212121
}

h3,
h4 {
    font-weight: 700
}

h1 a,
h2 a {
    color: #212121;
    opacity: .8
}

h1 a:hover,
h2 a:hover {
    color: #000;
    opacity: 1
}

h1.is-mid-fs,
h2.is-mid-fs {
    font-size: 42px;
    line-height: 1.142em
}

h3 {
    font-size: 38px;
    line-height: .73em
}

h4 {
    font-size: 24px;
    line-height: 1.166em
}

.chk,
.contentArea {
    font-size: 14px
}

.banner-placeholder {
    background: #e5e5e5;
    position: relative
}

.chk {
    position: relative;
    background: #f4f4f4;
    border-radius: 50px;
    line-height: 1.42em;
    font-weight: 500;
    letter-spacing: .05em;
    padding: 10px 15px;
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: auto;
    cursor: pointer
}

.chk:after {
    position: absolute;
    content: ' ';
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 90
}

.chk .switchery-default {
    background: #fed02f;
    height: 26px;
    width: 45px;
    border: 0!important
}

.chk .switchery-default>small {
    width: 20px;
    height: 20px;
    z-index: 20;
    border: 0;
    top: 3px;
    left: 3px!important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.chk .switchery-default.is-active>small {
    left: 22px!important
}

.chk-chk,
.chk-left,
.chk-right {
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0 7px;
    vertical-align: middle
}

.header .customSelect-val,
.mDropdown-col,
.mSearch-field,
.mainmenu-link,
.topCustoms-ask,
.topCustoms-ask i,
.topCustoms-ask span,
.topCustoms-lang,
.topCustoms-lang i,
.wholesite-burger {
    vertical-align: top
}

.contentArea ul li:before,
.switchery-default:before {
    content: ' ';
    display: block;
    background: #fed02f;
    left: 0
}

.contentArea h3,
.contentArea p,
.contentArea ul {
    margin-bottom: 24px
}

.chk-left,
.chk-right {
    margin-top: 2px
}

.js-chkbx-set * {
    user-select: none
}

.switchery-default:before {
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    border-radius: 20px;
    z-index: 5
}

.contentArea-hdr {
    padding: 0 20px 35px
}

.contentArea {
    line-height: 1.7142857142857em
}

.contentArea h3 {
    font-size: 24px;
    line-height: 1.1666666666667em;
    font-weight: 600
}

.contentArea p+h3 {
    padding-top: 20px
}

.contentArea p {
    font-size: 16px;
    line-height: 28px
}

.contentArea ul li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.5714285714286em;
    padding-bottom: 10px
}

.contentArea ul li:before {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 9px
}

.contentArea a:hover {
    color: #fed02f
}

.customSelect-list::-webkit-scrollbar {
    display: none!important
}

.header {
    position: relative;
    height: 205px
}

.header .inside {
    position: relative;
    height: 100%
}

.header-logo {
    display: inline-block;
    border-left: 1px #e5e5e5 solid;
    padding-left: 30px;
    margin-top: 40px;
}

.distributorLogo
{
    display: inline-block;
    margin-top: 40px;
    padding-right: 20px;
    text-align: center;
}
.distributorLogo a
{
    color: #000000;
    text-decoration: none;
    font-size: 12px;
}
.distributorLogo img
{
    width: 140px;
    height: auto;
}

.header-contacts {
    display: inline-block;
    margin-left: 94px;
    margin-top: 40px;
}

.header-search {
    position: absolute;
    top: 110px;
    right: 20px;
    max-width: 420px;
    width: 41%
}

.header-customs {
    position: absolute;
    right: 20px;
    top: 45px
}

.logotype-image {
    position: relative;
    display: none
}

.is-not-svg-support .logotype-image,
.logotype-svg {
    display: block
}

.is-not-svg-support .logotype-svg {
    display: none
}

.topContacts {
    font-size: 12px;
    line-height: 1.33em
}

.topContacts-row {
    position: relative;
    display: block;
    padding: 0 0 20px
}

.topContacts-row--location:before,
.topContacts-row--phone:before {
    position: absolute;
    display: block;
    content: ' '
}

.topContacts-row--phone:before {
    background: url(/local/templates/main-rosneft/css/../images/main/i-phone.png) center no-repeat;
    background-size: 22px auto;
    width: 22px;
    height: 22px;
    left: -48px;
    top: 3px
}

.topContacts-row--phone.mobileOnly
{
    display: none;
}

.topContacts-row--location:before {
    background: url(/local/templates/main-rosneft/css/../images/main/i-location.png) center no-repeat;
    background-size: 21px auto;
    width: 21px;
    height: 26px;
    left: -47px;
    top: 6px
}

.topContacts-label {
    opacity: .7;
    font-size: 14px;
    display: block;
    padding: 5px 0 0
}

.topContacts-address {
    font-size: 12px;
    font-weight: 300;
    max-width: 300px
}

.topContacts-address small {
    font-size: 12px;
    display: block
}

.topContacts-email {
    font-size: 14px;
    display: block
}

.topContacts-email a {
    color: #666
}

.topContacts-email a:hover,
.topContacts-phone {
    color: #000
}

.topSearch-form {
    position: relative;
    border: 1px solid #c8d6da;
    height: 43px
}

.topSearch-field {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 70px;
    bottom: 0
}

.topSearch-input {
    padding-left: 20px;
    border: 0;
    background: 0 0;
    font-size: 14px;
    height: 100%;
    display: block;
    width: 100%;
    outline: 0
}

.topSearch-button {
    background: url(/local/templates/main-rosneft/css/../images/main/i-zoom.png) center no-repeat #c8d6da;
    background-size: 16px auto;
    top: -1px;
    right: 0;
    bottom: -1px;
    width: 45px;
    position: absolute;
    cursor: pointer;
    transition: background .2s
}

.topSearch-button:active,
.topSearch-button:hover {
    background-color: #d3dee1
}

.topSearch-button:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.is-safari .topSearch-button {
    top: -2px;
    bottom: -2px
}

.topCustoms-ask {
    display: inline-block;
    color: #000;
    text-decoration: none;
    margin: 13px 8px 0 0;
    font-size: 14px
}

.topCustoms-ask i {
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    background: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    font-style: normal;
    line-height: 21px;
    transition: background .2s
}

.header .customSelect:hover .customSelect-val,
.topCustoms-ask:hover {
    color: #fed02f
}

.topCustoms-ask span {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: -4px;
    border-bottom: 1px dashed rgba(0, 0, 0, .3);
    transition: border .2s;
    margin-top: 2px
}

.topCustoms-ask:hover i {
    background: #fed02f;
    transition: none
}

.topCustoms-ask:hover span {
    border-bottom-color: #fed959;
    transition: none
}

.topCustoms-button {
    position: relative;
    margin-right: 0;
    background-image: url(/local/templates/main-rosneft/css/../images/main/i-arrow-right.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 7px 9px;
    padding: 14px 36px 13px 20px;
    font-size: 13px;
    font-weight: 700;
    display: block;
    margin-top: 35px;
}

.topCustoms-lang {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    margin: 14px 25px 0;
    font-size: 14px;
    font-weight: 500
}

.topCustoms-lang i {
    display: inline-block;
    background: url(/local/templates/main-rosneft/css/../images/main/i-arrows.png) no-repeat;
    width: 10px;
    height: 6px;
    background-size: 10px auto;
    margin: 6px 0 0 5px
}

.header .customSelect {
    position: relative;
    z-index: 55
}

.header .customSelect.is-active .customSelect-list {
    max-height: 500px;
    opacity: 1
}

.header .customSelect-val {
    display: inline-block;
    margin-right: -4px;
    cursor: pointer;
    min-width: 35px;
    margin-left: -5px;
    margin-top: 2px
}

.header .customSelect-arrow {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    background: url(/local/templates/main-rosneft/css/../images/main/i-arrows.png) 5px 0 no-repeat;
    width: 15px;
    height: 6px;
    background-size: 10px auto;
    margin: 6px 0 0
}

.header .customSelect-list {
    position: absolute;
    background: #fff;
    max-height: 0;
    width: 100px;
    left: 0;
    overflow: auto;
    opacity: 0;
    transition: max-height .4s opacity .4s;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2)
}

.header .customSelect-list a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 8px 10px 4px
}

.header .customSelect-list a:hover {
    background: rgba(0, 0, 0, .1)
}

.header .customSelect-slct {
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    opacity: 0;
    display: none
}

.topContacts-lc {
    display: none
}

.mainmenu {
    position: relative;
    background: #fed02f;
    z-index: 690
}

.mainmenu-list {
    position: relative;
    display: block;
    margin: 0 -20px 0 145px;
    font-size: 14px
}

.mainmenu-link {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: -4px;
    text-decoration: none;
    letter-spacing: .03em;
    padding: 25px 10px 22px;
    color: #000;
    font-weight: 300
}

.customSelect--yellow,
.prod .customSelect,
.proditem-button {
    letter-spacing: .05em;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.mainmenu-link span {
    transition: border-color .2s;
    border-bottom: 1px solid transparent;
    display: inline-block
}

.mainmenu-link:hover span {
    border-color: rgba(0, 0, 0, .3)
}

.mainmenu-link--active {
    font-weight: 700
}

.mainmenu-wholesite {
    position: absolute;
    top: 0;
    left: 0;
    width: 155px;
    bottom: 0;
    font-size: 18px;
    border-right: 1px solid #feea73;
    color: #000;
    cursor: pointer;
    user-select: none
}

.promoslider-arrow,
.promoslider-nav {
    -webkit-user-select: none;
    position: absolute
}

.wholesite-link {
    padding-top: 0;
    display: inline-block
}

.mainmenu-wholesite.is-active .wholesite-burger span:first-child {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    -webkit-transition: -webkit-transform .2s, top .2s;
    -moz-transition: -moz-transform .2s, top .2s;
    -ms-transition: -ms-transform .2s, top .2s;
    -o-transition: -o-transform .2s, top .2s;
    transition: transform .2s, top .2s;
    top: 4px
}

.mainmenu-wholesite.is-active .wholesite-burger span:nth-child(3) {
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -webkit-transition: -webkit-transform .2s, top .2s;
    -moz-transition: -moz-transform .2s, top .2s;
    -ms-transition: -ms-transform .2s, top .2s;
    -o-transition: -o-transform .2s, top .2s;
    transition: transform .2s, top .2s;
    top: 4px
}

.mainmenu-wholesite.is-active .wholesite-burger span:nth-child(2) {
    opacity: 0;
    transition: opacity .2s
}

.wholesite {
    padding: 22px 0 0;
    background: #fee142
}

.wholesite:hover,
.wholesite:hover:before {
    background: #fed02f
}

.wholesite:before {
    position: absolute;
    content: ' ';
    display: block;
    right: 100%;
    width: 10000px;
    top: 0;
    bottom: 0;
    background: #fee142
}

.wholesite-burger {
    display: -moz-inline-stack;
    display: inline-block;
    position: relative;
    margin: 3px 10px 0 20px;
    width: 14px
}

.wholesite-burger span {
    width: 100%;
    display: block;
    height: 2px;
    background: #000;
    margin: 2px 0;
    position: absolute;
    left: 0;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition: -webkit-transform .2s, top .2s;
    -moz-transition: -moz-transform .2s, top .2s;
    -ms-transition: -ms-transform .2s, top .2s;
    -o-transition: -o-transform .2s, top .2s;
    transition: transform .2s, top .2s
}

.wholesite-burger span:first-child {
    top: 0
}

.wholesite-burger span:nth-child(2) {
    top: 4px;
    opacity: 1;
    transition: opacity .2s
}

.wholesite-burger span:nth-child(3) {
    top: 8px
}

.mainmenu .wholesite-line {
    font-size: 14px;
    font-weight: 300
}

.mainmenu-dropdown {
    position: absolute;
    top: 66px;
    left: 0;
    right: 0;
    padding: 60px 0 55px;
    background: #f5f9fa;
    box-shadow: 0 8px 8px rgba(0, 0, 0, .2);
    font-family: PFBeauSansPro, Arial, sans-serif;
    font-size: 14px;
    display: none
}

.mainmenu-dropdown a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 6px 0
}

.mDropdown-phone,
.mDropdown-tablet,
.mainmenu .mDropdown-close {
    display: none
}

.mainmenu-dropdown a.active,
.mainmenu-dropdown a:hover {
    opacity: 1;
    color: #fed02f
}

.mDropdown {
    min-width: 320px
}

.mDropdown-content {
    padding: 0 20px
}

.mDropdown-title {
    font-size: 18px;
    margin-bottom: 3px;
    display: block
}

.mDropdown-item {
    opacity: .5
}

.mDropdown-col {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: -4px
}

.mDropdown-col--1,
.mDropdown-col--2,
.mDropdown-col--3,
.mDropdown-col--4 {
    width: 23%;
    padding-right: 2%
}

.mDropdown-list {
    padding-bottom: 15px
}

.mDropdown-close {
    font-size: 15px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #000;
    opacity: .4;
    cursor: pointer;
    position: absolute;
    top: -40px;
    right: 20px;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    font-weight: 300
}

.mSearch-input,
.mainmenu-buy,
.mainmenu-quest {
    font-size: 14px;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.mDropdown-close:hover {
    opacity: 1
}

.proditem-description,
.proditem-label {
    opacity: .5;
    font-size: 12px
}

.mainmenu-mobile {
    display: none
}

.mSearch-field {
    position: relative;
    width: 170px;
    display: -moz-inline-stack;
    display: inline-block;
    padding-top: 12px;
    margin-right: -10px!important
}

.mSearch-button,
.mainmenu-buy i,
.mainmenu-quest i,
.mainmenu-search {
    margin-right: -4px;
    vertical-align: top
}

.mSearch-input {
    display: block;
    background: 0 0;
    border: 0;
    width: 94%;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    outline: 0;
    color: #000
}

.mSearch-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

.mSearch-input::-moz-placeholder {
    color: rgba(0, 0, 0, .3)
}

.mSearch-input:-moz-placeholder {
    color: rgba(0, 0, 0, .3)
}

.mSearch-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

.mSearch-input:focus {
    border-color: #000
}

.mSearch-button {
    background: url(/local/templates/main-rosneft/css/../images/main/i-search-2.png) center no-repeat;
    background-size: 16px 16px;
    width: 40px;
    height: 40px;
    display: -moz-inline-stack;
    display: inline-block;
    cursor: pointer
}

.mainmenu-search {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    margin-top: 14px;
    margin-left: 20px
}

.mainmenu-buy,
.mainmenu-buy a,
.mainmenu-quest,
.mainmenu-quest a {
    color: #000;
    margin-right: -4px;
    vertical-align: top
}

.mainmenu-buy,
.mainmenu-quest {
    cursor: pointer;
    padding-right: 20px;
    margin-left: 20px;
    margin-top: 26px;
    position: relative;
    display: inline-block
}

.mainmenu-buy:after,
.mainmenu-quest:after {
    height: 10px;
    width: 1px;
    background: #bf9d21;
    position: absolute;
    content: ' ';
    display: block;
    right: 0;
    top: 50%;
    margin-top: -5px
}

.mainmenu-buy a,
.mainmenu-quest a {
    text-decoration: none;
    display: inline-block;
    margin-left: 22px
}

.mainmenu-buy a span,
.mainmenu-quest a span {
    border-bottom: 1px dashed rgba(0, 0, 0, .3)
}

.mainmenu-buy a:hover,
.mainmenu-quest a:hover {
    color: rgba(0, 0, 0, .7)
}

.mainmenu-buy a:hover span,
.mainmenu-quest a:hover span {
    border-color: rgba(0, 0, 0, .2)
}

.mainmenu-buy i,
.mainmenu-quest i {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    font-family: PFBeauSansPro, Arial, sans-serif;
    font-size: 20px;
    font-style: normal
}

.mainmenu-aboutlinks,
.mainmenu-autolinks,
.mainmenu-productionlinks {
    padding: 25px 35px 25px 30px;
    background: #f6f9fa;
    position: absolute;
    top: 100%;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1);
    right: 330px;
    display: none
}

.mainmenu-aboutlinks {
    right: auto;
    left: 0
}

.mainmenu-productionlinks {
    right: auto;
    left: 120px
}

.mainmenu-aboutlinks.is-active,
.mainmenu-autolinks.is-active,
.mainmenu-productionlinks.is-active {
    display: block
}

.mainmenu-aboutlinks:before,
.mainmenu-autolinks:before,
.mainmenu-productionlinks:before {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #f6f9fa;
    position: absolute;
    content: ' ';
    display: block;
    top: -7px;
    left: 20px
}

.mainmenu-aboutlinks a,
.mainmenu-autolinks a,
.mainmenu-productionlinks a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    padding: 4px 0;
    color: rgba(0, 0, 0, .8)
}

.footer-left a,
.footer-right a,
.mainmenu-aboutlinks a:hover,
.mainmenu-autolinks a:hover,
.mainmenu-productionlinks a:hover {
    text-decoration: underline
}

.promoslider {
    position: relative;
    max-height: 500px;
    height: 500px;
    overflow: hidden
}

.promoslider .fotorama__html,
.promoslider .fotorama__stage,
.promoslider .fotorama__stage__shaft,
.promoslider .fotorama__wrap {
    height: 500px!important
}

.promoslider-slide {
    height: 500px;
    position: relative
}

.promoslider-image {
    position: absolute;
    left: -100px;
    right: -100px;
    max-width: 100%;
    margin: 0 auto;
    height: 100%;
    width: auto
}

.promoslider-arrow,
.promoslider-nav {
    left: 50%;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none
}

.promoslider-slide--1 {
    position: relative;
    background: url(/local/templates/main-rosneft/css/../images/main/image.jpg) center no-repeat;
    background-size: cover
}

.promoslider-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.promoslider-content {
    position: relative;
    padding: 75px 0 0 340px;
    color: #fff;
    font-family: PFBeauSansPro, Arial, sans-serif;
    max-width: 500px
}

.promoslider-title {
    font-size: 50px;
    line-height: .92em;
    padding-bottom: 35px;
    font-weight: 300
}

.promoslider-title a {
    color: #fff;
    text-decoration: none;
    border: 0
}

.promoslider-title a:hover {
    color: #fed02f
}

.promoslider-text {
    font-size: 18px;
    line-height: 1.56em;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.promoslider-nav {
    bottom: 40px;
    margin-left: -155px;
    user-select: none
}

.promoslider-navlink {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    line-height: 33px;
    border: 1px solid #9e9a96;
    width: 30px;
    height: 30px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600
}

.promoslider-navlink:hover {
    background: #9e9a96
}

.promoslider-navlink:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    background: #9e9a96
}

.promoslider-navlink.is-active,
.promoslider-navlink.is-active:active,
.promoslider-navlink.is-active:hover {
    color: #000;
    background: #fed02f!important;
    border-color: #fed02f;
    cursor: default
}

.promoslider-arrow {
    display: block;
    width: 30px;
    height: 30px;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    margin-left: 575px;
    user-select: none;
    z-index: 10
}

.customSelect--yellow,
.partners-arrow,
.prod .customSelect {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none
}

.promoslider-arrow.promoslider-arrow--left {
    margin-left: -600px
}

.promoslider-arrow:after,
.promoslider-arrow:before {
    content: ' ';
    transition: transform .2s, width .2s;
    height: 4px;
    width: 30px;
    background: #fff;
    left: 0;
    position: absolute
}

.prod,
.prod-col,
.prod-content,
.prod-proditem,
.proditem-content,
.proditem-header,
.prodsblock,
.prodsblock-col,
.prodsblock-list {
    position: relative
}

.promoslider-arrow:before {
    top: 2px;
    display: block;
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.promoslider-arrow:after {
    bottom: 2px;
    display: block;
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.promoslider-arrow:hover:before {
    -webkit-transform: rotate(65deg) translateY(-2px);
    -moz-transform: rotate(65deg) translateY(-2px);
    -ms-transform: rotate(65deg) translateY(-2px);
    -o-transform: rotate(65deg) translateY(-2px);
    transform: rotate(65deg) translateY(-2px)
}

.promoslider-arrow:hover:after {
    -webkit-transform: rotate(-65deg) translateY(2px);
    -moz-transform: rotate(-65deg) translateY(2px);
    -ms-transform: rotate(-65deg) translateY(2px);
    -o-transform: rotate(-65deg) translateY(2px);
    transform: rotate(-65deg) translateY(2px)
}

.promoslider-arrow.promoslider-arrow--left:before {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.promoslider-arrow.promoslider-arrow--left:after {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.promoslider-arrow.promoslider-arrow--left:hover:before {
    -webkit-transform: rotate(-65deg) translateY(-2px);
    -moz-transform: rotate(-65deg) translateY(-2px);
    -ms-transform: rotate(-65deg) translateY(-2px);
    -o-transform: rotate(-65deg) translateY(-2px);
    transform: rotate(-65deg) translateY(-2px)
}

.promoslider-arrow.promoslider-arrow--left:hover:after {
    -webkit-transform: rotate(65deg) translateY(2px);
    -moz-transform: rotate(65deg) translateY(2px);
    -ms-transform: rotate(65deg) translateY(2px);
    -o-transform: rotate(65deg) translateY(2px);
    transform: rotate(65deg) translateY(2px)
}

.prod {
    display: block
}

.prod-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.prod-col--1 {
    width: 34%;
    z-index: 15
}

.prod-col--2 {
    width: 66%
}

.prod-proditem {
    margin-top: -185px;
    max-width: 280px;
    border: 1px solid #eaeaea;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .05)
}

.prod-content {
    display: block
}

.proditem-header {
    margin: -1px -1px 0;
    padding: 20px 40px;
    background: url(/local/templates/main-rosneft/css/../images/main/i-star.png) right 25px center no-repeat #272f39;
    background-size: 16px auto;
    font-size: 15px;
    line-height: 1.05em;
    color: #fff
}

.proditem-button i,
.prodsblock-col {
    margin-right: -4px;
    vertical-align: top
}

.proditem-header span {
    max-width: 130px;
    display: block
}

.proditem-content {
    padding: 40px;
    background: #fff
}

.proditem-showlink {
    display: none
}

.proditem-photo img {
    max-width: 100%;
    max-height: 180px;
    width: Auto;
    height: auto
}

.proditem-title {
    border-bottom: 1px solid #e5e5e5;
    padding: 32px 0 25px
}

.proditem-company {
    font-size: 24px;
    font-weight: 300;
    color: #000;
    line-height: 1em;
    padding: 0 0 5px
}

.proditem-itemtitle {
    font-weight: 900;
    color: #000;
    font-size: 20px;
    line-height: 1em;
    padding: 0 0 10px
}

.proditem-label {
    display: block;
    padding: 27px 0 3px
}

.proditem-row {
    display: block;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 300
}

.proditem-big {
    font-size: 24px;
    font-weight: 300;
    line-height: 1em
}

.proditem-button {
    font-size: 13px;
    border: 2px solid #e8e8e8;
    border-radius: 4px;
    padding: 11px 10px 9px;
    display: block;
    text-decoration: none;
    font-weight: 600;
    color: #000;
    margin-top: 50px;
    transition: all .2s
}

.proditem-button i {
    display: -moz-inline-stack;
    display: inline-block;
    background: url(/local/templates/main-rosneft/css/../images/main/i-arrow-right.png) no-repeat;
    width: 7px;
    height: 10px;
    background-size: 7px 10px;
    margin-top: 3px;
    margin-left: 5px
}

.proditem-button:hover {
    background: #e8e8e8
}

.prodsblock {
    padding: 50px 0 0
}

.prodsblock-list {
    padding: 50px 0 65px;
    max-height: 250px;
    overflow: hidden;
    transition: max-height .4s
}

.is-active .prodsblock-list {
    max-height: 900px;
    transition: max-height 1s ease-out
}

.prodsblock-col {
    display: -moz-inline-stack;
    display: inline-block;
    width: 33%
}

.prodsblock-col:nth-child(3) .prodsblock-for:after,
.prodsblock-col:nth-child(3) .prodsblock-image:after,
.prodsblock-col:nth-child(3) .prodsblock-specials:after {
    display: none
}

.prodsblock-for:after,
.prodsblock-image:after,
.prodsblock-specials:after {
    width: 2px;
    content: ' '
}

.prodsblock-col:nth-child(2) .prodsblock-for {
    border-left: 0;
    border-right: 0
}

.prodsblock-col:nth-child(2) .prodsblock-for:after,
.prodsblock-col:nth-child(2) .prodsblock-image:after,
.prodsblock-col:nth-child(2) .prodsblock-specials:after {
    right: -10px
}

.prodsblock-col:nth-child(3) .prodsblock-for {
    border-left: 0
}

.prodsblock-col:nth-child(3) .prodsblock-for b {
    max-width: 140px
}

.prodsblock-image {
    padding: 0 0 25px;
    height: 55px;
    opacity: .8
}

.prodsblock-image:after {
    background: #e5e5e5;
    display: block;
    position: absolute;
    height: 80px;
    top: -20px;
    right: 0
}

.prodsblock-for {
    position: relative;
    border: 2px solid #fed02f;
    font-size: 15px;
    line-height: 1em;
    padding: 17px 10px 17px 35px;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.prodsblock-for b {
    font-weight: 500;
    display: block
}

.prodsblock-for:after {
    background: #fed02f;
    display: block;
    position: absolute;
    height: 35px;
    top: 15px;
    right: 0
}

.prodsblock-specials {
    padding: 30px 10px 0 45px;
    font-size: 12px;
    position: relative
}

.prodsblock-specials:after {
    background: #e5e5e5;
    display: block;
    position: absolute;
    bottom: 10px;
    top: 20px;
    right: 0
}

.prodsblock-specials li {
    position: relative;
    padding-bottom: 5px
}

.prodsblock-specials li:before {
    width: 5px;
    height: 5px;
    position: absolute;
    content: ' ';
    display: block;
    background: #fed02f;
    border-radius: 50%;
    top: 6px;
    left: -15px
}

.prodsblock-col:first-child .prodsblock-for {
    border-right: 0;
    margin-left: 0;
    padding-left: 25px
}

.prodsblock-col:nth-child(2) .prodsblock-image {
    margin-top: -10px;
    margin-bottom: 10px
}

.prodsblock-col:nth-child(3) .prodsblock-image {
    margin-top: -25px;
    margin-bottom: 25px
}

.prodsblock-open {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    padding: 18px 20px;
    cursor: pointer;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute
}

.prodsblock-open:before {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
    height: 50px;
    top: -51px;
    left: 0;
    right: 0;
    position: absolute;
    content: ' ';
    display: block;
    max-height: 50px;
    transition: opacity .2s, top .2s
}

.prodsblock-open span {
    color: #000;
    border-bottom: 1px dashed rgba(0, 0, 0, .6);
    opacity: .8;
    transition: opacity .2s, border-color .2s
}

.js-jumper-column,
.js-jumper-column.is-animating {
    transition: transform .5s cubic-bezier(.19, 1, .22, 1)
}

.prodsblock-open:hover span {
    opacity: 1
}

.prodsblock-open.is-active:before {
    opacity: 0;
    top: 0
}

.prodsmore {
    padding: 30px 0 0;
    position: relative
}

.prodsmore-title {
    color: #212121;
    position: relative;
    font-family: PFBeauSansPro, Arial, sans-serif;
    padding-top: 5px
}

.prodsmore-big {
    position: relative;
    font-size: 35px;
    line-height: .78em;
    font-weight: 200
}

.prodsmore-big b {
    font-weight: 600
}

.prodsmore-small {
    font-size: 22px;
    padding: 5px 0 0
}

.prodsmore-select {
    position: absolute;
    right: 0
}

.js-jumper-column {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.js-jumper-column.is-animating {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px)
}

.customSelect--yellow:before,
.gSelect-clear,
.prod .customSelect:before {
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s
}

.customSelect--yellow,
.prod .customSelect {
    background: #fed02f;
    color: #000;
    font-weight: 500;
    font-size: 18px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: auto;
    padding: 22px 40px 18px;
    text-transform: uppercase;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .05);
    position: relative;
    user-select: none;
    z-index: 400
}

.customSelect--yellow:before,
.prod .customSelect:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
    opacity: 0;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.customSelect--yellow:hover:before,
.prod .customSelect:hover:before {
    opacity: .5
}

.customSelect--yellow:active,
.prod .customSelect:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.customSelect--yellow:active:before,
.prod .customSelect:active:before {
    display: none
}

.customSelect--yellow:after,
.prod .customSelect:after {
    top: 0;
    left: 0;
    right: 0;
    content: ' ';
    display: block;
    position: absolute;
    z-index: 50;
    height: 70px
}

.customSelect--yellow.is-active:active,
.prod .customSelect.is-active:active {
    box-shadow: none
}

.customSelect--yellow.is-active:active:before,
.prod .customSelect.is-active:active:before {
    display: block
}

.customSelect--yellow.is-active .customSelect-arrow,
.prod .customSelect.is-active .customSelect-arrow {
    background-position: 0 -6px
}

.customSelect--yellow.is-active .customSelect-list,
.prod .customSelect.is-active .customSelect-list {
    display: block;
    max-height: 500px;
    opacity: 1
}

.customSelect--yellow .customSelect-val,
.prod .customSelect .customSelect-val {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.customSelect--yellow .customSelect-arrow,
.prod .customSelect .customSelect-arrow {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: auto;
    background: url(/local/templates/main-rosneft/css/../images/main/i-arrows.png) no-repeat;
    background-size: 10px 13px;
    width: 10px;
    height: 6px;
    margin-top: 4px;
    margin-left: 3px
}

.customSelect--yellow .customSelect-list,
.prod .customSelect .customSelect-list {
    display: none;
    position: absolute;
    font-size: 12px;
    font-family: PFBeauSansPro, Arial, sans-serif;
    color: #000;
    text-transform: none;
    letter-spacing: 0;
    border: 2px solid #fed02f;
    left: 0;
    right: 0;
    padding-left: 38px;
    padding-right: 38px;
    box-sizing: border-box;
    padding-bottom: 20px;
    background: #fff;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .4s opacity .4s
}

.aCar-title,
.cRow-code,
.gTabs,
.news-subtitle,
.partners-title,
.popup-captions {
    letter-spacing: .05em
}

.customSelect--yellow .customSelect-list a,
.prod .customSelect .customSelect-list a {
    color: #000;
    text-decoration: none
}

.customSelect--yellow .customSelect-list a:hover,
.prod .customSelect .customSelect-list a:hover {
    color: #fed02f
}

.customSelect--yellow .customSelect-list:before,
.prod .customSelect .customSelect-list:before {
    position: absolute;
    content: ' ';
    display: block;
    background: #fed02f;
    left: 0;
    right: 0;
    top: 0;
    z-index: 4
}

.customSelect--yellow .customSelect-optGroup,
.prod .customSelect .customSelect-optGroup {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
    padding-top: 12px;
    font-size: 14px
}

.customSelect--yellow .customSelect-optGroup:first-child,
.prod .customSelect .customSelect-optGroup:first-child {
    padding-top: 0
}

.customSelect--yellow .customSelect-optGroup:last-child,
.prod .customSelect .customSelect-optGroup:last-child {
    border: 0;
    padding-bottom: 0
}

.customSelect--yellow .customSelect-option,
.prod .customSelect .customSelect-option {
    display: block;
    padding-bottom: 8px;
    position: relative
}

.customSelect--yellow .customSelect-option:after,
.prod .customSelect .customSelect-option:after {
    content: ' ';
    display: block;
    position: absolute;
    background: url(/local/templates/main-rosneft/css/../images/main/i-arrow-next.png) center no-repeat;
    width: 5px;
    height: 6px;
    background-size: 5px 6px;
    top: 4px;
    right: 0
}

.customSelect--outline.customSelect {
    height: 48px;
    border: 1px solid #d7d7d7;
    color: #424242;
    border-radius: 2px;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    font-family: PFBeauSansPro, Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    z-index: 55;
    position: relative
}

.customSelect--outline.customSelect.is-active .customSelect-list {
    display: block
}

.customSelect--outline.customSelect .customSelect-val {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 20px;
    bottom: 0;
    right: 0;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis
}

.customSelect--outline.customSelect .customSelect-list {
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 50px;
    border: 1px solid #d7d7d7;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    z-index: 55;
    background: #fff;
    border-radius: 2px;
    max-height: 200px;
    overflow: auto
}

.teammate-photo,
.teammate-photo span {
    overflow: hidden
}

.customSelect--outline.customSelect .customSelect-list>div {
    position: relative;
    display: block
}

.customSelect--outline.customSelect .customSelect-list a {
    display: block;
    padding: 10px 20px 6px;
    text-decoration: none;
    color: #424242;
    position: relative
}

.customSelect--outline.customSelect .customSelect-list a:hover {
    background: rgba(0, 0, 0, .1)
}

.customSelect--outline.customSelect .customSelect-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    cursor: pointer;
    background: url(/local/templates/main-rosneft/css/../images/main/i-arrows.png) 5px 0 no-repeat;
    width: 15px;
    height: 6px;
    background-size: 10px auto;
    margin-top: -6px
}

.customSelect--outline.customSelect .customSelect-slct {
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    opacity: 0;
    display: none
}

.banners,
.banners-row,
.nItem,
.news,
.news-content {
    position: relative
}

.banners {
    padding: 60px 0 55px
}

.banners-content {
    border: 1px solid #ededed;
    border-right: 0;
    border-left: 0;
    padding: 40px 0 0
}

.banners-row {
    padding-bottom: 20px
}

.banners-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.banners-col--50 {
    width: 48%
}

.banners-col--50:first-child {
    padding-right: 2%
}

.banners-col--50:last-child {
    padding-left: 2%
}

.banners-placeholder {
    background: #e5e5e5;
    position: relative;
    min-height: 80px
}

.banners-col--100 {
    width: 100%;
    margin-right: 0
}

.banners-col--100>div {
    height: 100px
}

.news-header {
    padding: 0 20px
}

.news-content {
    padding: 40px 20px 0
}

.news-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.news-col--33 {
    width: 33.33%
}

.news-col--50 {
    width: 50%
}

.nItem {
    display: block;
    text-decoration: none;
    padding-right: 20px;
    font-size: 12px;
    line-height: 1.5em;
    color: #000;
    margin-bottom: 50px
}

.nItem:hover .nItem-date {
    color: #000;
    opacity: 1
}

.nItem:hover .nItem-header {
    border-color: #fee142
}

.nItem-date,
.nItem-tags {
    padding-top: 2px
}

.nItem-header {
    border-bottom: 1px solid #e9eaed;
    padding-bottom: 10px
}

.nItem-text {
    padding-top: 15px
}

.nItem-date {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-family: PFBeauSansPro, Arial, sans-serif;
    margin-right: 10px
}

.nItem-content {
    padding-right: 10px
}

.nItem-image {
    position: absolute;
    width: 18%;
    top: 2px;
    left: 0
}

.nItem-image img {
    position: relative;
    width: 100%;
    height: auto
}

.news-col--50 .nItem-image {
    width: 23%
}

.news-col--50 .nItem-image+.nItem-content {
    margin-left: 30%
}

.nItem-descrpition {
    color: rgba(0, 0, 0, .75);
    font-size: 11px;
    line-height: 1.6em;
    padding: 10px 0 0
}

.nItem-tags {
    position: relative;
    padding-left: 15px;
    vertical-align: top;
    margin-right: 15px;
    margin-top: 1px;
    opacity: .8;
    text-decoration: none
}

.nItem-tags:before {
    position: absolute;
    content: ' ';
    display: block;
    background: url(/local/templates/main-rosneft/css/../images/inners/i-tag.png) left center no-repeat;
    background-size: 12px auto;
    width: 12px;
    height: 12px;
    top: 50%;
    margin-top: -7px;
    left: 0
}

.asMain,
.asMain-col,
.asMain-content,
.asMain-row,
.asSport-about,
.nItem--as .nItem-image {
    position: relative
}

a:hover .nItem-tags {
    opacity: 1
}

h1+.news-filter {
    margin-top: 40px
}

.newsMain .news-row,
.newsMain .news-row:last-child {
    margin-bottom: 0
}

.newsMain .nItem-tags {
    display: inline-block
}

.nItem--as .nItem-image {
    display: block;
    float: none;
    width: auto;
    line-height: 0
}

.nItem--as .nItem-image img {
    position: relative;
    max-width: 100%;
    height: auto
}

.nItem--as .nItem-image+.nItem-content {
    margin-left: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 15px 15px 20px
}

.asMain {
    padding: 25px 0 20px
}

.asMain-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.asMain-col--1 {
    display: block;
    margin-right: 240px
}

.asMain-col--2 {
    position: absolute;
    display: block;
    width: 240px;
    height: 400px;
    right: 0;
    margin-right: 0;
    top: 0
}

.asMain .banner-placeholder {
    height: 400px
}

.asMain-sport {
    border: 2px solid #fed02f;
    margin-right: 25px
}

.asMain-sport:after {
    content: ' ';
    display: block;
    clear: both;
    width: 100%
}

.asSport-text {
    padding: 35px 35px 60px;
    max-width: 240px;
    width: 40%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 300px;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 300;
    background: #fed02f
}

.asSport-title {
    font-size: 20px;
    line-height: 1.4em;
    font-family: PFBeauSansPro, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 20px
}

.asSport-more {
    position: absolute;
    bottom: 25px;
    left: 35px;
    color: #000;
    opacity: .7;
    font-size: 14px;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.asSport-autoname,
.partners-title {
    color: #080808;
    text-transform: uppercase
}

.asSport-more:hover {
    opacity: 1
}

.asSport-about {
    margin-left: 220px;
    display: block;
    padding-bottom: 35px
}

.asSport-automodel,
.asSport-autoname {
    position: relative;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.asSport-team {
    max-width: 330px;
    margin: 0 auto;
    padding-top: 55px;
    position: relative
}

.asSport-automobile {
    background: url(/local/templates/main-rosneft/css/../images/main/auto-sport.png) top right no-repeat;
    padding-right: 150px
}

.asSport-automobile p {
    margin-right: -170px;
    padding-top: 20px
}

.asSport-automodel,
.asSport-autoname,
.asSport-teamcol {
    margin-right: -4px;
    vertical-align: top
}

.asSport-autoname {
    font-size: 20px;
    line-height: 1.2em;
    display: inline-block;
    width: 60px;
    font-weight: 200;
    text-align: left
}

.asSport-autoteam,
.gList-header,
.gSelect-clear,
.geo-tabs,
.popup-close,
.teammate-content {
    text-align: center
}

.asSport-automodel {
    display: inline-block;
    width: 65px;
    font-size: 55px;
    line-height: 1em;
    font-weight: 500
}

.aCar-title,
.asSport-teamtitle {
    font-weight: 200;
    text-transform: uppercase
}

.asSport-autoteam {
    padding-top: 25px;
    position: relative
}

.asSport-teamtitle {
    font-size: 20px;
    line-height: 1.4em;
    font-family: PFBeauSansPro, Arial, sans-serif;
    padding-bottom: 20px
}

.asSport-teamtitle b,
.partners-title {
    font-weight: 500
}

.asSport-teamcol {
    display: -moz-inline-stack;
    display: inline-block;
    width: 30%
}

.teammate-content {
    max-width: 60px;
    display: block;
    margin: 0 auto;
    position: relative;
    font-size: 14px;
    line-height: 16px;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.cnt-info,
.gList-col,
.gMapInfo {
    line-height: 1.42em
}

.teammate-photo {
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    z-index: 1;
    background: #edf3f5
}

.teammate-photo img {
    width: 100%;
    height: auto;
    left: 0;
    position: absolute;
    bottom: 0
}

.teammate-name {
    position: relative;
    padding: 10px 0 0
}

.partners {
    position: relative;
    padding: 0 0 90px
}

.partners-content {
    border: 2px solid #ecf3f5;
    position: relative
}

.partners-text {
    position: absolute;
    left: 0;
    top: 0;
    background: #f6f9fa;
    padding: 35px;
    width: 40%;
    max-width: 240px;
    box-sizing: border-box;
    min-height: 120px;
    height: 100%
}

.partners-title {
    font-size: 20px;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.partners-more {
    padding-top: 10px;
    position: relative
}

.partners-more a {
    font-family: PFBeauSansPro, Arial, sans-serif;
    color: #000;
    opacity: .5
}

.partners-more a:hover {
    opacity: 1
}

.partners-logos {
    margin-left: 240px;
    position: relative;
    padding: 25px 0;
    min-height: 70px
}

.partners-arrow {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 20px;
    user-select: none;
    z-index: 100
}

.geo-zoom,
.popup-arrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none
}

.partners-arrow.partners-arrow--left {
    right: auto;
    left: 20px
}

.partners-arrow:after,
.partners-arrow:before {
    transition: transform .2s, width .2s;
    content: ' ';
    height: 4px;
    width: 30px;
    background: #e3eaec;
    left: 0;
    position: absolute
}

.geo,
.geo-header,
.partners-slider {
    position: relative
}

.partners-arrow:before {
    top: 2px;
    display: block;
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.partners-arrow:after {
    bottom: 2px;
    display: block;
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.partners-arrow:hover:before {
    -webkit-transform: rotate(65deg) translateY(-2px);
    -moz-transform: rotate(65deg) translateY(-2px);
    -ms-transform: rotate(65deg) translateY(-2px);
    -o-transform: rotate(65deg) translateY(-2px);
    transform: rotate(65deg) translateY(-2px)
}

.partners-arrow:hover:after {
    -webkit-transform: rotate(-65deg) translateY(2px);
    -moz-transform: rotate(-65deg) translateY(2px);
    -ms-transform: rotate(-65deg) translateY(2px);
    -o-transform: rotate(-65deg) translateY(2px);
    transform: rotate(-65deg) translateY(2px)
}

.partners-arrow.partners-arrow--left:before {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.partners-arrow.partners-arrow--left:after,
.popup-arrow:before {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg)
}

.partners-arrow.partners-arrow--left:after {
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.partners-arrow.partners-arrow--left:hover:before {
    -webkit-transform: rotate(-65deg) translateY(-2px);
    -moz-transform: rotate(-65deg) translateY(-2px);
    -ms-transform: rotate(-65deg) translateY(-2px);
    -o-transform: rotate(-65deg) translateY(-2px);
    transform: rotate(-65deg) translateY(-2px)
}

.partners-arrow.partners-arrow--left:hover:after {
    -webkit-transform: rotate(65deg) translateY(2px);
    -moz-transform: rotate(65deg) translateY(2px);
    -ms-transform: rotate(65deg) translateY(2px);
    -o-transform: rotate(65deg) translateY(2px);
    transform: rotate(65deg) translateY(2px)
}

.partners-arrow.swiper-button-disabled {
    opacity: .3;
    pointer-events: none;
    cursor: default
}

.partners-slider {
    padding: 0 85px;
    overflow: hidden
}

.partners-slider img {
    max-width: 100%;
    height: auto;
    display: flex;
    align-self: center;
    margin: auto
}

.partners-slider .swiper-wrapper {
    align-items: center
}

.geo {
    padding: 0;
    z-index: 90
}

.geo-header {
    padding: 0 20px
}

.geo-header h2 {
    padding-right: 250px
}

.geo-chk {
    position: absolute;
    top: 9px;
    right: 0
}

.geo-chk .switchery-default:before {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: ' ';
    display: block;
    position: absolute;
    border-radius: 20px;
    z-index: 5;
    background: #fed02f
}

.gList-content,
.gTabs,
.geo-filter,
.geo-list,
.geo-map {
    position: relative
}

.geo-filter {
    padding-top: 25px;
    padding-bottom: 55px;
    z-index: 650
}

.geo-map {
    height: 665px;
    background: gray;
    display: none
}

.geo-map.is-active {
    display: block
}

.gFilter-item {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 400
}

.gFilter-label {
    opacity: .8
}

.geo-list {
    height: 665px;
    display: none
}

.geo-list .inside {
    border-top: 1px solid #e6e6e6
}

.geo-list.is-active {
    display: block
}

.gTabs,
.gTabs-item {
    font-weight: 500;
    vertical-align: top
}

.gList-header {
    padding: 40px 0 50px;
    min-height: 45px
}

.gList-addresses {
    padding-top: 15px
}

.gTabs,
.gTabs-active {
    border-radius: 50px;
    padding: 0 10px
}

.gList-content {
    height: 455px
}

.gTabs {
    display: inline-block;
    margin-right: auto;
    background: #f4f4f4;
    font-size: 14px;
    text-transform: uppercase;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1)
}

.gTabs-active {
    background: #272f39;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    min-width: 50px;
    transition: left .4s, width .4s
}

.gList-col,
.gList-row,
.gTabs-item {
    position: relative
}

.gTabs-active.no-transition {
    transition: none
}

.gTabs-arrow {
    display: none
}

.gTabs-item {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 17px 15px 13px;
    opacity: .7;
    cursor: pointer;
    transition: color .5s, opacity .5s
}

.gTabs-item:last-child {
    margin-right: 1px
}

.gTabs-item.is-active {
    color: #fff;
    opacity: 1
}

.gTabs-item:hover {
    opacity: 1
}

.gList-row {
    padding: 10px 0 0 30px
}

.gList-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 30%;
    padding-right: 3%;
    font-size: 14px;
    color: #000;
    padding-bottom: 60px
}

.gList-col a {
    color: #074da8
}

.gList-col a:hover,
.gMapInfo,
.gSelect-clear,
.gSelect-list,
.gSelect-select:hover .gSelect-val {
    color: #000
}

.gList-col:before {
    background: url(/local/templates/main-rosneft/css/../images/main/i-location-yellowe.png) no-repeat;
    width: 20px;
    height: 25px;
    background-size: 100% 100%;
    position: absolute;
    content: ' ';
    display: block;
    top: -3px;
    left: -30px
}

.gList-label {
    font-size: 12px;
    padding-top: 25px;
    padding-bottom: 3px;
    display: block;
    color: rgba(0, 0, 0, .5)
}

.gList-label:first-child {
    margin-right: 65px;
    padding-top: 0
}

.gList-addr {
    margin-bottom: -20px
}

.gList-phone {
    font-size: 24px;
    line-height: 24px;
    font-weight: 300
}

.gList-maplink {
    margin: 0 0 0 5px
}

.js-geo-map-map {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.ymaps-2-1-38-copyrights-pane,
.ymaps-2-1-38-map-copyrights-promo,
[class~=copyrights-pane],
[class~=copyrights-promo] {
    display: none!important
}

.gZoom-center,
.gZoom-minus,
.gZoom-plus,
.gZoom-print {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.geo-zoom {
    position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -60px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    z-index: 100;
    user-select: none
}

.gZoom-minus,
.gZoom-plus {
    position: relative;
    background: #272f39;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    margin: 10px auto
}

.gZoom-minus:hover,
.gZoom-plus:hover {
    background: #caa734
}

.gZoom-minus:active,
.gZoom-plus:active {
    background: #caa734;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.gZoom-minus {
    line-height: 42px
}

.gZoom-center {
    background: url(/local/templates/main-rosneft/css/../images/inners/i-center-zoom.png) center no-repeat #272f39;
    background-size: 18px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.gZoom-center:active,
.gZoom-center:hover {
    background-color: #caa734
}

.gZoom-center:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.gZoom-print {
    position: absolute;
    top: -210px;
    background: url(/local/templates/main-rosneft/css/../images/inners/i-print.png) center no-repeat #272f39;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.gSelect-arrow,
.gSelect-val {
    vertical-align: top
}

.gZoom-print:active,
.gZoom-print:hover {
    background-color: #caa734
}

.gZoom-print:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.gFilter-select {
    position: relative;
    color: #074da8;
    cursor: pointer;
    margin-right: 10px;
    min-width: 90px
}

.gFilter-select.is-disabled {
    pointer-events: none;
    opacity: .6
}

.gSelect-val {
    display: inline-block;
    margin-right: -4px;
    position: relative;
    padding-left: 0
}

.gSelect-clear {
    vertical-align: top;
    border: 1px solid #000;
    opacity: .6;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin: 0 0 -2px;
    line-height: 17px;
    font-size: 10px;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    display: none
}

.gSelect-arrow,
.gSelect-clear.is-active {
    display: inline-block
}

.gSelect-clear:hover {
    opacity: 1
}

.gSelect-arrow {
    background: url(/local/templates/main-rosneft/css/../images/main/i-arrow-down.png) center no-repeat;
    width: 5px;
    height: 4px;
    background-size: 5px 4px;
    margin-top: 9px;
    margin-right: 5px
}

.gSelect-select {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    margin-left: 0
}

.is-active .gSelect-clear {
    display: inline-block
}

.gSelect-list {
    position: absolute;
    top: 100%;
    margin-top: 5px;
    width: 200px;
    left: 0;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    z-index: 90;
    max-height: 200px;
    overflow: auto;
    display: none
}

.gSelect-item {
    position: relative;
    display: block;
    padding: 6px 25px 4px 10px
}

.gSelect-item:first-child {
    border-radius: 5px 5px 0 0
}

.gSelect-item:last-child {
    border-radius: 0 0 5px 5px
}

.gSelect-item:hover {
    background: #f6f9fa
}

.gSelect-sel {
    display: none
}

.gMapInfo {
    position: absolute;
    top: 120px;
    background: #fff;
    left: 50%;
    margin-left: -480px;
    width: 300px;
    padding: 25px 40px 50px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    font-size: 14px
}

.gMapInfo-close {
    font-size: 15px;
    opacity: .5;
    position: absolute;
    top: 25px;
    right: 15px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 20px;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10
}

.gMapInfo-close:hover {
    opacity: 1
}

.gMapInfo-label {
    font-size: 12px;
    opacity: .5;
    padding-top: 20px
}

.cMapInfo-row a,
.gList-phone a,
.gMapInfo-label a {
    color: #000;
    text-decoration: none
}

.gList-phone a {
    display: block
}

.cMapInfo-row a:hover,
.gList-phone a:hover,
.gMapInfo-label a:hover {
    color: #fed02f
}

.gMapInfo-addressLinks {
    color: #074da8;
    font-size: 12px;
    padding-top: 10px
}

.gMapInfo-addressLinks a {
    color: #074da8;
    margin-left: 10px
}

.gMapInfo-addressLinks a:hover {
    color: #fed02f
}

.gMapInfo-fax,
.gMapInfo-phone {
    font-size: 26px;
    font-weight: 300;
    padding-top: 5px
}

.gMap-balloon,
.gMapInfo-email,
.gMapInfo-url {
    font-size: 14px
}

.gMapInfo-fax .gMapInfo-row a,
.gMapInfo-phone .gMapInfo-row a {
    display: inline-block;
    margin-bottom: 10px
}

.gMapInfo-fax .gMapInfo-row a:last-child,
.gMapInfo-phone .gMapInfo-row a:last-child {
    margin-bottom: 0
}

.gMapInfo-email a,
.gMapInfo-url a {
    color: #000
}

.gMapInfo-email a:hover,
.gMapInfo-url a:hover {
    color: #fed02f
}

.gMapInfo-address,
.gMapInfo-email,
.gMapInfo-fax,
.gMapInfo-phone {
    position: relative
}

.gMapInfo-address .gMapInfo-row {
    max-width: 90%
}

.gMapInfo-address:after,
.gMapInfo-email:after,
.gMapInfo-fax:after,
.gMapInfo-phone:after {
    right: -5px;
    opacity: .2;
    position: absolute;
    content: ' ';
    display: block
}

.gMapInfo-address:after {
    width: 21px;
    height: 26px;
    background: url(/local/templates/main-rosneft/css/../images/main/i-info-loc.png) no-repeat;
    background-size: 100% 100%;
    top: 46px
}

.gMapInfo-phone:after {
    width: 22px;
    height: 22px;
    background: url(/local/templates/main-rosneft/css/../images/main/i-info-phone.png) no-repeat;
    background-size: 100% 100%;
    top: 43px
}

.gMapInfo-fax:after {
    width: 24px;
    height: 24px;
    background: url(/local/templates/main-rosneft/css/../images/main/i-info-fax.png) no-repeat;
    background-size: 100% 100%;
    top: 43px
}

.gMapInfo-email:after {
    width: 22px;
    height: 16px;
    background: url(/local/templates/main-rosneft/css/../images/main/i-info-mail.png) no-repeat;
    background-size: 100% 100%;
    top: 44px
}

.geo-tabs {
    position: absolute;
    bottom: 580px;
    z-index: 600;
    left: 0;
    right: 0;
    overflow: visible!important
}

.geo-tabs .jspContainer {
    overflow: visible
}

.gMap-balloon {
    background: #fff;
    width: 300px;
    padding: 15px 20px;
    position: absolute;
    top: 0;
    margin-top: -60px;
    line-height: 18px;
    left: 100%;
    margin-left: 38px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2)
}

.gMap-balloon:before {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
    position: absolute;
    content: ' ';
    display: block;
    left: -10px;
    top: 15px
}

.footer,
.footer-col,
.footer-logo {
    position: relative
}

.gFilter-itemSeparator {
    display: none
}

.footer {
    background: #383838;
    color: #fff;
    color: rgba(255, 255, 255, .5);
    overflow: hidden;
    min-width: 320px
}

.footer-content {
    padding: 60px 20px 0
}

.footer-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.footer-col--1 {
    width: 25.5%
}

.footer-col--2 {
    width: 50%
}

.footer-col--3 {
    width: 50%
}

.footer-col--4 {
    width: 23%
}

.footer-col--5 {
    width: 51.5%
}

.footer-col--double-menu {
    width: 51.5%
}

.footer-col--tablet {
    display: none
}

.footer-wholesite {
    background: 0 0;
    padding: 20px 30px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: auto;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    font-family: PFBeauSansPro, Arial, sans-serif;
    border: 2px solid #4c4c4c;
    cursor: pointer;
    transition: background-color .2s
}

.footer-lImage,
.footer-wholesite:before {
    display: none
}

.footer-wholesite .wholesite-burger {
    margin-left: 0;
    margin-right: 8px
}

.footer-wholesite .wholesite-burger span {
    background: #fff
}

.footer-wholesite:hover {
    background: #4c4c4c
}

.footer-wholesite:active {
    padding: 22px 32px;
    background: #4c4c4c;
    border: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.lSearch-button:active,
.lSearch-button:hover:active {
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .4)
}

.footer-logo {
    width: 172px;
    padding: 20px 0 0 0;
    text-align: center;
}

.footer-lSvg {
    display: block
}

.is-not-svg-support .footer-lSvg {
    display: none
}

.is-not-svg-support .footer-lImage {
    display: block
}

.footer-title {
    padding-top: 5px;
    font-weight: 400;
    font-family: PFBeauSansPro, Arial, sans-serif;
    color: #fff
}

.footer-list,
.footer-row:last-child {
    font-weight: 300;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.footer-list {
    padding: 0 0 17px
}

.footer-list li {
    padding: 0 0 12px
}

.footer-list a {
    color: #fff;
    color: rgba(255, 255, 255, .5);
    text-decoration: none
}

.footer-list a:hover {
    color: #fff
}

.footer-address,
.footer-emails,
.footer-phones {
    padding: 0 0 0 55px;
    margin-bottom: 13px;
    font-size: 12px;
    line-height: 1.667em;
    display: block;
    position: relative;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.footer-address:before,
.footer-emails:before,
.footer-phones:before {
    position: absolute;
    left: 15px;
    top: 10px;
    display: block;
    content: ' '
}

.footer-emails a {
    display: block;
    color: rgba(255, 255, 255, .5);
    margin: 0
}

.footer-address:before {
    background: url(/local/templates/main-rosneft/css/../images/main/i-loc.png) center no-repeat;
    width: 14px;
    height: 16px;
    background-size: 100% 100%
}

.footer-phones nobr {
    display: block
}

.footer-phones:before {
    background: url(/local/templates/main-rosneft/css/../images/main/i-phone-2.png) center no-repeat;
    width: 14px;
    height: 15px;
    background-size: 100% 100%
}

.footer-emails:before {
    background: url(/local/templates/main-rosneft/css/../images/main/i-mail.png) center no-repeat;
    width: 17px;
    height: 13px;
    background-size: 100% 100%
}

.footer-emails a:hover {
    color: #fff
}

.lSearch {
    position: relative;
    padding-top: 8px
}

.lSearch-form {
    position: relative;
    border: 2px solid #5f5f5f
}

.lSearch-button {
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    width: 45px;
    cursor: pointer;
    display: block;
    z-index: 10
}

.lSearch-field {
    height: 40px;
    position: relative;
    display: block
}

.lSearch-input {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: 0 0;
    font-family: PFBeauSansPro, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    outline: 0;
    margin: -2px;
    border: 2px solid transparent;
    transition: border-color .2s;
    width: 100%;
    line-heiht: 29px
}

.lSearch-input:focus {
    border-color: #fed02f
}

.footer-row:first-child {
    padding-bottom: 18px
}

.footer-row:last-child {
    border-top: 2px solid #565656;
    position: relative;
    padding: 20px 0 0
}

.footer-left,
.footer-right {
    position: relative;
    margin-right: -4px;
    padding-top: 5px;
    vertical-align: top
}

.footer-left {
    display: -moz-inline-stack;
    display: inline-block;
    width: 58%
}

.footer-left span {
    display: block
}

.footer-left a {
    color: #fff;
    color: rgba(255, 255, 255, .5)
}

.footer-left a:hover {
    color: #fff
}

.footer-right {
    display: -moz-inline-stack;
    display: inline-block;
    padding-left: 6%;
    width: 36%
}

.footer-right:before {
    position: absolute;
    left: -10px;
    background: url(/local/templates/main-rosneft/css/../images/main/footer-logo-mini.png) no-repeat;
    width: 50px;
    height: 33px;
    background-size: 100% 100%;
    content: ' ';
    display: block;
    top: 2px
}

.footer-right a {
    color: #fff;
    color: rgba(255, 255, 255, .5)
}

.footer-right a:hover {
    color: #fff
}

.footer .mDropdown {
    top: 0;
    z-index: 90
}

.overlay {
    position: fixed;
    background: rgba(0, 0, 0, .4);
    z-index: 999990;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    cursor: pointer
}

.popup,
.popup-captions,
.popup-close {
    position: absolute
}

.overlay--media {
    background: rgba(0, 0, 0, .85)
}

.popup {
    top: 50%;
    margin: 0 auto;
    left: 50%;
    background: #fafafa;
    padding: 60px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
    z-index: 999991;
    width: auto;
    display: none
}

.popup--noshad {
    box-shadow: none
}

.popup--noshad img {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .25)
}

.popup-close {
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    cursor: pointer;
    z-index: 55;
    font-size: 20px;
    color: #000;
    opacity: .4;
    transition: opacity .2s
}

.popup-col,
.popup-fotorama {
    position: relative
}

.popup-close:hover {
    opacity: 1
}

.popup-content {
    width: 620px
}

.popup-title {
    padding: 0 0 35px;
    text-transform: uppercase;
    font-size: 20px;
    color: #424242;
    font-weight: 500;
    font-family: PFBeauSansPro, Arial, sans-serif;
    border-bottom: 1px solid #dbdbdb
}

.popup-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.popup-col--50 {
    width: 48%;
    padding-right: 2%
}

.popup-col--50:last-child {
    padding-left: 2%;
    padding-right: 0
}

.popup-col--100 {
    display: block;
    width: auto;
    margin: auto
}

.popup-row {
    padding: 30px 0 0
}

.popup-capcha,
.popup-capchaField {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    max-width: 180px
}

.popup-capchaField {
    margin-top: -4px
}

.popup-capchaArrow {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    width: 50px;
    height: 40px;
    background: url(/local/templates/main-rosneft/css/../images/main/i-ar.png) center no-repeat;
    background-size: 6px 12px
}

.breadcrumbs-item,
.cnt h1,
.form-button,
.form-chk,
.form-file,
.popup-buttons,
.popup-disclaim {
    vertical-align: top
}

.popup-row--b {
    border: 1px solid #dadada;
    border-right: 0;
    border-left: 0;
    margin: 30px 0 0;
    padding-bottom: 30px
}

.popup .button {
    font-size: 14px;
    font-weight: 700;
    padding: 15px 40px 13px
}

.popup .button--outline {
    padding: 13px 38px 11px
}

.popup .button--outline:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    padding: 15px 40px 13px;
    border: 0
}

.form .customSelect,
.form-input,
.form-textarea {
    border: 1px solid #d7d7d7;
    box-sizing: border-box
}

.popup-disclaim {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: -4px;
    background: url(/local/templates/main-rosneft/css/../images/main/info.png) 0 5px no-repeat;
    background-size: 30px 30px;
    padding-left: 40px;
    font-size: 10px;
    line-height: 12px;
    width: 190px;
    color: rgba(0, 0, 0, .4);
    margin-top: 4px
}

.popup-buttons {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: 20px
}

.popup--media {
    background: 0 0;
    padding: 0!important
}

.popup--media .popup-close {
    top: -55px;
    right: -10px;
    color: #212121
}

.popup--media .popup-content {
    width: auto
}

.popup--media video {
    width: 100%;
    height: auto;
    max-width: 100%!important;
    position: relative;
    display: block
}

.popup-captions {
    color: #fff;
    height: 40px;
    line-height: 20px;
    top: -45px;
    left: 0;
    right: 0;
    width: auto;
    bottom: auto;
    overflow: hidden;
    font-family: PFBeauSansPro, Arial, sans-serif;
    font-size: 20px;
    text-transform: uppercase
}

.popup-counter,
.popup-originals {
    bottom: -30px;
    position: absolute;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.popup-caption {
    position: absolute;
    display: none
}

.popup-caption.is-active {
    display: block;
    color: #212121
}

.popup-originals {
    left: 75%;
    right: 0;
    text-align: right;
    font-size: 12px
}

.popup-originals a {
    color: #fff
}

.popup-originals a:hover {
    color: #fed02f
}

.popup-original {
    display: none
}

.form,
.form-field,
.popup-arrow,
.popup-arrow:after,
.popup-original.is-active {
    display: block
}

.popup-counter {
    left: 50%;
    width: 100px;
    margin-left: -50px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 300
}

.popup-arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    right: -55px;
    user-select: none;
    z-index: 10
}

.cnt-zoom,
.fchk {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.popup-arrow.popup-arrow--left {
    left: -55px;
    right: auto
}

.popup-arrow:after,
.popup-arrow:before {
    content: ' ';
    transition: transform .2s, width .2s;
    height: 4px;
    width: 30px;
    background: #fff;
    left: 0;
    position: absolute
}

.form,
.form-field,
.form-file,
.form-label {
    position: relative
}

.popup-arrow:before {
    top: 2px;
    display: block;
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.popup-arrow:after {
    bottom: 2px;
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.popup-arrow:hover:before {
    -webkit-transform: rotate(65deg) translateY(-2px);
    -moz-transform: rotate(65deg) translateY(-2px);
    -ms-transform: rotate(65deg) translateY(-2px);
    -o-transform: rotate(65deg) translateY(-2px);
    transform: rotate(65deg) translateY(-2px)
}

.popup-arrow:hover:after {
    -webkit-transform: rotate(-65deg) translateY(2px);
    -moz-transform: rotate(-65deg) translateY(2px);
    -ms-transform: rotate(-65deg) translateY(2px);
    -o-transform: rotate(-65deg) translateY(2px);
    transform: rotate(-65deg) translateY(2px)
}

.popup-arrow.popup-arrow--left:before {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.popup-arrow.popup-arrow--left:after {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.popup-arrow.popup-arrow--left:hover:before {
    -webkit-transform: rotate(-65deg) translateY(-2px);
    -moz-transform: rotate(-65deg) translateY(-2px);
    -ms-transform: rotate(-65deg) translateY(-2px);
    -o-transform: rotate(-65deg) translateY(-2px);
    transform: rotate(-65deg) translateY(-2px)
}

.popup-arrow.popup-arrow--left:hover:after {
    -webkit-transform: rotate(65deg) translateY(2px);
    -moz-transform: rotate(65deg) translateY(2px);
    -ms-transform: rotate(65deg) translateY(2px);
    -o-transform: rotate(65deg) translateY(2px);
    transform: rotate(65deg) translateY(2px)
}

.form-input,
.form-textarea {
    background: 0 0;
    height: 48px;
    color: #424242;
    border-radius: 2px;
    padding-left: 20px;
    width: 100%;
    display: inline-block;
    font-family: PFBeauSansPro, Arial, sans-serif;
    font-size: 14px;
    outline: 0;
    transition: all .2s
}

.form-input:focus,
.form-textarea:focus {
    border-color: #fed02f
}

.form-textarea {
    min-height: 160px;
    padding-top: 10px;
    resize: none
}

.form-label {
    font-size: 12px;
    color: #424242;
    display: block;
    font-weight: 600;
    padding-left: 20px;
    padding-bottom: 5px
}

.form-label--start {
    padding-left: 0
}

.form-file {
    display: inline-block;
    margin-right: 30px
}

.form-file:hover .file-link {
    color: #fed02f;
    border-color: #fee142
}

.file-input {
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 6;
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    display: block
}

.file-link,
.form-chk {
    position: relative;
    display: inline-block
}

.file-link {
    border-bottom: 1px dashed rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4);
    z-index: 4
}

.form-chk {
    margin-right: -4px
}

[type=checkbox].form-chkbx:checked,
[type=checkbox].form-chkbx:not(:checked) {
    position: absolute;
    left: -9999px
}

[type=checkbox].form-chkbx:checked+label,
[type=checkbox].form-chkbx:not(:checked)+label {
    position: relative;
    font-size: 12px;
    color: #000;
    padding-top: 3px;
    font-weight: 600;
    font-family: PFBeauSansPro, Arial, sans-serif;
    padding-left: 25px;
    cursor: pointer
}

[type=checkbox].form-chkbx:checked+label:before,
[type=checkbox].form-chkbx:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    border: 1px solid #e2e2e2;
    background: #fff
}

[type=checkbox].form-chkbx:checked+label:after,
[type=checkbox].form-chkbx:not(:checked)+label:after {
    content: ' ';
    position: absolute;
    top: 6px;
    left: 4px;
    font-size: 18px;
    line-height: .8;
    color: #09ad7e;
    transition: all .2s;
    background: url(/local/templates/main-rosneft/css/../images/main/i-tick.png) center no-repeat;
    width: 10px;
    height: 9px;
    background-size: 100% 100%
}

.breadcrumbs,
.form .customSelect {
    font-size: 14px;
    font-family: PFBeauSansPro, Arial, sans-serif
}

[type=checkbox].form-chkbx:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

[type=checkbox].form-chkbx:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

[type=checkbox].form-chkbx:disabled:checked+label:before,
[type=checkbox].form-chkbx:disabled:not(:checked)+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

[type=checkbox].form-chkbx:disabled:checked+label:after {
    color: #999
}

[type=checkbox].form-chkbx:disabled+label {
    color: #aaa
}

[type=checkbox].form-chkbx:checked:focus+label:before,
[type=checkbox].form-chkbx:not(:checked):focus+label:before {
    border: 1px dotted #00f
}

.form-button {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: 20px
}

.form .customSelect {
    height: 48px;
    color: #424242;
    border-radius: 2px;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    z-index: 55
}

.form .customSelect.is-active .customSelect-list {
    display: block
}

.form .customSelect-val {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 20px;
    bottom: 0;
    right: 40px;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form .customSelect-list {
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 50px;
    border: 1px solid #d7d7d7;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    z-index: 55;
    background: #fff;
    border-radius: 2px;
    max-height: 200px;
    overflow: auto
}

.form .customSelect-list a,
.form .customSelect-list>div {
    display: block;
    position: relative
}

.mFilter-list,
.mItem-image,
.nMedia-col,
.nMedia-item,
.nTags-set {
    overflow: hidden
}

.form .customSelect-list a {
    padding: 8px 20px;
    text-decoration: none;
    color: #424242
}

.form .customSelect-list a:hover {
    background: rgba(0, 0, 0, .1)
}

.form .customSelect-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    cursor: pointer;
    background: url(/local/templates/main-rosneft/css/../images/main/i-arrows.png) 5px 0 no-repeat;
    width: 15px;
    height: 6px;
    background-size: 10px auto;
    margin-top: -6px
}

.form .customSelect-slct {
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    opacity: 0;
    display: none
}

.form-file {
    z-index: 5
}

.form-chk {
    z-index: 10
}

.breadcrumbs {
    position: relative;
    padding: 30px 0 20px;
    line-height: 1.28em
}

.breadcrumbs a {
    color: #000;
    color: rgba(0, 0, 0, .7);
    position: relative
}

.breadcrumbs a:hover {
    color: #000
}

.breadcrumbs-list {
    position: relative;
    padding: 0 20px
}

.breadcrumbs--noml .breadcrumbs-list {
    padding-left: 0
}

.breadcrumbs-item {
    display: inline-block;
    position: relative;
    margin-right: 25px;
    margin-bottom: 10px
}

.breadcrumbs-home:before,
.breadcrumbs-item:after {
    display: block;
    height: 12px;
    top: 50%;
    content: ' '
}

.breadcrumbs-item:after {
    position: absolute;
    background: url(/local/templates/main-rosneft/css/../images/inners/i-ar.png) center no-repeat;
    width: 6px;
    background-size: auto 100%;
    right: -16px;
    margin-top: -6px;
    opacity: .7
}

.asport .breadcrumbs-item:after {
    background: url(/local/templates/main-rosneft/css/../images/inners/i-ar-white.png) center no-repeat
}

.breadcrumbs-item-noactive {
    color: #000;
    color: rgba(0, 0, 0, .5)
}

.breadcrumbs-link {
    position: relative
}

.breadcrumbs-home {
    margin-left: 20px
}

.breadcrumbs-home:before {
    position: absolute;
    background: url(/local/templates/main-rosneft/css/../images/inners/i-home.png) center left no-repeat;
    width: 20px;
    background-size: auto 100%;
    left: -20px;
    margin-top: -7px
}

.cnt {
    position: relative
}

.cnt h1 {
    font-size: 50px;
    line-height: .9em;
    color: #212121;
    font-weight: 600;
    font-family: PFBeauSansPro, Arial, sans-serif;
    display: inline-block;
    margin-right: 30px
}

.cnt-chk,
.cnt-info.is-active .cnt-col {
    display: -moz-inline-stack;
    vertical-align: top
}

.cnt-header {
    padding: 0 190px 50px 20px
}

.cnt-chk {
    display: inline-block;
    margin-right: -4px;
    margin-top: 7px
}

.cnt-chk .switchery-default:before {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: ' ';
    display: block;
    position: absolute;
    border-radius: 20px;
    z-index: 5;
    background: #fed02f
}

.cnt-button {
    position: absolute;
    right: 30px;
    top: 7px
}

.cnt-button .button {
    min-width: 180px
}

.cnt-map {
    height: 665px;
    background: gray;
    position: relative;
    display: none
}

.cnt-map.is-active {
    display: block
}

.cnt-map .js-cnt-map-map {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute
}

.cnt-list {
    position: relative;
    height: 581px;
    display: none
}

.cnt-list.is-active {
    display: block
}

.cnt-list .gList-content {
    margin: 50px -50px -50px 0;
    height: 495px
}

.cnt-list .gList-col {
    width: 26%;
    padding-right: 7%;
    position: relative;
    cursor: pointer
}

.cnt-list .gList-col:hover:after {
    position: absolute;
    display: block;
    top: -13px;
    left: -20px;
    right: 15%;
    bottom: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    background: url(/local/templates/main-rosneft/css/../images/main/i-location-yellowe.png) right 10px top 10px no-repeat;
    background-size: 20px auto;
    content: 'на карте';
    text-align: right;
    font-size: 12px;
    padding-top: 13px;
    padding-right: 38px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .5)
}

.nFilter-chk input:checked+span:after,
.nFilter-chk span:before,
.nFilter-month input:checked+span:before,
.nFilter-year input:checked+span:before,
.nMain-tags:before,
.nMain:after,
.news-more a:before {
    content: ' '
}

.cnt-list .gList-col:hover:before {
    opacity: 0
}

.cnt-zoom {
    position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -60px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    z-index: 100
}

.cnt-info {
    position: absolute;
    top: 140px;
    background: #fff;
    left: 50%;
    margin-left: -480px;
    width: 300px;
    padding: 10px 30px 30px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    z-index: 50;
    font-size: 14px;
    color: #000
}

.cMapInfo-address,
.cMapInfo-email,
.cMapInfo-fax,
.cMapInfo-phone,
.cnt-filter,
.cnt-infoContent {
    position: relative
}

.cnt-info.is-active {
    position: relative;
    box-shadow: none;
    top: auto;
    margin: 0 auto;
    left: auto;
    right: auto;
    width: auto;
    max-width: 940px;
    padding: 0 20px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.cnt-info.is-active .cnt-col {
    display: inline-block;
    min-width: 120px;
    margin-right: 10px
}

.cnt-info.is-active .cnt-filter {
    border: 0;
    padding-bottom: 25px
}

.cnt-info.is-active .cnt-infoContent {
    display: none
}

.distrDescription
{
	box-sizing: border-box;
	max-width: 980px;
	margin: 50px auto;
	padding: 20px;
	border-color: #e9eaed;
	border-width: 1px 0;
	border-style: solid;
	font-size: 16px;
	line-height: 20px;
}
.distrDescription img
{
	max-width: 221px;
	float: left;
	margin-right: 20px;
}

.clearfix:after,.clearfix:before
{
	content: ' ';
	display: table
}
.clearfix:after
{
	clear: both;
}

@media (min-width:980px) {
    .cnt-info {
        height: 555px
    }
    .cnt-info.is-active {
        height: auto
    }
    .cnt-info .cnt-infoContent,
    .cnt-info .cnt-infoContent .js-scrollpane {
        height: 405px
    }
}

.cnt-filter {
    font-family: PFBeauSansPro, Arial, sans-serif;
    font-size: 16px;
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.cnt-filter .gSelect {
    margin-left: -14px;
    display: block
}

.cnt-filter .gSelect-clear {
    display: none
}

.cnt-filter .gSelect-clear.is-active {
    display: inline-block
}

.cnt-label {
    font-size: 12px;
    color: rgba(0, 0, 0, .8);
    display: block;
    padding: 20px 0 0
}

.cnt-infoContent {
    padding: 10px 0 0
}

.cnt-infoContent .cMapInfo {
    max-width: 280px;
    padding-bottom: 20px
}

.cnt-infoContent .js-scrollpane {
    height: 250px;
    margin-right: -15px
}

.cnt-infoContent .js-scrollpane .jspHorizontalBar {
    display: none!important
}

.cMapInfo-label {
    font-size: 12px;
    opacity: .8;
    padding-top: 20px;
    padding-bottom: 5px
}

.cMapInfo-addressLinks {
    color: #074da8;
    font-size: 12px;
    padding-top: 10px
}

.cMapInfo-addressLinks a {
    color: #074da8;
    margin-left: 10px
}

.cMapInfo-addressLinks a:hover {
    color: #fed02f
}

.cMapInfo-fax,
.cMapInfo-phone {
    font-size: 26px;
    font-weight: 300;
    padding-top: 5px;
    line-height: 24px
}

.cMapInfo-email,
.nMain-text {
    font-size: 14px
}

.cMapInfo-email a {
    color: #000
}

.cMapInfo-email a:hover {
    color: #fed02f
}

.cMapInfo-address:after,
.cMapInfo-email:after,
.cMapInfo-fax:after,
.cMapInfo-phone:after {
    right: -5px;
    opacity: .6;
    position: absolute;
    content: ' ';
    display: block
}

.cMapInfo-address:after {
    width: 21px;
    height: 26px;
    background: url(/local/templates/main-rosneft/css/../images/main/i-info-loc.png) no-repeat;
    background-size: 100% 100%;
    top: 46px
}

.cMapInfo-phone:after {
    width: 22px;
    height: 22px;
    background: url(/local/templates/main-rosneft/css/../images/main/i-info-phone.png) no-repeat;
    background-size: 100% 100%;
    top: 43px
}

.cMapInfo-fax:after {
    width: 24px;
    height: 24px;
    background: url(/local/templates/main-rosneft/css/../images/main/i-info-fax.png) no-repeat;
    background-size: 100% 100%;
    top: 43px
}

.cMapInfo-email:after {
    width: 22px;
    height: 16px;
    background: url(/local/templates/main-rosneft/css/../images/main/i-info-mail.png) no-repeat;
    background-size: 100% 100%;
    top: 44px
}

.cnt-print {
    display: none
}

.is-active .cnt-print {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    font-size: 14px;
    font-weight: 400;
    font-family: PFBeauSansPro, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #074da8;
    text-decoration: none;
    z-index: 55;
    transition: none
}

.nMain,
.nMain-photo,
.nMain-tags,
.news-cnt,
.news-hdr {
    position: relative
}

.is-active .cnt-print i {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0 6px;
    background: url(/local/templates/main-rosneft/css/../images/inners/i-print-icon.png) no-repeat;
    width: 16px;
    height: 17px
}

.nFilter-month,
.nFilter-year,
.nMain-date,
.nMain-source,
.nMain-tags {
    vertical-align: top;
    margin-right: 15px
}

.is-active .cnt-print:hover {
    color: #fed02f
}

.is-active .cnt-print:hover i {
    background-position: 0 -17px
}

.news-hdr {
    padding: 0 20px
}

.news-cnt {
    padding: 55px 20px 0
}

.news-cnt.archive {
    padding: 40px 20px 0
}

.nMain {
    padding-bottom: 55px
}

.nMain-text {
    line-height: 20px
}

.nMain:after {
    display: block;
    width: 100%;
    clear: both
}

.nMain-photo {
    float: left;
    padding-right: 30px
}

.nMain-meta,
.nSingle-meta {
    font-size: 12px;
    font-family: PFBeauSansPro, Arial, sans-serif;
    color: rgba(0, 0, 0, .75);
    padding-bottom: 10px
}

.nMain-meta a,
.nSingle-meta a {
    color: rgba(0, 0, 0, .75);
    text-decoration: none
}

.nMain-meta a:hover,
.nSingle-meta a:hover {
    color: #000
}

.nMain-tags {
    padding-left: 15px;
    display: -moz-inline-stack;
    display: inline-block
}

.nMain-tags:before {
    position: absolute;
    display: block;
    background: url(/local/templates/main-rosneft/css/../images/inners/i-tag.png) left center no-repeat;
    background-size: 12px auto;
    width: 12px;
    height: 12px;
    top: 50%;
    margin-top: -8px;
    left: 0;
    opacity: .8
}

.nFilter,
.nFilter-col,
.nFilter-row,
.nMain-title {
    position: relative
}

.nMain-source {
    font-style: italic
}

.nMain .nMain-source {
    font-style: normal;
    color: #000
}

.nMain .nMain-source a {
    text-decoration: underline;
    color: #074da8
}

.nMain .nMain-read-more {
    font-size: 12px;
    font-family: 'Exo 2', sans-serif;
    display: inline-block;
    margin-top: 8px
}

.nFilter,
.nTags-header,
.nTags-showall,
.news-more,
.news-subtitle {
    font-family: PFBeauSansPro, Arial, sans-serif
}

.nMain-date {
    display: -moz-inline-stack;
    display: inline-block
}

.nMain-title {
    font-size: 26px;
    line-height: 1.23em;
    display: block;
    color: #000;
    text-decoration: none;
    border: 0;
    font-weight: 600;
    margin-bottom: 15px
}

.nMain-title:hover {
    color: #fed02f
}

.nFilter {
    border: 1px solid #ededed;
    padding: 10px 25px 20px;
    margin-bottom: 70px
}

.nFilter-row {
    padding: 10px 0;
    border-bottom: 1px solid #ededed
}

.nFilter-row+.nFilter-row {
    border: 0;
    padding-bottom: 0
}

.nFilter-reset,
.nFilter-toggle {
    display: none
}

.nFilter-col--left {
    width: 130px;
    position: absolute;
    left: 0;
    top: 10px
}

.nFilter-col--right {
    position: relative;
    margin-left: 130px
}

.nFilter-label {
    font-size: 16px
}

.nFilter-sttmt {
    position: relative;
    font-size: 12px
}

.nFilter-months,
.nFilter-years {
    padding-bottom: 5px
}

.nFilter-month,
.nFilter-year {
    display: -moz-inline-stack;
    display: inline-block;
    color: #074da8;
    position: relative;
    margin-bottom: 5px;
    padding-top: 2px
}

.nFilter-month span,
.nFilter-year span {
    text-decoration: underline;
    position: relative;
    z-index: 5;
    cursor: pointer;
    padding: 2px 0 0
}

.aTeam-mate,
.cFilter-reset,
.cFor-item,
.cFor-link a,
.cProds-item>a,
.footer-list,
.footer-title a,
.linkfile,
.lpro-item a,
.mFilter-item,
.mFilter-link,
.mItem,
.nFilter-month input:checked+span,
.nFilter-month input:disabled+span,
.nFilter-showall a,
.nFilter-year input:checked+span,
.nTags-showall a,
.news-more a,
.pag-link--active,
.prAct,
.proditem-file,
.prodsnew,
.prodstake,
.prtshp-media,
.sReview-link a,
.safety .sSert,
.sm-cnt a {
    text-decoration: none
}

.news-more,
.news-subtitle {
    padding-bottom: 30px
}

.nFilter-month input,
.nFilter-year input {
    display: none
}

.nFilter-month:hover,
.nFilter-year:hover {
    color: #fed02f
}

.nFilter-month input:checked+span,
.nFilter-year input:checked+span {
    color: #000
}

.nFilter-month input:checked+span:before,
.nFilter-year input:checked+span:before {
    position: absolute;
    top: -3px;
    left: -5px;
    right: -5px;
    bottom: -3px;
    background: #fed02f;
    z-index: -1;
    display: block
}

.nFilter-month input:checked+span:before {
    border: 2px solid #fed02f;
    background: 0 0
}

.nFilter-month input:disabled+span {
    color: #000;
    opacity: .5;
    cursor: default
}

.nFilter-month input:disabled+span:before {
    display: none
}

.nFilter-chk,
.nFilter-tagIcon {
    vertical-align: top
}

.nFilter-chk {
    display: inline-block;
    margin-right: 20px;
    padding-left: 10px;
    cursor: pointer
}

.nFilter-chk span {
    position: relative
}

.nFilter-chk span:before {
    width: 8px;
    height: 8px;
    border: 1px solid #dadada;
    position: absolute;
    display: block;
    left: -15px;
    top: 4px
}

.nFilter-chk input {
    display: none
}

.nFilter-chk input:checked+span:after {
    width: 6px;
    height: 6px;
    background: #fdcf43;
    position: absolute;
    display: block;
    left: -13px;
    top: 6px
}

.nFilter-showall {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px
}

.nFilter-showall a {
    color: rgba(0, 0, 0, .7);
    border-bottom: 1px dashed rgba(0, 0, 0, .3)
}

.nFilter-showall a:hover {
    color: #000;
    border-color: rgba(0, 0, 0, .6)
}

.nFilter-tagIcon {
    background: url(/local/templates/main-rosneft/css/../images/inners/i-tag.png) left center no-repeat;
    background-size: 12px auto;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: -4px;
    opacity: .5;
    margin-top: 0;
    margin-left: 5px
}

.news-subtitle {
    font-size: 20px;
    line-height: 1.4em;
    color: #000;
    font-weight: 600
}

.news-more {
    font-size: 12px;
    border-top: 1px solid #dadada;
    position: relative;
    text-align: center
}

.news-more.in_media {
    margin-top: 30px
}

.news-more a {
    color: rgba(0, 0, 0, .75);
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding-top: 35px
}

.news-more a:after,
.news-more a:before {
    display: block;
    position: absolute;
    left: 50%
}

.news-more a:before {
    background: #fff url('/local/templates/main-rosneft/css/../images/inners/more.png') center no-repeat;
    width: 80px;
    height: 40px;
    top: -20px;
    margin-left: -40px
}

.news-more a:after {
    color: #fff;
    background: #fed02f;
    width: 45px;
    height: 45px;
    content: +;
    top: -20px;
    margin-left: -22px;
    border-radius: 50%;
    line-height: 48px;
    font-size: 20px
}

.cFilter-col:after,
.cFor-item:after,
.cFor-link a:before,
.cProds:after,
.cProds:before,
.cRow-arrow:after,
.cRow-arrow:before,
.cSector-hdr:after,
.catalog-groupper:after,
.mItem-image:before,
.nSingle-content>ul>li:before,
.nSingle-item:after,
.nTags-header:before {
    content: ' '
}

.news-more a:hover:after {
    background: #fee142
}

.news-more a:active:after {
    background: #fee142;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.news-row:last-child {
    margin-bottom: 60px
}

.nMain-photo--mob {
    display: none;
    padding: 5px 0 20px;
    float: none;
    width: 100%
}

.nMain-photo--mob img {
    max-width: 100%;
    height: auto
}

.nSingle {
    padding-top: 30px
}

.nSingle-item {
    padding-bottom: 0
}

.nSingle-item:after {
    display: block;
    width: 100%;
    clear: both
}

.nSingle-meta {
    padding-bottom: 20px
}

.news-sectionTitle {
    padding-bottom: 25px
}

.nMedia {
    padding-top: 15px
}

.nSingle-image,
.nSingle-photo {
    float: left;
    width: 54%;
    padding-bottom: 2%;
    margin-top: 5px
}

.nSingle-photo-free
{
	float: left;
    padding-bottom: 2%;
    padding-right: 2%;
    margin-top: 5px
}
.nSingle-photo-free img
{
	width: 100%;
	height: auto;
}

.nSingle-image img {
    width: 95%;
    height: auto
}

.nSingle-photo img
{
    width: 460px;
    height: auto;
}

.nSingle-content {
    font-size: 16px;
    line-height: 1.625em
}

.nSingle-content>ul>li {
    padding-left: 25px;
    position: relative;
    padding-bottom: 5px
}

.nSingle-content>ul>li:before {
    width: 5px;
    height: 5px;
    background: #fddf52;
    position: absolute;
    left: 10px;
    top: 9px;
    border-radius: 50%;
    margin-bottom: 10px;
    display: block
}

.nMedia,
.nMedia-col,
.nMedia-item,
.nQuote {
    position: relative
}

.nSingle-content p {
    margin-bottom: 25px;
    display: block
}

.nSingle-content .pdf {
    display: block;
    padding-left: 40px;
    margin: 20px 0;
    height: 28px;
    line-height: 28px;
    background: url(/local/templates/main-rosneft/css/../images/inners/pdf.png) left center no-repeat
}

.nSingle-content .pdf:last-child {
    margin-bottom: 0
}

.nQuote {
    padding: 30px 35px 35px;
    border: 2px solid #c8d6da;
    font-size: 12px;
    line-height: 1.5em
}

.nMedia-col,
.nMedia-item,
.nMedia-photo,
.nMedia-video {
    line-height: 0
}

.nQuote p {
    margin-bottom: 15px
}

.nQuote p:last-child {
    margin-bottom: 0
}

.nQuote-title {
    padding-bottom: 25px
}

.nSingle-quote {
    margin-top: 50px
}

.nMedia-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    width: 140px;
    margin-right: 20px;
    margin-bottom: 20px
}

.nMedia-item {
    cursor: pointer;
    max-height: 105px
}

.nMedia-photo img,
.nMedia-video img {
    position: relative;
    max-width: 100%;
    height: auto;
    min-height: 105px
}

.nMedia-overlay {
    background: url(/local/templates/main-rosneft/css/../images/inners/i-photo-zoom.png) center no-repeat rgba(0, 0, 0, .7);
    background-size: 41px 41px;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.nMedia-video+.nMedia-overlay {
    background: url(/local/templates/main-rosneft/css/../images/inners/i-video-zoom.png) center no-repeat rgba(0, 0, 0, .7);
    background-size: 40px 40px
}

.nMedia-item:hover .nMedia-overlay {
    opacity: 1
}

.nTags {
    background: #e5e5e5;
    border: 2px solid #e5e5e5
}

.nTags-header {
    position: relative;
    padding: 15px 25px 15px 60px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px
}

.cFor-link,
.mFilter,
.mFilter-item,
.mItem,
.mItem-label,
.nTags-showall {
    font-size: 14px
}

.nTags-header:before {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url(/local/templates/main-rosneft/css/../images/inners/i-tag.png) center no-repeat #fff;
    top: 50%;
    background-size: 12px auto;
    margin-top: -15px;
    left: 15px
}

.mFilter-item,
.mFilter-link,
.mFilter-list,
.mItem,
.mItem-image,
.mItem-inner,
.media,
.media-content,
.media-grid,
.media-header {
    position: relative
}

.mFilter-item,
.mFilter-link {
    height: 40px
}

.nTags-cnt {
    background: #fff;
    padding: 15px 20px 15px 35px
}

.nTags-cnt label {
    display: block;
    margin: 5px 0
}

.nTags-set {
    max-height: 120px;
    transition: max-height .5s;
    padding-left: 5px;
    margin-left: -5px
}

.nTags-set.is-active {
    max-height: 800px;
    transition: max-height .2s
}

.nTags-showall {
    margin-left: -4px;
    font-weight: 600;
    padding: 10px 0 5px
}

.nTags-showall a {
    color: rgba(0, 0, 0, .5);
    border-bottom: 1px dashed rgba(0, 0, 0, .3)
}

.nTags-showall a:hover {
    color: #000;
    border-color: rgba(0, 0, 0, .6)
}

.nFilter-tags .nFilter-sttmnt {
    max-height: 15px;
    padding-left: 5px;
    overflow: hidden;
    transition: max-height .2s
}

.nFilter-tags .nFilter-sttmnt.is-active {
    max-height: 250px
}

.media-content .nFilter-tags .nFilter-sttmnt {
    max-height: 100%
}

.js-show-more-news-block .news-row:last-child {
    margin-bottom: 0
}

.media {
    padding: 0
}

.media-header {
    padding: 0 20px
}

.media-content {
    padding: 30px 0 70px
}

.media-content .nFilter {
    margin-bottom: 40px
}

.media-filter {
    position: relative;
    padding-bottom: 20px
}

.mFilter {
    font-family: PFBeauSansPro, Arial, arial, sans-serif;
    display: inline-block;
    border-radius: 40px
}

.aCar-title,
.aRes-name,
.aRes-thdr,
.aTeam,
.asCounter-count,
.asCounter-info,
.asCounter-title,
.asport p,
.cFor,
.cGroupper-title,
.cHdr,
.cProds-code,
.cProds-link,
.cRow-info,
.cSecList-hdr,
.cSecListList-hdr,
.cSector-hdr,
.catalog-buttons,
.countdown-section,
.mItem,
.prAct,
.prAct-title,
.proditem-subtitle,
.prodsnew,
.raceTable-table,
.sSert,
a.sSert {
    font-family: PFBeauSansPro, Arial, sans-serif
}

.mFilter-item {
    color: #000;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    text-transform: uppercase;
    text-align: center;
    width: auto
}

.mFilter-link {
    color: rgba(0, 0, 0, .7);
    display: block;
    line-height: 40px;
    padding: 0 15px;
    transition: none;
    border-radius: 40px
}

.mFilter-link:hover {
    color: #000;
    transition: none
}

.mFilter-link>span {
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 3px
}

.is-active .mFilter-link:after,
.mFilter-arrows,
.mFilter-item:last-child .mFilter-link:after {
    display: none
}

.mFilter-item:first-child .mFilter-link {
    padding-left: 20px
}

.mFilter-item:last-child .mFilter-link {
    padding-right: 20px;
    margin-right: -4px
}

@media (max-width:980px) {
    .asport-pilots .mFilter-link>span {
        margin-top: 3px!important
    }
    .mFilter-link>span {
        margin-top: 5px
    }
}

.is-active .mFilter-link {
    background: #fed02f;
    cursor: default;
    color: #000;
    pointer-events: none
}

.mFilter-list {
    border: 2px solid #fed02f;
    border-radius: 50px
}

.media-grid {
    padding: 0 20px
}

.media-grid .grid-row {
    margin-right: -30px
}

.mItem {
    display: block;
    color: #000;
    box-sizing: border-box;
    border: 2px solid #fed02f;
    line-height: 1.25em;
    min-height: 360px
}

.mItem-image {
    height: 220px;
    line-height: 0;
    margin: -2px -2px 0
}

.mItem-image img {
    position: absolute;
    top: -200px;
    left: -200px;
    right: -200px;
    bottom: -200px;
    display: flex;
    min-height: 100%;
    min-width: 100%;
    margin: auto;
    align-self: center
}

.mItem-image:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 90
}

.is-ie .mItem-image img {
    display: block;
    left: 0;
    right: 0;
    bottom: auto;
    top: 0;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.mItem-content {
    position: relative;
    padding: 55px 20px 25px;
    background: url(/local/templates/main-rosneft/css/../images/inners/i-media-photo.png) 20px 25px no-repeat
}

.mItem-content--video {
    background: url(/local/templates/main-rosneft/css/../images/inners/i-media-video.png) 20px 25px no-repeat
}

.mItem-label {
    color: #666
}

.mItem-image--photo:before {
    background: url(/local/templates/main-rosneft/css/../images/inners/i-media-photo-yellow.png) center no-repeat rgba(0, 0, 0, .3)
}

.mItem-image--video:before {
    background: url(/local/templates/main-rosneft/css/../images/inners/i-media-video-yellow.png) center no-repeat rgba(0, 0, 0, .3)
}

.mItem--onlyImage {
    border: 0
}

.mItem--onlyImage .mItem-image {
    height: 360px;
    margin: 0;
    left: 0
}

.mItem--onlyImage .mItem-content {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    top: 20px;
    left: 0;
    padding: 12px 20px 8px 45px;
    background: url(/local/templates/main-rosneft/css/../images/inners/i-media-photo.png) 15px center no-repeat #fed02f;
    position: absolute;
    z-index: 90
}

.mItem--onlyImage .mItem-content--video {
    background: url(/local/templates/main-rosneft/css/../images/inners/i-media-video.png) 15px center no-repeat #fed02f
}

.mItem--onlyImage .mItem-label,
.mItem--onlyImage .mItem-title {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    color: #000;
    margin-right: auto
}

a:hover .mItem-image:before {
    opacity: 1
}

.mItem--small {
    min-height: 60px;
    margin-bottom: 20px;
    position: relative;
    border: 0;
    padding-left: 10px
}

.mItem--small:first-child {
    margin-top: 20px
}

.mItem--small .mItem-image {
    position: absolute;
    left: 12px;
    top: 0;
    width: 80px;
    height: 60px;
    margin-left: 0
}

.catalog,
.catalog-cnt,
.catalog-hdr {
    position: relative
}

.mItem--small .mItem-image:before {
    opacity: 1;
    transition: background-color .2s
}

.mItem--small:hover .mItem-image:before {
    background-color: rgba(0, 0, 0, .5)
}

.mItem--small .mItem-content {
    position: relative;
    padding: 0;
    background: 0 0;
    margin-left: 100px
}

.js-tabs-tab {
    display: none
}

.js-tabs-tab.is-active {
    display: block
}

.catalog-hdr {
    padding: 0 20px
}

.catalog-info {
    font-size: 18px;
    line-height: 1.556em;
    padding: 35px 0 0;
    margin-right: 350px
}

.catalog-buttons {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    width: 280px;
    position: absolute;
    right: 20px;
    top: -2px
}

.catalog-buttons .button {
    padding-top: 7px;
    padding-bottom: 0;
    display: block;
    text-align: center;
    margin-right: 0
}

.catalog-buttons .button--outline:active {
    padding-top: 6px;
    padding-bottom: 6px
}

.catalog-buttons .customSelect {
    padding-top: 23px;
    margin: 10px 0 0;
    width: auto;
    display: block
}

.catalog-groupper {
    position: relative;
    padding: 45px 0 28px 20px;
    margin-right: -20px
}

.cGroupper-filters,
.cGroupper-title,
.cGroupper-toggle {
    margin-right: -4px;
    vertical-align: top
}

.catalog-groupper:after {
    position: absolute;
    display: block;
    height: 1px;
    bottom: 0;
    right: 40px;
    background: rgba(0, 0, 0, .15);
    left: 0
}

.cFor,
.cFor-col,
.cFor-item,
.cGroupper-select,
.cGroupper-toggle {
    position: relative
}

.cFor-item:after,
.cFor-link a:before {
    background: #fed02f
}

.cGroupper-title {
    font-size: 24px;
    line-height: 1.667em;
    font-weight: 600;
    padding-top: 15px;
    display: -moz-inline-stack;
    display: inline-block;
    padding-right: 85px
}

.cGroupper-filters {
    display: inline-block;
    padding: 15px 1px 0
}

.cGroupper-toggle {
    display: inline-block;
    z-index: 5
}

.cGroupper-select {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    width: 190px;
    z-index: 10
}

.cGroupper-select .customSelect {
    height: 42px;
    border-width: 2px;
    border-radius: 50px
}

.cGroupper-select .customSelect .customSelect-val {
    line-height: 40px;
    height: 100%;
    width: 80%
}

.cGroupper-select .customSelect .customSelect-arrow {
    margin-top: -3px
}

.cGroupper-toggle .chk-left,
.cGroupper-toggle .chk-right {
    margin-top: 3px
}

.catalog-chk {
    font-size: 13px;
    padding: 8px 13px
}

.cFor {
    padding: 65px 20px 40px;
    font-size: 16px;
    line-height: 1.111em
}

.cFor-cnt,
.catalog-main {
    display: none
}

.cFor-cnt.is-active,
.catalog-main.is-active {
    display: block
}

.cFor-hdr {
    padding-bottom: 45px
}

.cFor-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 33.33%;
    padding-bottom: 35px
}

.cFor-col--25 {
    width: 25%
}

.cFor-item:after,
.cFor-title {
    width: 100%;
    position: absolute
}

.cFor-item {
    display: block;
    color: rgba(0, 0, 0, .3);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 0 20px 80px;
    font-weight: 500;
    transition: color .2s;
    max-height: 20px;
    min-height: 0
}

.cFor-item.is-active,
.cFor-item.is-ready,
.cFor-item:hover {
    color: #000
}

.cFor-image img,
.cFor-item:after {
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s
}

.cFor-item:after {
    bottom: -2px;
    height: 3px;
    left: 0;
    display: block;
    opacity: 0;
    transition: opacity .3s
}

.cFor-item:hover:after
{
	opacity: 1;
}

.cFor-item:hover img {
    opacity: .8;
    transition: none
}

.cFor-title {
    bottom: -45px;
    max-width: 100%
}

.catalog+.banners .banners-content {
    border-top: 0
}

.catalog.is-ready+.banners {
    margin-top: -45px
}

.cFor-col:nth-child(2) .cFor-title {
    max-width: 180px;
    bottom: -62px
}

.cFor-cnt .cFor-col:nth-child(1),
.cFor-cnt .cFor-col:nth-child(2),
.cFor-cnt .cFor-col:nth-child(3),
.cFor-cnt .cFor-col:nth-child(4) {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 40px
}

.cFor-cnt {
    padding-top: 10px
}

.cFor-image {
    left: auto;
    position: absolute;
    bottom: 0;
    right: auto!important
}

@media (max-width:767px) {
    .catalog.is-ready+.banners {
        margin-top: -40px!important
    }
    .cFor-title {
        width: 80%
    }
    .cFor-col:nth-child(1) .cFor-title {
        max-width: 180px;
        bottom: -62px
    }
    .cFor-hdr {
        padding-bottom: 43px
    }
}

.js-catalog-tab-content.is-margin {
    margin-bottom: -30px!important
}

.catalog-main.is-not-empty {
    margin-bottom: 55px
}

.cFor-image img {
    max-width: 100%;
    height: auto;
    position: relative;
    opacity: .4;
    transition: opacity .3s
}

.cFor-item.is-active:after {
    opacity: 1
}

.cFor-item.is-active .cFor-image img {
    opacity: .8
}

.cFor-link {
    padding: 0 10px 0 20px;
    font-weight: 300
}

.cFor-link a {
    display: block;
    color: rgba(0, 0, 0, .4);
    position: relative
}

.cFor-link a:before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    display: block;
    top: 5px;
    left: -10px
}

.cHdr,
.catalog-row {
    position: relative
}

.cFor-link a:hover {
    color: #fed02f
}

.cFor-link a.is-active {
    color: #000
}

.cFor-link a.is-active:hover {
    color: #fed02f
}

.cHdr {
    padding: 50px 20px;
    font-size: 24px;
    line-height: 1.1667em;
    font-weight: 300;
    border-bottom: 2px solid #fed02f
}

.cHdr-logo {
    position: absolute;
    left: -60px;
    width: 60px;
    height: 80px;
    top: 50%;
    margin-top: -40px;
    line-height: 80px
}

.cHdr-logo img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    display: inline-block
}

.cFilter-col,
.cFilter-reset,
.cProds-prod,
.fchk {
    vertical-align: top
}

.cRow {
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    min-height: 185px
}

.cRow-info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    width: 250px;
    padding-top: 55px
}

.cFilter,
.cFilter-col,
.cRow,
.cRow-products {
    position: relative
}

.cRow-products {
    margin-left: 250px
}

.cRow-title {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 800;
    color: #000
}

.cRow-category {
    font-size: 12px;
    line-height: 1.1667em;
    color: #000;
    color: rgba(0, 0, 0, .5);
    padding-top: 5px
}

.cRow-code {
    font-size: 24px;
    line-height: 1em;
    font-weight: 300;
    text-transform: uppercase;
    color: #000;
    color: rgba(0, 0, 0, .5);
    padding-top: 10px
}

.catalog-mobileFor {
    display: none
}

.cFilter {
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 20px 15px;
    font-size: 12px
}

.cFilter-col {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: -4px
}

.cFilter-col:after {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 1px;
    min-height: 85px;
    background: rgba(0, 0, 0, .1)
}

.fchk input:checked+span:after,
.fchk span:before {
    content: ' ';
    top: 50%
}

.cFilter-col:last-child:after {
    display: none
}

.cFilter-label {
    color: #000;
    color: rgba(0, 0, 0, .5);
    padding-bottom: 15px;
    padding-left: 30px
}

.cFilter-stmnt,
.fchk {
    padding-left: 15px
}

.cFilter-col--1 {
    width: 22%
}

.cFilter-col--2 {
    width: 46%
}

.cFilter-col--3 {
    width: 32%
}

.fchk {
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0;
    cursor: pointer
}

.cProds,
.cRow-arrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none
}

.fchk span {
    position: relative
}

.fchk span:before {
    width: 8px;
    height: 8px;
    border: 1px solid #dadada;
    position: absolute;
    display: block;
    left: -15px;
    margin-top: -6px
}

.fchk input {
    display: none
}

.fchk input:checked+span:after {
    width: 6px;
    height: 6px;
    background: #fed02f;
    position: absolute;
    display: block;
    left: -13px;
    margin-top: -4px
}

.cFilter .fchk {
    margin-right: 20px
}

.cFilter-reset {
    color: #074da8;
    border-bottom: 1px dashed rgba(7, 77, 168, .4);
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 12px;
    line-height: 1em;
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0
}

.cFilter-toggle,
.catalog-category,
.catalog-section {
    display: none
}

.cFilter-reset:hover {
    color: #fed02f;
    border-color: rgba(254, 208, 47, .4)
}

.cFilter-col--3 .fchk {
    min-width: 40px
}

.cFilter-toggle i {
    font-weight: 300;
    font-size: 26px
}

.catalog-category.is-active,
.catalog-section.is-active {
    display: block
}

.cProds {
    position: relative;
    user-select: none
}

.cProds-prod {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: 0;
    width: 180px;
    text-align: center;
    position: relative;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.cProds-code {
    font-size: 18px;
    font-weight: 300;
    padding-top: 5px;
    transition: transform .2s;
    text-decoration: none;
    color: #000
}

.cProds-photo {
    text-align: center;
    height: 180px;
    line-height: 190px;
    transition: transform .2s
}

.cProds-photo img {
    width: 60%;
    height: auto;
    max-width: 90px;
    vertical-align: middle;
    display: inline-block
}

.prodsnew,
.prodsnew-col,
.prodsnew-label i,
.product .prodsmore {
    vertical-align: top
}

.cProds-link {
    color: #074da8;
    font-size: 16px;
    opacity: 0;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    cursor: pointer;
    z-index: 90
}

.cProds-link:hover,
.catalog .prodsblock-specials li:hover {
    color: #fed02f
}

@media (min-width:768px) {
    .cProds:hover .cProds-prod {
        opacity: .5
    }
    .cProds-prod:hover .cProds-link,
    .cProds:hover .cProds-prod:hover {
        opacity: 1
    }
    .cProds-prod:hover .cProds-photo {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    .cProds-prod:hover .cProds-code {
        font-weight: 600;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    .cProds-prod:hover .cProds-code:after {
        background: #fed02f;
        height: 2px;
        bottom: -5px;
        width: 90px;
        left: 50%;
        margin-left: -45px;
        position: absolute;
        content: ' ';
        display: block
    }
}

.cRow-arrow {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
    right: 0;
    user-select: none;
    z-index: 100
}

.aRes-hdr,
.marketing .mFilter-arrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.cRow-arrow.cRow-arrow--left {
    right: auto;
    left: 0
}

.cRow-arrow:after,
.cRow-arrow:before {
    transition: transform .2s, width .2s;
    height: 4px;
    width: 30px;
    background: #074da8;
    left: 0;
    position: absolute
}

.cRow-arrow:before {
    top: 2px;
    display: block;
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.cRow-arrow:after {
    bottom: 2px;
    display: block;
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.cRow-arrow:hover:before {
    -webkit-transform: rotate(65deg) translateY(-2px);
    -moz-transform: rotate(65deg) translateY(-2px);
    -ms-transform: rotate(65deg) translateY(-2px);
    -o-transform: rotate(65deg) translateY(-2px);
    transform: rotate(65deg) translateY(-2px)
}

.cRow-arrow:hover:after {
    -webkit-transform: rotate(-65deg) translateY(2px);
    -moz-transform: rotate(-65deg) translateY(2px);
    -ms-transform: rotate(-65deg) translateY(2px);
    -o-transform: rotate(-65deg) translateY(2px);
    transform: rotate(-65deg) translateY(2px)
}

.cRow-arrow.cRow-arrow--left:before {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.cRow-arrow.cRow-arrow--left:after {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.cRow-arrow.cRow-arrow--left:hover:before {
    -webkit-transform: rotate(-65deg) translateY(-2px);
    -moz-transform: rotate(-65deg) translateY(-2px);
    -ms-transform: rotate(-65deg) translateY(-2px);
    -o-transform: rotate(-65deg) translateY(-2px);
    transform: rotate(-65deg) translateY(-2px)
}

.cRow-arrow.cRow-arrow--left:hover:after {
    -webkit-transform: rotate(65deg) translateY(2px);
    -moz-transform: rotate(65deg) translateY(2px);
    -ms-transform: rotate(65deg) translateY(2px);
    -o-transform: rotate(65deg) translateY(2px);
    transform: rotate(65deg) translateY(2px)
}

.cRow-arrow.swiper-button-disabled {
    display: none;
    opacity: .1;
    cursor: default
}

.cRow-arrow.swiper-button-disabled:after,
.cRow-arrow.swiper-button-disabled:before {
    background: gray
}

.cRow-arrow.swiper-button-disabled.cRow-arrow--right:before,
.cRow-arrow.swiper-button-disabled.cRow-arrow--right:hover:before {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.cRow-arrow.swiper-button-disabled.cRow-arrow--left:before,
.cRow-arrow.swiper-button-disabled.cRow-arrow--left:hover:before,
.cRow-arrow.swiper-button-disabled.cRow-arrow--right:after,
.cRow-arrow.swiper-button-disabled.cRow-arrow--right:hover:after {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.cRow-arrow.swiper-button-disabled.cRow-arrow--left:after,
.cRow-arrow.swiper-button-disabled.cRow-arrow--left:hover:after {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.cProds:after,
.cProds:before {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    z-index: 90;
    cursor: default;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.cSector,
.cSector-hdr,
.cSector-list,
.cSector-row {
    position: relative
}

.cProds:before {
    left: 0;
    right: auto;
    background: -moz-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%)
}

.cSecList-hdr:after,
.cSector-hdr:after {
    background: #fed02f;
    bottom: -1px;
    right: 0
}

.catalog .prodsblock-specials li {
    cursor: pointer
}

.catalog .prodsblock-specials li.is-active {
    color: #000;
    cursor: default;
    font-weight: 500
}

.cSecList-hdr,
.cSector-hdr {
    cursor: pointer
}

.catalog-toggleTab {
    display: none
}

.catalog-toggleTab.is-active,
.catalog-toggleTab.is-block {
    display: block
}

@media (min-width:1024px) {
    .catalog .swiper-container,
    .catalog .swiper-wrapper {
        overflow: visible;
        width: auto;
        white-space: break-all;
        flex-wrap: wrap;
        -webkit-transform: none!important;
        -moz-transform: none!important;
        -ms-transform: none!important;
        -o-transform: none!important;
        -o-transform: none;
        transform: none
    }
    .catalog .swiper-slide {
        width: 180px!important
    }
    .cRow-arrow {
        display: none
    }
}

.aRes,
.asport-info,
.cSecList-cnt,
.cSector-cnt,
.prAct-image,
.prAct-text,
.sReview-info {
    overflow: hidden
}

.cSector-hdr {
    border-bottom: 1px dashed rgba(0, 0, 0, .2);
    padding: 40px 0;
    font-size: 24px
}

.cSector-hdr:after {
    height: 2px;
    position: absolute;
    display: block;
    left: 0;
    opacity: 0
}

.cSector-title {
    padding-left: 80px;
    font-weight: 300;
    position: relative
}

.cSector-title:before {
    position: absolute;
    display: block;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, .1);
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    font-size: 30px;
    color: rgba(0, 0, 0, .1);
    left: 20px;
    top: -12px;
    content: +;
    font-weight: 400
}

.cSecList-hdr,
.cSecList-row {
    position: relative
}

.cSector-hdr:hover .cSector-title {
    color: #fed02f
}

.cSector-row.is-active .cSector-hdr:after {
    opacity: 1
}

.cSector-row.is-active .cSector-title {
    font-weight: 500;
    color: #000
}

.cSector-row.is-active .cSector-title:before {
    content: '\2013';
    color: #fed02f;
    border-color: #fed02f;
    line-height: 40px
}

.cSecList {
    padding-left: 65px
}

.cSecList-cnt {
    max-height: 0;
    transition: max-height .4s
}

.cSecList-hdr {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 40px 0;
    font-size: 18px
}

.cSecList-hdr:after {
    height: 2px;
    position: absolute;
    content: ' ';
    display: block;
    left: 0;
    opacity: 0
}

.cSecList-title {
    padding-left: 50px;
    font-weight: 300;
    position: relative
}

.cSecList-title:before {
    position: absolute;
    display: block;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, .1);
    width: 20px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    font-size: 18px;
    color: rgba(0, 0, 0, .1);
    left: 0;
    top: -2px;
    content: '+';
    font-weight: 400
}

.cSecList-hdr:hover .cSecList-title {
    color: #fed02f
}

.cSecList-row.is-active .cSecList-hdr:after {
    opacity: 1
}

.cSecList-row.is-active .cSecList-cnt {
    max-height: 10000px;
    transition: max-height .9s
}

.cSecList-row.is-active .cSecList-title {
    color: #000;
    font-weight: 500
}

.cSecList-row.is-active .cSecList-title:before {
    content: '\2013';
    color: #fed02f;
    line-height: 21px;
    border-color: #fed02f
}

.cSector-cnt {
    max-height: 0;
    transition: max-height .4s
}

.cSector-row.is-active .cSector-cnt {
    max-height: 10000px;
    transition: max-height .9s
}

.cSecListList {
    background: #fff;
    position: relative;
    padding: 0 0 0 60px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.cSecListList-row:first-child,
.cSecListList-row:last-child,
.cSecListList-row:last-child .cSecListList-hdr {
    border: 0
}

.cSecListList-cnt {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s
}

.cSecListList-row.is-active .cSecListList-cnt {
    max-height: 10000px;
    transition: max-height .9s
}

.cSecListList-row.is-active .cSecListList-hdr {
    color: #000;
    cursor: default
}

.cSecListList-hdr {
    position: relative;
    font-size: 24px;
    line-height: 1.1667em;
    padding: 40px 0;
    border-top: 0;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 300;
    cursor: pointer
}

.cSecListList-hdr:hover {
    color: #fed02f
}

.cSecListList-row.is-active .cSecListList-hdr {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.cSecListList-row.is-active+.cSecListList-row .cSecListList-hdr {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.cSecListList .cRow:last-child {
    border: 0
}

.cSecListList .cRow-info {
    width: 190px
}

.cSecListList .cRow-products {
    margin-left: 180px
}

.cSecListList .cProds:after,
.cSecListList .cProds:before {
    display: none
}

.cSecListList-row {
    position: relative;
    border: 0
}

.is-ready .cSector {
    margin-bottom: 105px
}

@media (min-width:769px) {
    .catalog-button--mobile {
        display: none!important
    }
}

.catalog.is-ready+.banners {
    padding-top: 0
}

.product {
    position: relative;
    padding: 50px 0 0
}

.product h1 {
    font-size: 50px;
    line-height: 1.12em;
    font-weight: 300;
    padding: 0
}

.product h1 b {
    font-weight: 700
}

.product h2 {
    font-size: 46px;
    line-height: 1.2173913043478em;
    font-weight: 300;
    padding: 15px 0 0
}

.product .breadcrumbs,
.product .breadcrumbs .inside,
.product .breadcrumbs-list,
.sm-col--2 .breadcrumbs .inside,
.sm-col--2 .breadcrumbs-list {
    padding: 0
}

.product h2 small,
.product h2 span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    position: relative
}

.product h2 span {
    margin-right: 20px
}

.product h2 small {
    font-size: 16px;
    line-height: 1.125em;
    color: rgba(0, 0, 0, .5);
    max-width: 220px;
    margin-top: 10px
}

.product:after {
    content: ' ';
    display: block;
    width: 100%;
    clear: both
}

.product .prod-col--1 {
    position: relative;
    float: left;
    display: block;
    padding-top: 0;
    width: 330px
}

.product .prod-col--2 {
    width: auto;
    margin-left: 330px;
    max-width: 65%;
    display: block
}

.product .proditem {
    margin-top: 0;
    box-shadow: none;
    border: 0
}

.product .proditem-content {
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .05)
}

.product .prod-content {
    padding: 15px 0 0
}

.product .prodsblock {
    padding-right: 20px
}

.prod-buttons {
    position: relative;
    padding: 60px 0 40px
}

.prod-buttons .button {
    min-width: 180px;
    margin-right: 20px;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 8px;
    color: #000!important
}

.prod-buttons .button:active {
    padding-top: 12px;
    padding-bottom: 12px
}

.prod-buttons .button:after,
.prod-buttons .button:before {
    margin-top: 5px
}

.proditem-section {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    padding: 30px 0 35px
}

.proditem-section:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.proditem-photo+.proditem-section {
    margin-top: 35px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.proditem-subtitle {
    font-size: 16px;
    line-height: 1.125em;
    font-weight: 400
}

.linkfile,
.proditem-file {
    display: block;
    position: relative;
    color: #074da8;
    transition: none;
    padding-left: 35px;
    margin-bottom: 20px
}

.linkfile:last-child,
.proditem-file:last-child {
    margin-bottom: 0
}

.linkfile span,
.proditem-file span {
    border-bottom: 1px solid rgba(7, 77, 168, .4);
    transition: color .2s, border-color .2s
}

.linkfile:hover,
.proditem-file:hover {
    color: #fed02f;
    transition: none
}

.linkfile:hover span,
.proditem-file:hover span {
    border-color: rgba(254, 208, 47, .4)
}

.linkfile--pdf,
.proditem-file--pdf {
    min-height: 21px
}

.linkfile--pdf:after,
.linkfile--pdf:before,
.proditem-file--pdf:after,
.proditem-file--pdf:before {
    content: ' ';
    display: block;
    position: absolute;
    top: -6px;
    left: 0;
    width: 22px;
    height: 28px;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.linkfile--pdf:before,
.proditem-file--pdf:before {
    background: url(/local/templates/main-rosneft/css/../images/inners/i-pdf.png) no-repeat
}

.linkfile--pdf:after,
.proditem-file--pdf:after {
    background: url(/local/templates/main-rosneft/css/../images/inners/i-pdf.png) 0 -28px no-repeat;
    opacity: 0
}

.linkfile--pdf:hover:before,
.proditem-file--pdf:hover:before {
    opacity: 0
}

.linkfile--pdf:hover:after,
.proditem-file--pdf:hover:after {
    opacity: 1
}

.proditem-big small {
    font-size: 16px;
    color: rgba(0, 0, 0, .75)
}

.prAct,
.prodsnew {
    color: #000
}

.proditem-big+.proditem-big {
    padding-top: 5px
}

.prod-addition .customSelect {
    margin: 35px 0 0
}

.prodsnew {
    border: 2px solid #c8d6da;
    padding: 20px 15px;
    display: -moz-inline-stack;
    display: inline-block;
    width: 260px;
    margin-right: 40px!important;
    margin-bottom: 20px
}

.prodsnew:hover {
    border-color: #fed02f
}

.prodsnew-col {
    display: inline-block;
    margin-right: -4px;
    width: 50%
}

.prodsnew-label {
    font-size: 12px;
    line-height: 18px;
    padding-top: 3px;
    padding-bottom: 10px;
    text-align: left;
    padding-left: 10px;
    font-weight: 400;
    position: relative
}

.prodsnew-label i {
    color: #fed02f;
    display: inline-block;
    position: absolute;
    left: -5px;
    font-style: normal;
    margin-right: 2px
}

.marketing,
.marketing-cnt,
.marketing-hdr,
.prAct,
.prAct-image,
.prAct-title,
.prod-addition {
    position: relative
}

.prodsnew-label i:before {
    content: '★'
}

.asport-cars:after,
.asport-cars:before,
.asport:after,
.sReview-info:after,
.sReview:after,
.sSert-icon:before {
    content: ' '
}

.prodsnew-photo {
    text-align: center;
    padding: 0 10px;
    line-height: 0
}

.prodsnew-photo img {
    max-width: 100%;
    height: auto
}

.prodsnew-brand {
    font-size: 12px
}

.prodsnew-title {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 600;
    color: #000!important
}

.prodsnew-code {
    font-size: 14px
}

.prodsnew-category {
    font-size: 12px;
    line-height: 1.3333333333333em;
    color: rgba(0, 0, 0, .5)
}

.product .prodsmore {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: -4px;
    margin-top: 0;
    padding-top: 15px
}

.product .prodsmore-title {
    margin-right: -10px
}

.prod-addition {
    padding: 40px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 40px
}

.prod-mobile {
    display: none
}

.marketing-hdr {
    padding-top: 10px
}

.marketing-cnt {
    padding: 0 20px 60px
}

.marketing-grid {
    margin-right: -30px
}

.prAct {
    display: block;
    border: 2px solid #fed02f;
    min-height: 400px;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 250;
    box-sizing: border-box
}

.prAct-title {
    padding: 25px;
    max-height: 90px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25em;
    color: #000
}

.lpro h1,
.lpro-text {
    font-weight: 300
}

.prAct-image {
    height: 220px;
    line-height: 0;
    margin-left: -2px;
    margin-right: -2px
}

.prAct-image img {
    position: absolute;
    top: -200px;
    left: -200px;
    right: -200px;
    bottom: -200px;
    display: flex;
    min-height: 100%;
    min-width: 100%;
    margin: auto;
    align-self: center
}

.prAct-text,
.sSert,
.sSert-icon,
.sSert-title,
.sm,
.sm-col--1,
.sm-sert,
.sm-serts,
a.sSert {
    position: relative
}

.is-ie .prAct-image img {
    display: block;
    left: 0;
    right: 0;
    bottom: auto;
    top: 0;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.prAct-text {
    padding: 25px 15px 25px 25px;
    max-height: 14px;
    text-overflow: ellipsis
}

.prAct--large .prAct-image {
    position: relative;
    margin-top: -2px;
    margin-right: -2px;
    margin-left: -2px;
    height: 312px
}

.prAct--large .prAct-title {
    position: absolute;
    top: 15px;
    left: -2px;
    background: #fed02f;
    padding: 10px 15px 8px;
    z-index: 9
}

.prAct:hover {
    background: #fee142;
    transition: background .2s
}

.prAct:hover .prAct-text {
    color: #000
}

.prAct-icon {
    position: absolute;
    top: 0;
    height: 90px;
    line-height: 84px;
    right: 20px;
    width: 26px
}

.prAct-icon img {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.prAct--disabled {
    border-color: rgba(0, 0, 0, .1);
    opacity: .6
}

.prAct--disabled:hover {
    background: 0 0
}

.prAct--disabled .prAct-image {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.prAct--disabled .prAct-title {
    padding-right: 60px
}

@media (min-width:980px) {
    .marketing-grid .swiper-slide {
        margin-right: 0
    }
    .marketing-grid .swiper-wrapper {
        -webkit-transform: none!important;
        -moz-transform: none!important;
        -ms-transform: none!important;
        -o-transform: none!important;
        -o-transform: none;
        transform: none
    }
    .marketing-grid .swiper-container,
    .marketing-grid .swiper-wrapper {
        flex-wrap: wrap
    }
}

.marketing .mFilter-arrows {
    top: 10px;
    right: 0;
    left: auto;
    margin: auto;
    display: none
}

.marketing .mFilter-arrow.swiper-button-disabled {
    opacity: .6;
    pointer-events: none;
    cursor: default
}

.lpro .promoslider-content {
    margin-left: 0;
    padding-top: 150px;
    padding-left: 0
}

.lpro .promoslider-nav {
    margin-left: -490px
}

.lpro-left {
    float: Left;
    width: 275px;
    text-align: center;
    margin-top: 50px;
    height: 275px;
    margin-right: 40px;
    margin-bottom: 10px;
    line-height: 275px;
    border: 1px solid rgba(178, 178, 178, .28)
}

.lpro-left img {
    max-width: 90%;
    vertical-align: middle;
    height: auto
}

.lpro-left+.lpro-cnt {
    padding-left: 0;
    margin-left: 0
}

.lpro-left+.lpro-cnt h1 {
    margin-bottom: 25px;
    margin-top: 10px
}

.lpro-left+.lpro-cnt p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 28px
}

.lpro-items {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 80px;
    padding-top: 20px
}

.lpro-item {
    width: 300px;
	height: 300px;
    margin-bottom: 30px;
	margin-right: 30px;
    display: flex;
	text-align: center;
}
.lpro-item.last
{
	margin-right: 0;
}

.lpro-item a {
    display: flex;
	align-items: center;
	justify-content: center;
    width: 100%;
    padding: 20px 25px 15px;
    border: 1px solid #b4b4b4;
}

.lpro-link--1:hover {
    border-color: #f5d02f;
	border-width: 2px;
}

.lpro-link--2:hover {
    border-color: #e76321
}

.lpro-link--3:hover {
    border-color: #f49d26
}

.lpro-link--4:hover {
    border-color: #f7be30
}

.lpro-link--5:hover {
    border-color: #c01932
}

.lpro-link--6:hover {
    border-color: #9fa7b6
}

.lpro-logo {
    max-width: 100%;
    padding-bottom: 30px
}

.lpro-text {
    font-size: 14px;
    min-height: 35px;
    color: #000000;
}

.lpro-mobile {
    display: none
}

@media (max-width:980px) {
    .lpro .promoslider-nav {
        margin-left: 0
    }
    .lpro-item {
        width: 48%
    }
}

@media (max-width:680px) {
    .lpro-mobile,
    .lpro-mobile img {
        vertical-align: middle
    }
    .lpro-left {
        display: none
    }
    .lpro-mobile {
        display: block;
        max-width: 275px;
        width: auto;
        margin: 20px auto;
        text-align: center;
        height: 275px;
        line-height: 275px;
        border: 1px solid #b2b2b2
    }
    .lpro-item {
        width: 100%;
        max-width: 340px;
        margin: 0 auto 20px
    }
}

.sm h1+h3 {
    margin-top: 20px
}

.sm-col--1 {
    float: left;
    display: block;
    padding-top: 0;
    width: 330px
}

.sm-col--2 {
    width: auto;
    margin-left: 330px;
    max-width: 65%;
    display: block
}

.sm-cnt a {
    border-bottom: 1px solid rgba(7, 77, 168, .4)
}

.sm-cnt a:hover {
    color: #fed02f;
    border-color: rgba(254, 208, 47, .4)
}

.sm-cnt h1+p {
    margin-top: 40px
}

.sm-serts {
    padding-bottom: 30px;
    padding-top: 10px
}

.sm-sert {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    width: 135px;
    margin-right: 20px
}

.sSert,
a.sSert {
    display: block;
    font-size: 12px;
    line-height: 1.667em;
    color: #000;
    border: 0;
    margin-bottom: 30px
}

.sSert-caption {
    color: rgba(0, 0, 0, .75);
    display: block;
    padding: 0 0 0 10px
}

.sSert-title {
    padding: 10px 0 0 10px;
    margin-right: -10px;
    font-size: 11px
}

.sSert-icon {
    height: 186px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .2)
}

.sSert-icon:before {
    background: url(/local/templates/main-rosneft/css/../images/inners/sert.png) center no-repeat;
    background-size: 100% auto;
    top: 20px;
    left: 25px;
    bottom: 20px;
    right: 25px;
    display: block;
    position: absolute;
    opacity: .4
}

.sSert-hover {
    background: url(/local/templates/main-rosneft/css/../images/inners/i-zoom.png) center no-repeat rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5;
    opacity: 0;
    transition: opacity .2s
}

.sReview,
.sReview-info,
.sReview-meta,
.sReviews {
    position: relative
}

@media (min-width:768px) {
    a:hover .sSert-hover {
        opacity: 1
    }
}

.sm-inr {
    margin-right: 50px;
    padding-top: 30px
}

.sm-inr .linkfile {
    font-size: 12px
}

.sm-inr .linkfile:after,
.sm-inr .linkfile:before {
    top: -3px
}

.sm-inr .nTags-header {
    padding-left: 70px
}

.sm-inr .nTags-header:before {
    left: 24px
}

.asport:after,
.sReview-info:after {
    left: 0;
    right: 0;
    bottom: 0
}

.sm-inr .nTags-cnt {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 28px
}

@media (min-width:769px) {
    .sm-mobile {
        display: none
    }
}

.asport:after,
.sReview,
.sReview-info b,
.sReview-name b,
.sReview-name span,
.sReview:after {
    display: block
}

.sReviews {
    padding-bottom: 20px
}

.sReview {
    border: 2px solid rgba(0, 0, 0, .05);
    padding: 35px 35px 30px;
    margin: 20px 0 30px
}

.sReview:after {
    width: 100%;
    clear: both
}

.sReview-title {
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    padding-bottom: 35px;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.sReview-info,
.sReview-link,
.sReview-meta {
    font-size: 12px;
    line-height: 1.5em
}

.sReview-meta {
    width: 160px;
    float: left
}

.sReview-info {
    margin-left: 180px;
    max-height: 200px;
    transition: max-height .4s
}

.sReview-info:after {
    display: block;
    position: absolute;
    height: 8px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.sReview-info.is-active {
    max-height: 1000px
}

.sReview-info p {
    margin-bottom: 15px
}

.sReview-name {
    padding-top: 10px
}

.sReview-link {
    margin-left: 180px;
    position: relative;
    padding-top: 15px
}

.sReview-link a {
    color: #074da8;
    border-bottom: 1px dashed rgba(7, 77, 168, .4)
}

.sReview-link a:hover {
    color: #fed02f;
    border-color: rgba(254, 208, 47, .4)
}

@media (min-width:640px) {
    .sm-serts .swiper-container,
    .sm-serts .swiper-wrapper {
        flex-wrap: wrap
    }
}

.asport {
    position: relative;
    background: url(/local/templates/main-rosneft/css/../images/inners/autosport.jpg) center top no-repeat;
    background-size: 1920px auto;
    color: #fff;
    padding: 30px 0 145px
}

.asport:after {
    position: absolute;
    top: 690px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 30%, #000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 30%, #000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 30%, #000 100%);
    height: auto
}

.aRaces-hdr,
.asport-buttons,
.asport-cars,
.asport-content,
.asport-header,
.asport-races,
.raceTable {
    position: relative
}

.asport .asport-buttons,
.asport .asport-info,
.asport .inside,
.asport h1,
.asport h2,
.asport p {
    z-index: 555
}

.asport h1,
.asport h2 {
    color: #fff;
    margin-bottom: 32px
}

.asport .breadcrumbs-item-noactive,
.asport .breadcrumbs-link,
.asport .button i {
    color: rgba(255, 255, 255, .5)
}

.asport p {
    font-size: 16px;
    line-height: 1.72em;
    font-weight: 300
}

.asport .button {
    min-width: 160px;
    font-size: 14px;
    text-align: center
}

.asport .button i {
    margin-left: 5px;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0
}

.asport .breadcrumbs-link:hover {
    color: #fff
}

.asport .breadcrumbs-home:before {
    background: url(/local/templates/main-rosneft/css/../images/inners/bbc.png) 0 center no-repeat
}

.asport .breadcrumbs,
.asport .breadcrumbs .inside,
.asport .breadcrumbs-list {
    padding-left: 0;
    padding-right: 0
}

.asport-header {
    padding: 0 20px
}

.asport-header p {
    margin-bottom: 20px
}

.newsAs,
.newsAs-cnt .news-row:last-child {
    margin-bottom: 0
}

.asport-content {
    padding: 40px 20px 0
}

.asport-content h4 {
    display: block;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(255, 255, 255, .4)
}

.asport-buttons {
    padding: 15px 0 30px
}

.asport-buttons .button i.minus,
.asport-buttons .button.is-active i.plus {
    display: none
}

.asport-buttons .button.is-active i.minus {
    display: inline-block
}

.asport-ctrs .jspHorizontalBar {
    background: 0 0;
    height: 5px
}

.asport-ctrs .jspTrack {
    background: rgba(255, 255, 255, .2);
    height: 5px
}

.asport-ctrs .jspDrag {
    background: rgba(255, 255, 255, .5);
    height: 5px
}

.newsAs {
    padding-top: 75px;
    padding-bottom: 0
}

.nItem-text,
.newsAs .nItem-text {
    font-size: 13px
}

.newsAs .nItem-description {
    font-size: 11px
}

.newsAs-hdr {
    padding: 0 20px 40px
}

.newsAs-cnt {
    padding-left: 20px
}

.asport-grid {
    padding-left: 0;
    padding-right: 0
}

.asport-media {
    padding-top: 35px;
    padding-bottom: 80px
}

.asport-hdr {
    padding: 0 20px 45px
}

.asport-grid {
    padding: 0 20px
}

.asport-races {
    background: #f4f7f8;
    padding: 45px 0 80px
}

.aRaces-hdr {
    padding: 0 20px 40px
}

.raceTable {
    width: 100%;
    padding: 0
}

.raceTable .jspHorizontalBar {
    background: 0 0;
    height: 5px
}

.raceTable .jspTrack {
    background: #ebf0f2;
    height: 5px
}

.raceTable .jspDrag {
    background: #d9e3e6;
    height: 5px
}

.raceTable-inner {
    padding-bottom: 20px
}

.raceTable-table {
    min-width: 800px;
    font-size: 14px;
    line-height: 1.285em;
    font-weight: 500;
    width: 100%
}

.raceTable-header {
    font-weight: 300
}

.raceTable-header td {
    padding: 28px 0 25px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.raceTable-row td {
    padding: 20px 0 0
}

.raceTable .td1 {
    padding-left: 20px;
    width: 18%
}

.raceTable .td2 {
    width: 41%
}

.raceTable .td3 {
    width: 17%
}

.asport-car {
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.714em
}

.aCar-info,
.asport-cars .mFilter-item {
    font-size: 14px
}

.asport-car h2 {
    padding-bottom: 5px
}

.asport-cars {
    padding-top: 65px;
    background: #f4f7f8
}

.asport-cars:after,
.asport-cars:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -3000px;
    border-left: 6000px solid transparent;
    z-index: 90
}

.asport-cars:before {
    border-bottom: 180px solid #f4f7f8;
    top: -140px
}

.asport-cars:after {
    border-bottom: 180px solid #fff;
    bottom: 0
}

.aCar-model,
.aCar-title {
    margin-right: -4px;
    vertical-align: top
}

.asport-cars .mFilter {
    margin-bottom: 70px;
    z-index: 100
}

.asport-cars h2 {
    margin-bottom: 30px
}

.aCar-about {
    position: relative;
    padding: 45px 0 160px;
    z-index: 100
}

.aCar-about .button {
    min-width: 180px;
    text-align: center
}

.aCar-about .button:after {
    margin-top: 8px
}

.aCar-auto {
    position: absolute;
    bottom: 0;
    right: -70px;
    max-width: 760px;
    width: 90%
}

.aCar-auto.smallimg_2 {
    max-width: 660px;
    bottom: 40px
}

.aCar-auto.smallimg_3 {
    max-width: 630px;
    bottom: 10px
}

.aCar-auto img {
    width: 100%;
    height: auto
}

.aCar-title {
    font-size: 40px;
    line-height: 1.2em;
    width: 130px;
    display: inline-block
}

.aCar-model {
    font-size: 114px;
    font-weight: 500;
    line-height: 1em;
    display: inline-block
}

.aCar-info {
    max-width: 340px;
    line-height: 1.428em;
    color: rgba(0, 0, 0, .7);
    padding: 25px 0 40px
}

.asCounter-info,
.asCounter-title {
    font-size: 14px;
    color: #fff
}

.asport-counters {
    position: relative;
    padding: 30px 0;
    min-width: 910px;
    min-height: 164px
}

.asCounter-title {
    font-weight: 400;
    padding: 0 0 30px
}

.asCounter-info {
    font-weight: 500;
    padding: 12px 0 0
}

.asCounter-info p {
    line-height: 18px
}

.asCounter-count,
.countdown-section {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: 24px;
    position: relative;
    text-align: center
}

.asCounter-count:after,
.countdown-section:after {
    content: ':';
    position: absolute;
    display: block;
    top: 6px;
    height: 40px;
    right: -24px;
    font-size: 40px;
    font-weight: 500;
    color: rgba(255, 255, 255, .5);
    width: 28px;
    text-align: center
}

.aPilots,
.asport-cars .mFilter {
    position: relative
}

.asCounter-count:last-child:after,
.countdown-section:last-child:after {
    display: none
}

.asCounter-time,
.countdown-amount {
    font-size: 34px;
    font-weight: 300;
    color: #fff;
    line-height: 30px;
    padding-bottom: 0;
    display: block
}

.asCounter-label,
.countdown-period {
    font-size: 12px;
    color: rgba(255, 255, 255, .4);
    display: block;
    text-align: left
}

.asCounter-colon {
    font-size: 40px;
    font-weight: 500;
    color: rgba(255, 255, 255, .5);
    width: 28px;
    text-align: center
}

.asCounter {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 33%
}

.asport-cars .mFilter-arrows {
    margin-top: -15px
}

.aPilots {
    padding-top: 110px;
    padding-bottom: 70px
}

.aPilots-pilots {
    position: absolute;
    right: 30%;
    left: 0;
    bottom: 78px;
    padding-left: 20px;
    text-align: center
}

.aPilots-pilot {
    display: -moz-inline-stack;
    display: inline-block;
    width: 53%;
    margin-right: -30%;
    vertical-align: bottom;
    line-height: 0
}

.aPilots-pilot:last-child {
    margin-right: 0
}

.aPilots-pilot img {
    position: relative;
    max-width: 100%;
    height: auto
}

.aPilots-info {
    position: relative;
    margin-left: 72%;
    width: 28%;
    padding: 100px 0 0;
    min-height: 420px;
    font-size: 12px;
    line-height: 1.5em
}

.aPilots-info h2 {
    margin-bottom: 25px
}

.aPilots-info:after {
    position: absolute;
    content: ' ';
    display: block;
    top: 70px;
    right: 0;
    background: #fee142;
    width: 200px;
    height: 110px;
    -webkit-transform: skewY(-11.5deg);
    -moz-transform: skewY(-11.5deg);
    -ms-transform: skewY(-11.5deg);
    -o-transform: skewY(-11.5deg);
    transform: skewY(-11.5deg)
}

.aPilots-inner {
    max-width: 250px;
    position: relative;
    z-index: 10;
    font-size: 14px;
    line-height: 22px
}

.aTeam {
    position: relative;
    border: 2px solid #ecf3f5;
    min-height: 75px;
    text-align: center
}

.aTeam-label {
    background: #f6f9fa;
    color: #b6c7cd;
    font-weight: 700;
    position: absolute;
    right: 0;
    width: 28%;
    top: 0;
    height: 100%;
    line-height: 79px;
    font-size: 16px;
    text-transform: uppercase
}

.aTeam-people {
    margin-right: 36%;
    margin-left: 5%
}

.aTeam-mate {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 33%;
    font-size: 16px;
    line-height: 70px;
    min-height: 75px;
    border: 0;
    color: #212121
}

.aTeam-mate b {
    text-transform: uppercase;
    font-weight: 600
}

.aTeam-mate>span {
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 11px
}

.aFilter-select,
.aFilter-toggle {
    vertical-align: top;
    margin-right: -4px
}

.aTeam-mate:hover {
    color: #212121!important
}

.aPilots-choose {
    display: none
}

.aRes {
    position: relative;
    padding: 10px 0 70px
}

.aRes-hdr {
    padding: 0 20px 40px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.aRes-filter {
    position: absolute;
    top: -4px;
    right: 20px;
    text-align: right
}

.aFilter-select,
.aFilter-toggle,
.aRes-col,
.aRes-col span,
.aRes-tright {
    position: relative
}

.aRes-filter .customSelect {
    height: 42px;
    border-width: 2px;
    border-radius: 50px;
    text-align: left
}

.aRes-filter .customSelect .customSelect-val {
    line-height: 40px;
    height: 100%;
    width: 80%
}

.aRes-filter .customSelect .customSelect-arrow {
    margin-top: -3px
}

.aFilter-select {
    display: -moz-inline-stack;
    display: inline-block;
    width: 190px;
    padding-top: 13px;
    z-index: 10
}

.aFilter-toggle {
    display: -moz-inline-stack;
    display: inline-block;
    margin-left: 10px;
    padding-top: 10px;
    z-index: 5
}

.aFilter-toggle .chk {
    background: 0 0
}

.aRes-thdr {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 30px 20px;
    font-size: 14px
}

.aRes-thdr .aRes-col {
    margin-right: -4.6px
}

.aRes-tleft,
.aRes-tright {
    margin-right: -4px;
    vertical-align: top
}

.aRes-tleft {
    display: -moz-inline-stack;
    display: inline-block;
    width: 25%
}

.aRes-tright {
    display: -moz-inline-stack;
    display: inline-block;
    width: 75%
}

.aRes-cols {
    display: block;
    margin-right: 100px
}

.aRes-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 5.55%;
    text-align: center
}

.aRes-col.is-hidden {
    display: none
}

.aRes-col:before,
.aRes-thdr .aRes-col.has-text .after {
    display: block;
    content: ' ';
    left: 0
}

.aRes-col span {
    z-index: 4
}

.aRes-col:before {
    position: absolute;
    top: -20px;
    right: 0;
    bottom: -2px;
    background: #fef9e6;
    z-index: 1;
    opacity: 0
}

.aRes-col.is-highlighted:before {
    opacity: 1
}

.aRes-thdr .aRes-col:before {
    bottom: -30px;
    top: -30px
}

.aRes-thdr .aRes-col.has-text .after {
    position: absolute;
    top: -30px;
    bottom: -10000px;
    background: 0 0;
    right: -200%;
    z-index: 5
}

.aRes-tooltiptext {
    display: none!important
}

.aRes-trow:first-child .aRes-col:before {
    top: -25px
}

@media (max-width:768px) {
    .aRes-col:before,
    .aRes-thdr .aRes-col .after {
        display: none
    }
}

.aRes-col--empty {
    color: rgba(0, 0, 0, .3)
}

.aRes-final {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    text-align: left
}

.aRes-tcnt {
    padding-top: 10px
}

.aRes-trow {
    padding: 15px 20px 1px
}

.aRes-flag,
.aRes-index,
.aRes-name {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.aRes-index {
    width: 20px
}

.aRes-flag {
    margin-right: 4px;
    margin-top: -1px;
    margin-bottom: 1px
}

.aRes-name {
    font-weight: 500
}

.aRes-trow .aRes-final {
    font-weight: 600
}

.aRes-table {
    display: none
}

.aRes-table.is-active {
    display: block
}

.aRes-arrow {
    z-index: 909;
    border-radius: 50%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .039);
    background: #fed02f;
    position: absolute;
    width: 20px;
    top: -2px;
    height: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.aRes-arrow:hover {
    background: #fee142
}

.aRes-arrow:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.lSearch-button,
.lSearch-button:hover {
    box-shadow: none
}

.aRes-arrow.is-disabled,
.aRes-arrow.is-disabled:hover {
    pointer-events: none;
    background: #fed02f;
    cursor: default;
    opacity: .5;
    box-shadow: none
}

.aRes-arrow--left {
    left: -25px
}

.aRes-arrow--left:before,
.aRes-arrow--right:before {
    position: absolute;
    content: ' ';
    display: block;
    width: 5px;
    height: 6px;
    top: 50%;
    margin-top: -2px;
    left: 50%
}

.aRes-arrow--left:before {
    background: url(/local/templates/main-rosneft/css/../images/autosport/ars.png) no-repeat;
    background-size: 100% auto;
    margin-left: -3px
}

.aRes-arrow--right {
    right: 90px
}

.aRes-arrow--right:before {
    background: url(/local/templates/main-rosneft/css/../images/autosport/ars.png) 0 -6px no-repeat;
    background-size: 100% auto;
    margin-left: -2px
}

.is-count-17 .aRes-col {
    width: 5.55%
}

.is-count-9 .aRes-col {
    width: 9.95%
}

.is-count-5 .aRes-col {
    width: 16%
}

.is-count-0 .aRes-col {
    display: none
}

.asport-info {
    max-height: 0;
    transition: max-height .5s
}

.asport-info.is-active {
    max-height: 1000px
}

@media (max-width:1200px) {
    .promoslider-arrow {
        left: auto;
        margin-left: auto;
        right: 20px
    }
    .promoslider-arrow.promoslider-arrow--left {
        margin-left: auto;
        left: 20px;
        right: auto
    }
    .cHdr-logo {
        left: auto;
        right: 0
    }
}

@media (max-width:1020px) {
    .topContacts,
    .topContacts-row--location {
        font-family: PFBeauSansPro, Arial, sans-serif
    }
    .mDropdown-item,
    .mDropdown-title {
        letter-spacing: .05em;
        text-transform: uppercase
    }
    .footer .mDropdown-close {
        right: 10px;
        top: -20px
    }
    .header {
        height: 120px;
        z-index: 888
    }
    .header-search {
        display: none
    }
    .header-logo {
        margin-top: 25px;
        padding-left: 25px;
    }
    .distributorLogo
    {
        margin-top: 25px;
        padding-right: 25px;
    }
    .distributorLogo img
    {
        height: 77px;
    }
    .header-contacts {
        min-width: 500px;
        margin-left: 55px;
        margin-top: 0;
        position: absolute;
        top: 30px;
        right: auto;
    }
    .header-customs {
        top: 32px
    }
    .topContacts-address
    {
        width: 240px;
    }
    .topContacts-phone {
        font-size: 20px;
        padding-top: 5px
    }
    .topContacts-email,
    .topContacts-label {
        font-size: 12px;
        margin-top: -4px
    }
    .topContacts-email {
        margin-top: -2px
    }
    .topContacts-row {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
    }
    .topContacts-row--location:first-child
    {
        margin: 0 30px 0 0;
    }
    .topContacts-row--phone.mobileOnly,
    .topContacts-row--phone
    {
        display: none;
    }
    .topContacts-row:before {
        left: -33px
    }
    .logotype-image {
        width: 105px;
        height: auto
    }
    .topCustoms-ask,
    .topCustoms-button {
        display: none
    }
    .topCustoms-lang {
        margin-right: 10px
    }
    .topContacts-row--location:before {
        top: 0
    }
    .header .customSelect.is-active .customSelect-list {
        left: auto;
        right: 0
    }
    .mainmenu-mobile {
        position: absolute;
        top: 0;
        right: 30px;
        display: block;
        left: 0;
        text-align: right
    }
    .mDropdown-ordinary,
    .mainmenu-link {
        display: none
    }
    .mainmenu-list {
        margin-left: 120px
    }
    .js-scrollpane-horizontal {
        outline: 0!important
    }
    .mainmenu-links {
        height: 67px
    }
    .mainmenu-wholesite {
        width: auto;
        padding-right: 24px;
        padding-top: 23px
    }
    .mainmenu-dropdown {
        padding: 30px 0 10px
    }
    .mDropdown-tablet {
        display: block
    }
    .mDropdown-col--1,
    .mDropdown-col--2,
    .mDropdown-col--3 {
        width: 30%;
        padding-right: 3%
    }
    .mDropdown-title {
        font-size: 16px
    }
    .mDropdown-item {
        font-size: 12px;
        font-weight: 250
    }
    .mDropdown-content {
        padding-right: 0;
        padding-left: 0;
        margin-right: -20px
    }
    .cnt-info {
        margin-left: 0;
        left: 40px
    }
    .cnt-info.is-active {
        padding-left: 40px;
        padding-right: 40px
    }
    .media-grid {
        padding-left: 0;
        padding-right: 0
    }
    .aCar-auto {
        width: 75%;
        bottom: 80px
    }
    .aCar-auto.smallimg_2,
    .aCar-auto.smallimg_3 {
        width: 70%
    }
    .aPilots {
        padding-top: 0;
        left: 0
    }
    .aPilots-pilots {
        right: 30%
    }
    .aPilots-pilot {
        width: 50%
    }
    .aTeam-label,
    .aTeam-mate {
        font-size: 16px
    }
    .footer-col--4 .footer-title,
    .footer-col--tablet .footer-title {
        text-transform: uppercase;
        letter-spacing: .05em
    }
}

@media (max-width:980px) {
    .cnt h1,
    .cnt h1.is-mid-fs,
    .product h1,
    .product h1.is-mid-fs,
    h1,
    h1.is-mid-fs,
    h2,
    h2.is-mid-fs {
        font-size: 35px
    }
    .product h2 {
        font-size: 32px
    }
    .header-contacts {
        right: auto;
    }
    .topContacts-row {
        margin-right: 0
    }
    .footer-col--noTablet {
        display: none
    }
    .footer-col--tablet {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px
    }
    .footer-col--tablet a {
        font-size: 16px;
        line-height: 18px;
        color: #fff
    }
    .footer-col--tablet a:hover {
        color: #898989
    }
    .footer-col--tablet .footer-list {
        margin-right: 20px
    }
    .footer-col,
    .footer-col--1,
    .footer-col--4,
    .footer-col--5 {
        width: 31%;
        padding-right: 2%
    }
    .footer-col--4 {
        margin-top: -6px
    }
    .footer-left {
        width: 40%
    }
    .footer-right {
        width: 50%;
        padding-left: 8%
    }
    .footer-list li {
        padding-bottom: 15px
    }
    footer {
        height: 450px;
        margin-top: -450px
    }
    #wrap {
        padding-bottom: 450px
    }
    .footer .mDropdown {
        height: 100%
    }
    .footer .mDropdown-close {
        right: 10px;
        top: -70px
    }
    .footer .mDropdown-content {
        padding: 0;
        margin: 50px 0 0
    }
    .promoslider-arrow {
        right: 10px
    }
    .promoslider-arrow.promoslider-arrow--left {
        left: 10px;
        right: auto
    }
    .promoslider-title {
        font-size: 36px;
        line-height: 1.05em
    }
    .promoslider-content {
        margin-right: 50px
    }
    .promoslider-nav {
        left: 355px;
        margin-left: auto
    }
    .geo-chk {
        top: -5px;
        right: 10px
    }
    .gList-addresses {
        padding: 15px 0 0 20px;
        max-width: 720px;
        margin: 0 auto
    }
    .cnt-list .gList-col,
    .gList-col {
        width: 44%;
        padding-right: 6%
    }
    .cnt-list .gList-col:nth-child(2n),
    .gList-col:nth-child(2n) {
        margin-left: 2%;
        padding-right: 4%
    }
    .gTabs {
        padding: 0;
        width: 100%
    }
    .geo-content {
        z-index: 55;
        position: relative
    }
    .gTabs-active,
    .gTabs-arrow {
        position: absolute;
        top: 0;
        display: block
    }
    .geo-tabs {
        bottom: 456px;
        z-index: 550;
        height: 53px;
        background: #272f39
    }
    .gTabs-active {
        opacity: 0;
        left: 0!important;
        z-index: 85;
        right: 0!important;
        width: auto!important;
        height: 55px;
        cursor: default
    }
    .gTabs-arrow {
        height: 53px;
        background: #272f39;
        width: 40px;
        cursor: pointer;
        opacity: .8;
        transition: opacity .2s;
        z-index: 90
    }
    .gTabs-arrow:hover {
        opacity: 1
    }
    .gTabs-arrow.is-disabled {
        opacity: .4;
        pointer-events: none;
        cursor: default
    }
    .gTabs-arrow--left {
        left: 0
    }
    .gTabs-arrow--left:before,
    .gTabs-arrow--right:before {
        width: 6px;
        height: 12px;
        content: ' ';
        display: block;
        top: 50%;
        margin-top: -6px;
        left: 50%;
        margin-left: -3px;
        position: absolute
    }
    .gTabs-arrow--left:before {
        background: url(/local/templates/main-rosneft/css/../images/inners/i-ars.png) 0 -12px no-repeat;
        background-size: 100% auto
    }
    .gTabs-arrow--right {
        right: 0
    }
    .gTabs-arrow--right:before {
        background: url(/local/templates/main-rosneft/css/../images/inners/i-ars.png) no-repeat;
        background-size: 100% auto
    }
    .gTabs-item {
        color: #fff;
        width: 100%;
        margin: auto;
        position: absolute;
        top: 3px;
        left: 0;
        background: #272f39;
        padding-left: 0;
        padding-right: 0;
        opacity: 1;
        display: none;
        transition: transform .2s
    }
    .gTabs-item.is-active {
        display: block;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    .gTabs-item.is-prev {
        display: block;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .gTabs-item.is-next {
        display: block;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
    .geo-list,
    .geo-map {
        min-height: 500px;
        height: auto;
        overflow: visible;
        padding-top: 1px
    }
    .gList-header {
        padding-bottom: 0;
        padding-top: 35px
    }
    .gList-content {
        height: 400px
    }
    .geo-tabs {
        top: 0
    }
    .gMapInfo {
        top: auto;
        position: relative;
        margin: 500px auto 0;
        left: 0;
        width: auto
    }
    .geo-zoom {
        top: 195px
    }
    #geomap {
        max-height: 501px
    }
    .gMapInfo-address,
    .gMapInfo-addressLinks,
    .gMapInfo-email,
    .gMapInfo-fax,
    .gMapInfo-label,
    .gMapInfo-phone,
    .gMapInfo-row {
        max-width: 520px;
        margin: 0 auto
    }
    .popup {
        left: 30px;
        right: 30px;
        width: auto;
        margin-left: auto!important;
        margin-right: auto!important;
        padding: 50px 40px;
        max-width: 620px
    }
    .popup-content {
        width: 100%
    }
    .popup-disclaim {
        display: none
    }
    .popup-close {
        right: 0;
        top: 4px;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 38px
    }
    .news-cnt {
        padding-top: 20px
    }
    .nMain-title {
        font-size: 24px;
        line-height: 1.25em
    }
    .cnt-button {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 30px
    }
    .cnt-chk {
        position: absolute;
        margin: 0;
        right: 30px;
        top: -3px
    }
    .cnt-header {
        padding-bottom: 40px
    }
    .cnt-map {
        height: 500px;
        overflow: visible
    }
    .cnt-map .gZoom-print {
        top: -170px
    }
    .cnt-info {
        margin-top: 0;
        top: auto;
        bottom: 25px
    }
    .prodsblock h1 {
        display: block;
        position: relative
    }
    .prodsblock h1 small {
        right: 0;
        position: absolute;
        margin-right: 0
    }
    .prodsblock-open {
        display: none
    }
    .prodsblock-list {
        position: relative;
        max-height: 10000px;
        border: 1px solid rgba(0, 0, 0, .1);
        border-right: 0;
        border-left: 0;
        padding: 0;
        margin: 40px 0
    }
    .prodsblock-col {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0
    }
    .prodsblock-for:after,
    .prodsblock-for:before,
    .prodsblock-image {
        display: none
    }
    .prodsblock-for {
        border: 0!important;
        border-bottom: 1px dashed rgba(0, 0, 0, .1)!important;
        cursor: pointer;
        font-size: 18px;
        padding: 30px 0!important;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none
    }
    .prodsblock-for b {
        font-weight: 300;
        width: auto;
        max-width: 100%!important;
        margin-right: 100px
    }
    .prodsblock-col:nth-child(3) .prodsblock-for:after,
    .prodsblock-for:after {
        width: 20px;
        height: 20px;
        right: 10px!important;
        top: 50%;
        left: auto!important;
        display: block!important;
        font-size: 18px;
        color: rgba(0, 0, 0, .2);
        background: 0 0;
        content: '+';
        line-height: 23px;
        font-weight: 300;
        text-align: center
    }
    .prodsblock-for:after {
        border: 2px solid rgba(0, 0, 0, .1);
        border-radius: 50%;
        margin: -10px 0 0!important
    }
    .prodsblock-col:nth-child(3) .prodsblock-for {
        margin-bottom: -2px
    }
    .prodsblock-col:nth-child(3) .prodsblock-for:after {
        border: 2px solid rgba(0, 0, 0, .1);
        border-radius: 50%;
        margin: -10px 0 0!important
    }
    .prodsblock-specials {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        border-bottom-width: 0;
        font-size: 16px;
        font-weight: 300;
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s, padding-top .5s, padding-bottom .5s;
        padding: 0 0 0 20px
    }
    .prodsblock-specials li {
        padding-bottom: 10px;
        display: block
    }
    .prodsblock-specials li:before {
        left: -15px
    }
    .prodsblock-specials:after,
    .prodsblock-specials:before {
        display: none
    }
    .prodsmore-select {
        position: relative;
        top: auto;
        margin-top: 25px
    }
    .asSport-text,
    .prod-col--1 {
        position: absolute
    }
    .prodsmore {
        padding-top: 0
    }
    .is-active .prodsblock-specials {
        max-height: 600px;
        padding: 20px 0 15px 20px;
        border-bottom-width: 1px
    }
    .is-active .prodsblock-for {
        border-bottom: 2px solid #fed02f!important
    }
    .is-active .prodsblock-for:after,
    .prodsblock-col:nth-child(3).is-active .prodsblock-for:after {
        border: 2px solid #fed02f;
        color: #fed02f;
        content: '–';
        line-height: 16px
    }
    .prod-col--2 {
        width: auto;
        display: block;
        margin-left: 340px;
        min-height: 580px
    }
    .media .grid-row {
        margin-right: -20px
    }
    .media .grid-col--2 {
        width: 100%
    }
    .media .grid-col--1,
    .media .grid-col--1+.grid-col--2 {
        width: 50%
    }
    .mFilter-link {
        height: 40px;
        line-height: 38px;
        padding: 0 10px
    }
    .mFilter-link:after {
        height: 30px;
        margin-top: -15px
    }
    .media-header {
        padding: 0
    }
    .banners-col--50 {
        width: 48.5%;
        padding-right: 1.5%
    }
    .banners-col--50:last-child {
        padding-left: 1.5%;
        padding-right: 0
    }
    .banners-placeholder {
        height: 80px
    }
    .banners-row {
        max-width: 708px;
        margin: 0 auto
    }
    .newsMain .news-header {
        padding: 0
    }
    .newsMain .news-content {
        padding-top: 25px;
        padding-left: 0;
        padding-right: 0
    }
    .newsMain .nItem {
        margin-bottom: 30px
    }
    .asSport {
        min-height: 400px;
        box-sizing: border-box
    }
    .asSport-text {
        width: auto;
        top: 0;
        left: 0;
        padding: 9px;
        text-align: center;
        min-height: 0;
        max-width: 100%;
        bottom: auto;
        height: auto;
        right: 25px
    }
    .asSport-about {
        margin: 10px auto 0;
        max-width: 380px;
        padding-bottom: 0
    }
    .asSport-autoteam {
        padding-top: 10px
    }
    .asSport-automobile p {
        margin-right: -150px
    }
    .asSport-team {
        max-width: 330px;
        margin-left: 10px
    }
    .asSport-title {
        padding: 3px 0 0;
        margin: 0;
        font-size: 16px;
        font-weight: 500
    }
    .asSport-content,
    .asSport-more {
        display: none
    }
    .partners-slider {
        padding: 0 75px
    }
    .partners {
        padding-bottom: 65px
    }
    .partners-arrow.partners-arrow--left {
        left: 10px
    }
    .partners-arrow.partners-arrow--right {
        right: 10px
    }
    .asMain {
        padding-bottom: 60px
    }
    .cFilter-col--1 {
        width: 28%
    }
    .cFilter-col--2 {
        width: 37%
    }
    .cFilter-col--3 {
        width: 35%
    }
    .product h2 {
        padding-top: 10px
    }
    .product h2 small {
        margin-top: 7px;
        font-size: 14px;
        line-height: 1em;
        max-width: 180px
    }
    .product .prod-col--2 {
        margin-left: 325px
    }
    .prod-buttons {
        padding: 40px 0 20px
    }
    .prod-buttons .button {
        margin-bottom: 15px
    }
    .prod-content ul {
        margin-left: 15px
    }
    .cRow-info {
        width: 230px
    }
    .cRow-products {
        margin-left: 220px
    }
    .cProds .cRow-arrow,
    .cProds:after {
        right: 0
    }
    .cProds:before {
        left: 0
    }
    .cProds .cRow-arrow.cRow-arrow--left {
        left: -20px
    }
    .cFor-link {
        padding-right: 0
    }
    .ctlg .prodsblock-col:nth-child(3) .prodsblock-for:after,
    .ctlg .prodsblock-for:after {
        position: absolute;
        display: block;
        border-radius: 50%;
        border: 2px solid rgba(0, 0, 0, .1);
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 38px;
        color: rgba(0, 0, 0, .1);
        left: 20px;
        top: 27px;
        content: +;
        font-weight: 400
    }
    .ctlg .is-active .prodsblock-for:after,
    .ctlg .prodsblock-col:nth-child(3).is-active .prodsblock-for:after {
        line-height: 35px;
        border-color: #fed02f;
        color: #fed02f;
        content: '–'
    }
    .marketing .swiper-slide {
        min-width: 295px;
        width: 295px!important
    }
    .marketing .swiper-slide.grid-col--2 {
        min-width: 600px;
        width: 600px!important
    }
    .lpro .promoslider-content,
    .mrktng .promoslider-content {
        padding-left: 50px
    }
    .asport-grid,
    .raceTable .td1 {
        padding-left: 10px
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav {
        left: 70px
    }
    .asport {
        padding-bottom: 115px
    }
    .aRaces-hdr,
    .asport-car,
    .asport-content,
    .asport-hdr,
    .asport-header,
    .newsAs-cnt,
    .newsAs-hdr {
        padding-left: 10px;
        padding-right: 0
    }
    .asport-grid {
        padding-right: 10px
    }
    .asport-cars {
        padding-top: 0
    }
    .asport-cars .inside {
        z-index: 180
    }
    .asport-cars .mFilter {
        margin-bottom: 40px
    }
    .asport-cars .mFilter-item {
        font-size: 14px
    }
    .asport-cars:before {
        top: -115px;
        border-bottom-width: 130px
    }
    .aRes-filter {
        top: -13px
    }
}

@media (max-width: 850px)
{
    .header-contacts
    {
        margin-left: 35px;
    }
    .topContacts-row:first-child
    {
        margin: 0 10px 0 0;
    }
}

@media (max-width:767px) {
    .aPilots-inner,
    .sm-col--2 {
        max-width: 100%
    }
    .header {
        height: 60px
    }
    .logotype-image {
        display: none
    }
    .header-logo {
        top: 0;
        left: 0;
        width: 60px;
        height: 60px
    }
    .header-logo a {
        display: block;
        background: url(/local/templates/main-rosneft/css/../images/inners/logo-mini.png) center no-repeat;
        width: 100%;
        height: 100%;
        background-size: auto 26px;
        top: 0;
        left: 0
    }

    .header-logo {
        margin-top: 0;
        padding-left: 10px;
        border-left: 0;
    }
    .distributorLogo
    {
        margin-top: 0;
        padding-right: 10px;
    }
    .distributorLogo img
    {
        height: 60px;
    }


    .topContacts-address,
    .topContacts-email,
    .topContacts-row--location:before,
    .topContacts-row:before {
        display: none
    }
    .header-contacts {
        top: 11px;
        right: 0;
        min-width: auto;
    }
    .topContacts-row.topContacts-row--phone.mobileOnly
    {
        display: inline-block;
        margin: 7px 0 0 0;
    }
    .topContacts-row {
        margin-right: 25px
    }
    .topContacts-lc {
        display: block;
        background: url(/local/templates/main-rosneft/css/../images/main/i-location.png) center no-repeat;
        background-size: 18px auto;
        width: 21px;
        height: 26px;
        border: 0;
        margin-top: 5px;
        opacity: .5
    }
    .breadcrumbs-home:before,
    .mainmenu .wholesite-link,
    .popup-arrow {
        display: none
    }
    .topContacts-phone {
        font-size: 18px
    }
    .topCustoms-lang {
        margin: 0;
        height: 60px;
        width: 50px
    }
    .topCustoms-lang .customSelect {
        padding: 21px 0 20px;
        cursor: pointer
    }
    .header-customs {
        top: 0;
        right: 10px;
        height: 60px
    }
    .mainmenu .wholesite {
        padding-top: 18px;
        padding-right: 12px
    }
    .mainmenu-list {
        margin-left: 40px
    }
    .mSearch-field {
        margin-right: -20px
    }
    .mainmenu-links {
        height: 57px
    }
    .mainmenu-buy,
    .mainmenu-quest {
        margin-top: 18px;
        margin-left: 15px
    }
    .mainmenu-buy a,
    .mainmenu-quest a {
        margin: -18px -20px -20px 0;
        padding: 18px 20px 20px 10px
    }
    .nFilter,
    .nItem {
        margin-bottom: 40px
    }
    .mainmenu-quest a {
        margin-left: -18px;
        padding-left: 38px
    }
    .mainmenu-mobile {
        right: 10px
    }
    .mainmenu-search {
        margin-top: 6px
    }
    .mainmenu-dropdown {
        top: 57px
    }
    .breadcrumbs-home {
        padding-left: 0;
        margin-left: 0
    }
    .nItem {
        padding-right: 30px
    }
    .news-row {
        margin-right: -20px
    }
    .nFilter-tags .nFilter-sttmnt {
        margin-right: 60px
    }
    .promoslider-content {
        padding-left: 280px
    }
    .promoslider-nav {
        left: 295px
    }
    .prod-col--2 {
        margin-left: 285px
    }
    .popup--media {
        padding: 10px!important
    }
    .popup--media .popup-close {
        right: 0;
        top: -45px
    }
    .popup-originals {
        width: 100%;
        left: auto;
        z-index: 50
    }
    .popup-captions,
    .popup-counter {
        font-size: 15px
    }
    .popup-arrow {
        right: 10px
    }
    .popup-arrow.popup-arrow--left {
        left: 10px
    }
    .catalog-buttons {
        display: block;
        position: relative;
        right: auto;
        top: auto;
        width: auto;
        margin: auto;
        padding-top: 32px
    }
    .catalog-buttons .button,
    .catalog-buttons .customSelect {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: auto;
        margin-right: 20px;
        margin-bottom: 10px
    }
    .catalog-buttons .button {
        min-width: 220px
    }
    .catalog-info {
        margin-right: 0;
        width: auto;
        padding-top: 22px
    }
    .catalog-groupper {
        padding-top: 10px;
        padding-bottom: 40px
    }
    .catalog-groupper:after {
        left: 0;
        right: 40px
    }
    .cGroupper-filters {
        display: block;
        width: auto;
        padding-top: 20px
    }
    .cFor {
        padding-top: 35px
    }
    .cFor-hdr {
        padding-bottom: 38px
    }
    .cFor-item {
        padding-left: 0
    }
    .cFor-image {
        right: 0
    }
    .cFor,
    .cGroupper,
    .cHdr,
    .cRow,
    .catalog-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .catalog-cnt,
    .catalog-hdr {
        padding-left: 10px;
        padding-right: 10px
    }
    .ctlg .breadcrumbs-list {
        padding-left: 10px
    }
    .cHdr {
        padding: 35px 0
    }
    .cRow {
        padding: 25px 0
    }
    .cRow-info {
        left: 0
    }
    .cFilter {
        padding: 0
    }
    .cFilter-col {
        display: block;
        width: auto;
        margin: 0;
        padding: 15px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
    .cFilter-col:last-child {
        border: 0
    }
    .cFilter-col:after {
        display: none
    }
    .cFilter-label {
        position: absolute;
        left: 20px;
        top: 15px;
        width: 100px;
        padding: 0
    }
    .cFilter-stmnt {
        position: relative;
        display: block;
        margin-left: 100px;
        padding-left: 0
    }
    .cFilter-reset {
        position: relative;
        top: auto;
        right: auto;
        margin: 10px 0 0
    }
    .cSecList {
        padding-left: 20px
    }
    .cSector-hdr {
        padding: 35px 0
    }
    .cSecList-hdr {
        padding: 25px 0
    }
    .cSecListList {
        padding-left: 20px
    }
    .cSecList-row.is-active .cSecList-title:before {
        line-height: 21px
    }
    .cSecListList-hdr {
        font-size: 20px;
        padding: 30px 0
    }
    .cSector-title {
        padding-left: 60px
    }
    .cSector-title:before {
        left: 0
    }
    .cSecListList .cRow-products {
        margin-left: 200px;
        margin-right: 20px
    }
    .catalog-button--nomobile {
        display: none!important
    }
    .catalog-buttons .customSelect {
        text-align: center
    }
    .catalog-buttons .customSelect-list {
        text-align: left
    }
    .cFor-col {
        font-size: 16px
    }
    .ctlg .prodsblock-col:nth-child(3) .prodsblock-for:after,
    .ctlg .prodsblock-for:after {
        position: absolute;
        display: block;
        border-radius: 50%;
        border: 2px solid rgba(0, 0, 0, .1);
        text-align: center;
        color: rgba(0, 0, 0, .1);
        top: 50%;
        margin-top: -20px!important;
        content: +;
        font-weight: 400;
        right: 0!important;
        width: 35px;
        height: 35px;
        font-size: 28px;
        line-height: 39px
    }
    .ctlg .prodsblock-col:nth-child(3) .prodsblock-for b,
    .ctlg .prodsblock-for b {
        margin-right: 60px
    }
    .ctlg .is-active .prodsblock-for:after,
    .ctlg .prodsblock-col:nth-child(3).is-active .prodsblock-for:after {
        line-height: 35px;
        border-color: #fed02f;
        color: #fed02f;
        content: '–'
    }
    .mrktng .breadcrumbs {
        padding-top: 30px;
        padding-bottom: 5px
    }
    .lpro .promoslider-content,
    .mrktng .promoslider-content {
        padding-left: 50px
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav {
        left: 60px;
        margin-left: 0
    }
    .sm-col--1 {
        display: none
    }
    .sm-col--2 {
        margin-left: 0;
        width: auto;
        display: block;
        margin-right: 0;
        padding-bottom: 40px
    }
    .sm h3 {
        margin-bottom: 15px
    }
    .sm p {
        margin-bottom: 10px
    }
    .sm .nTags {
        margin-bottom: 40px
    }
    .sm .linkfile,
    .sm .nTags a,
    .sm .proditem-file {
        margin-bottom: 25px
    }
    .sm .nTags a {
        border: 0
    }
    .sm .linkfile--pdf:after,
    .sm .linkfile--pdf:before,
    .sm .proditem-file--pdf:after,
    .sm .proditem-file--pdf:before {
        top: -2px
    }
    .sm .nTags-header {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .sm .nTags-cnt {
        padding-left: 20px;
        padding-top: 30px;
        padding-bottom: 10px
    }
    .sm-cnt {
        margin-top: -10px
    }
    .sm-cnt h1+p {
        margin-top: 20px
    }
    .catalog.is-ready+.banners {
        margin-top: -99px
    }
    .catalog-main.is-not-empty,
    .is-ready .cSector {
        margin-bottom: 98px
    }
    .asport-races {
        padding-bottom: 40px
    }
    .asport-cars:before {
        top: -115px;
        border-bottom-width: 130px
    }
    .aPilots-pilots {
        display: none
    }
    .aPilots-info,
    .aPilots-inner {
        display: block;
        width: auto;
        margin: 0 auto
    }
    .aPilots-info {
        min-height: 0;
        padding-top: 0
    }
    .aPilots-info:after {
        top: -20px
    }
    .aPilots,
    .aPilots-info {
        overflow: visible;
        z-index: 18
    }
    .aPilots {
        z-index: 100
    }
    .aPilots .mFilter-item {
        display: none;
        width: 100%
    }
    .aPilots .mFilter-item.is-active {
        display: block;
        width: auto;
        margin-right: 86px;
        background: 0 0
    }
    .aPilots .mFilter-link {
        background: 0 0!important;
        text-align: left;
        padding-left: 15px;
        height: 50px;
        line-height: 47px
    }
    .aPilots .mFilter-link:after {
        display: none
    }
    .aPilots .mFilter-arrows {
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -25px;
        z-index: 80;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none
    }
    .aPilots-choose,
    .aPilots-choose .mFilter {
        position: relative
    }
    .aPilots .mFilter-arrow {
        border: 1px solid #fed02f;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin-right: 0;
        margin-left: 5px;
        background: url(/local/templates/main-rosneft/css/../images/inners/i-ar.png) center 10px no-repeat #fff;
        background-size: 5px 9px;
        width: 28px;
        height: 28px;
        cursor: pointer
    }
    .aPilots .mFilter-arrow:hover {
        background-color: #fed02f
    }
    .aPilots .mFilter-arrow.is-disabled,
    .aPilots .mFilter-arrow.is-disabled:hover {
        opacity: .4;
        background-color: #fff;
        cursor: default;
        pointer-events: none
    }
    .aPilots .mFilter-arrow--left {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        background-position: center 9px
    }
    .aPilots-team {
        display: none
    }
    .aPilots-frame {
        overflow: hidden;
        text-align: center;
        height: 250px
    }
    .aPilots-frame img {
        max-width: 100%;
        height: auto
    }
    .aPilots-choose {
        display: block;
        max-width: 420px;
        margin: 30px auto 0
    }
    .aPilots-choose .mFilter-link {
        font-size: 16px;
        line-height: 1.6em
    }
    .aPilots-choose .mFilter-link b {
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        margin-top: -5px
    }
    .aPilots-choose .mFilter-arrows {
        margin-top: -15px
    }
    .aPilots-tab {
        display: none
    }
    .aPilots-tab.is-active {
        display: block
    }
    .aRes-tleft {
        width: 33%
    }
    .aRes-tright {
        width: 66%
    }
    .aRes-cnt,
    .aRes-hdr,
    .aRes-trow {
        padding-left: 0;
        padding-right: 0
    }
}

.abt-cnt ul li:before,
.action-cnt:after,
.action:after,
.prtshp-image:after {
    content: ' '
}

@media (max-width:768px) and (min-width:620px) {
    .sm-serts .swiper-wrapper {
        justify-content: space-between
    }
    .sm-serts {
        margin-right: -17px
    }
}

@media (max-width:720px) {
    .cnt h1,
    .cnt h1.is-mid-fs,
    h1,
    h1.is-mid-fs,
    h2,
    h2.is-mid-fs {
        font-size: 28px;
        padding-right: 0
    }
    .cnt h1 span,
    h1 small,
    h1 span,
    h2 small,
    h2 span {
        margin-right: 15px
    }
    h4 {
        font-size: 20px;
        line-height: 1.1em
    }
    .js-jumper-column,
    .js-jumper-column.is-animating {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        transition: none
    }
    .prod-proditem {
        margin-top: 0
    }
    .promoslider-content {
        max-width: 320px;
        margin: 0 auto;
        padding: 50px 0 0
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav,
    .promoslider-nav {
        max-width: 320px;
        left: 50%;
        margin-left: -165px
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav {
        padding-left: 27px
    }
    .promoslider-arrow {
        display: none
    }
    .prod-col--2,
    .product .prod-col--1 {
        vertical-align: top
    }
    .promoslider,
    .promoslider-slide {
        height: 360px
    }
    .promoslider .fotorama__html,
    .promoslider .fotorama__stage,
    .promoslider .fotorama__stage__shaft,
    .promoslider .fotorama__wrap {
        height: 360px!important
    }
    .promoslider-title {
        font-size: 22px;
        line-height: 1.182em
    }
    .promoslider-text {
        font-size: 16px;
        line-height: 1.625em
    }
    .prod-col--1 {
        position: relative;
        width: 33%;
        padding-right: 5%;
        padding-top: 40px
    }
    .prod-col--2 {
        margin-left: 0;
        display: inline-block;
        margin-right: -4px;
        width: 61%
    }
    .prod-content {
        padding-top: 45px
    }
    .proditem-content {
        padding: 20px
    }
    .proditem-photo img {
        max-width: 100%;
        width: auto;
        height: auto
    }
    .proditem-header {
        padding-left: 20px;
        padding-right: 20px;
        background-image: none
    }
    .footer-content {
        padding: 40px 0 0
    }
    .footer-col--tablet {
        display: none
    }
    .footer-row:last-child {
        margin-top: 10px
    }
    .footer-col--1 {
        width: 40%;
        padding-left: 10%;
        padding-right: 0
    }
    .footer-col--4 {
        width: 50%;
        padding-right: 0
    }
    .footer-search {
        max-width: 250px
    }
    .footer-left,
    .footer-right {
        display: block;
        width: auto;
        text-align: center;
        margin: 0 auto;
        padding: 0
    }
    .footer-right {
        padding-top: 15px
    }
    .footer-right:before {
        display: none
    }
    .gFilter-itemSeparator,
    .geo-chk {
        display: block
    }
    footer {
        height: 430px;
        margin-top: -430px
    }
    .footer .mDropdown-close {
        right: 5px;
        top: -20px
    }
    #wrap {
        padding-bottom: 430px
    }
    .footer .mDropdown-content {
        margin-top: 0
    }
    .breadcrumbs-list,
    .geo-header {
        padding: 0
    }
    .breadcrumbs {
        padding: 25px 0 15px
    }
    .geo-header h2 {
        padding-right: 0
    }
    .geo-chk {
        position: relative;
        background: 0 0;
        top: auto;
        margin: 20px 0 0;
        padding: 0;
        left: auto;
        right: auto
    }
    .geo-chk .chk-left {
        margin-left: 0
    }
    .gFilter {
        padding-top: 15px;
        padding-bottom: 25px
    }
    .gFilter-item {
        margin-bottom: 10px
    }
    .gSelect-list {
        width: 100%;
        top: 5px
    }
    .gFilter-item,
    .gFilter-select {
        position: static
    }
    .aRes-filter,
    .asMain-col,
    .cnt-chk {
        position: relative
    }
    .gTabs,
    .gTabs-active {
        border-radius: 0
    }
    .geo-map {
        min-height: 350px
    }
    #geomap {
        max-height: 351px
    }
    .gList-addresses {
        padding-left: 0
    }
    .gMap-balloon,
    .geo-map [class~=balloon_layout_panel],
    .ymaps-2-1-38-balloon {
        display: none!important
    }
    .gMapInfo {
        margin-top: 350px
    }
    .popup {
        left: 10px;
        right: 10px;
        width: auto;
        margin-left: auto!important;
        margin-right: auto!important;
        padding: 30px 20px
    }
    .nMain,
    .news-cnt,
    .news-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .nMain-photo {
        width: 240px;
        padding-right: 20px
    }
    .nMain-photo img {
        width: 100%;
        height: auto
    }
    .news-more,
    .news-row:last-child {
        margin-bottom: 20px
    }
    .news-row:last-child {
        padding-top: 30px
    }
    .nFilter {
        margin-bottom: 40px
    }
    .nMain {
        padding-bottom: 30px
    }
    .nQuote {
        padding: 30px 25px 25px
    }
    .nSingle-item {
        padding-bottom: 40px
    }
    .news-sectionTitle {
        padding-bottom: 15px
    }
    .nSingle .news-row:last-child {
        padding-top: 0
    }
    .news-col,
    .news-col--33 {
        width: 50%
    }
    .cnt-header {
        padding-left: 0;
        padding-right: 0
    }
    .cnt-chk {
        display: block;
        background: 0 0;
        top: auto;
        margin: 20px 0 0;
        padding: 0;
        left: auto;
        right: auto
    }
    .cnt-button,
    .cnt-print {
        display: none
    }
    .cnt-chk .chk-left {
        margin-left: 0
    }
    .cnt-map {
        height: 350px
    }
    .cnt-zoom,
    geo-zoom {
        right: 20px
    }
    .cnt-zoom .gZoom-print,
    geo-zoom .gZoom-print {
        top: -100px
    }
    .cnt-info {
        top: 460px;
        left: 0;
        width: auto;
        right: 0;
        z-index: 555;
        margin: 0 auto;
        bottom: auto;
        background: #fff;
        padding-left: 20px;
        padding-right: 20px
    }
    .cnt-infoContent .cMapInfo {
        width: 90%;
        max-width: 90%
    }
    .cMapInfo-row {
        padding-right: 50px
    }
    .cnt-list.is-active {
        margin-bottom: -405px
    }
    .cnt {
        padding-bottom: 450px
    }
    .cnt-info.is-active {
        padding-left: 20px;
        padding-right: 20px
    }
    .asMain {
        padding-bottom: 20px
    }
    .asMain-col {
        display: block;
        margin: 0 auto;
        max-width: 420px
    }
    .asMain-col--2 {
        margin: 60px auto 40px
    }
    .asSport {
        margin-right: 0
    }
    .asSport-text {
        right: 0
    }
    .asSport-team {
        margin-left: 20px
    }
    .partners-text {
        width: 33%;
        padding: 35px 25px
    }
    .partners-logos {
        margin-left: 210px
    }
    .partners-arrow.partners-arrow--left {
        left: 15px
    }
    .partners-arrow.partners-arrow--right {
        right: 15px
    }
    .newsMain .news-content {
        padding-top: 0
    }
    .catalog-info {
        padding-top: 15px;
        font-size: 18px;
        line-height: 1.5556em
    }
    .catalog-buttons {
        max-width: 320px;
        margin: 0 auto
    }
    .catalog-buttons .button,
    .catalog-buttons .customSelect {
        display: block;
        margin-right: 0
    }
    .catalog-buttons .button {
        width: auto;
        min-width: 0
    }
    .cFor,
    .cGroupper:after {
        display: none
    }
    .cGroupper {
        padding-bottom: 0;
        border: 0
    }
    .cGroupper-filters {
        padding-top: 5px
    }
    .catalog-mobileFor {
        display: block
    }
    .catalog-mobileFor .prodsblock-list {
        margin: 20px 0
    }
    .cHdr {
        padding: 15px 0;
        font-size: 20px;
        line-height: 1.4em
    }
    .cHdr-title {
        margin-right: 60px
    }
    .cHdr-logo {
        top: 5px;
        margin: 0;
        bottom: 5px;
        height: auto
    }
    .cHdr-logo img {
        height: 100%;
        width: auto;
        display: block;
        margin: auto
    }
    .catalog-cnt,
    .catalog-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .ctlg .breadcrumbs-list {
        padding-left: 0
    }
    .product+.banners {
        display: none
    }
    .product .prod-col--1 {
        width: 34%;
        margin: auto -4px auto auto;
        top: auto;
        left: auto;
        float: none;
        padding-left: 0;
        padding-right: 0;
        display: inline-block
    }
    .product .prod-col--1 .prod-mobile {
        padding-bottom: 20px
    }
    .product .prod-col--2 {
        width: 62%;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        padding-left: 4%;
        padding-right: 0;
        margin: auto auto auto 0
    }
    .product .prod-addition {
        margin-bottom: 60px
    }
    .product .prodsmore {
        margin-top: 30px
    }
    .product .prod-mobile {
        max-width: 360px;
        margin: 0 auto
    }
    .product .prod-mobile .prod-buttons {
        padding: 0;
        margin: 15px auto 30px;
        display: block
    }
    .product .prod-mobile .button {
        display: block;
        text-align: center;
        margin: 0 auto 15px;
        max-width: 200px
    }
    .product .prod-mobile h1 {
        font-size: 22px;
        line-height: 1.3em;
        width: auto;
        max-width: 100%
    }
    .product .prod-mobile h2 {
        width: auto;
        max-width: 100%;
        line-height: 1.4em;
        font-size: 18px;
        padding: 0
    }
    .product .prod-mobile h2 small {
        padding: 0;
        font-size: 14px
    }
    .product .prod-mobile h2 span {
        padding: 0;
        margin: 0 0 -5px;
        font-size: 20px;
        display: block;
        width: auto;
        max-width: 100%
    }
    .is-ready .cSector,
    .sReview-title {
        margin-bottom: 20px
    }
    .cRow-info {
        width: 190px
    }
    .cRow-products {
        margin-left: 180px
    }
    .cRow-title {
        font-size: 16px
    }
    .cRow-code {
        font-size: 20px
    }
    .cProds .cRow-arrow.cRow-arrow--left,
    .cProds:before {
        left: 0
    }
    .catalog.is-ready+.banners {
        margin-top: -21px
    }
    .cFilter-stmnt .fchk {
        padding-top: 7px;
        display: block
    }
    .cFilter-col--3 .cFilter-stmnt .fchk {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
        width: 33%;
        box-sizing: border-box
    }
    .marketing-cnt,
    .marketing-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .sReview {
        padding: 25px 25px 20px
    }
    .sReview-title,
    .sReviews {
        padding-bottom: 0
    }
    .aRes-filter {
        width: auto;
        right: auto;
        top: auto;
        text-align: left
    }
    .aFilter-toggle .chk {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:640px) {
    .cFilter-toggle i,
    .nFilter-toggle i {
        font-style: normal
    }
    .header-contacts {
        top: 11px;
        right: 55px
    }
    .header-customs {
        right: 0
    }
    .mainmenu-buy,
    .mainmenu-quest {
        padding-right: 22px;
        margin-top: 19px;
        padding-left: 1px
    }
    .mainmenu-quest {
        margin: 0;
        height: 57px;
        width: 40px;
        padding: 0 2px;
        text-align: center
    }
    .mainmenu-quest:after {
        margin-top: -6px
    }
    .mainmenu-quest i {
        margin: 18px auto 0
    }
    .topContacts-row {
        margin-right: 8px;
        margin-left: 6px
    }
    .mSearch-field {
        overflow: hidden;
        top: 0;
        bottom: 0;
        margin-right: 5px!important;
        padding-right: 0;
        position: absolute;
        z-index: 55;
        width: 45px;
        right: -5px;
        left: auto;
        transition: transform .2s, background .2s, width .2s
    }
    .mSearch-field input {
        opacity: 0;
        width: 100%;
        -o-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        cursor: pointer;
        margin-top: -20px;
        height: 56px;
        margin-left: 5px
    }
    .is-active .mSearch-field {
        width: 210px;
        background: #fed02f;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    .is-active .mSearch-field input {
        opacity: 1;
        cursor: text;
        margin-top: auto;
        height: auto;
        margin-left: 0
    }
    .is-active .mSearch-button {
        z-index: 60
    }
    .mainmenu-quest a {
        display: none
    }
    .mainmenu-search {
        margin-top: 8px;
        margin-left: 0;
        margin-right: 6px
    }
    .mainmenu-mobile {
        right: 0
    }
    .mainmenu-buy {
        margin-left: 0
    }
    .header .customSelect-val {
        font-size: 12px;
        opacity: .5;
        font-weight: 500;
        margin-right: -8px
    }
    .mainmenu-dropdown {
        padding: 20px 0 0
    }
    .mDropdown-tablet {
        display: none
    }
    .mDropdown-content {
        padding: 10px 0 0 10px
    }
    .mDropdown-ordinary {
        display: block
    }
    .mDropdown-col--1,
    .mDropdown-col--2,
    .mDropdown-col--3,
    .mDropdown-col--4 {
        width: 48%;
        padding-right: 2%
    }
    .footer-col--1 {
        display: block;
        padding: 0;
        margin: 0 auto;
        width: 170px
    }
    .footer-col--4 {
        display: none
    }
    .footer-logo {
        padding-top: 0;
        padding-bottom: 100px
    }
    .footer-wholesite {
        position: absolute;
        bottom: 0;
        z-index: 55
    }
    .footer .mDropdown-col {
        display: block;
        width: auto;
        position: relative;
        text-align: center
    }
    .footer .mDropdown-item {
        display: none
    }
    .footer .mDropdown-list,
    .footer .mDropdown-list li {
        padding: 0
    }
    .footer .mDropdown-title {
        padding: 10px 0
    }
    .footer .mDropdown-ordinary {
        padding-top: 30px
    }
    .footer .mDropdown-close {
        right: 10px;
        top: -10px
    }
    .news-col,
    .news-col--33,
    .news-col--50 {
        width: 100%;
        display: block;
        margin: 0 auto 35px
    }
    .nItem {
        padding-right: 0;
        margin-bottom: 0
    }
    .nItem-image,
    .news-col--50 .nItem-image {
        width: 60px
    }
    .nItem-image+.nItem-content,
    .news-col--50 .nItem-image+.nItem-content {
        margin-left: 75px
    }
    .nMain {
        padding-bottom: 15px
    }
    .nFilter-row {
        padding: 5px 0;
        margin: 0
    }
    .nFilter {
        padding: 0 15px 15px;
        margin-top: 10px
    }
    .nFilter-col--left,
    .nFilter-label {
        position: relative;
        width: auto;
        font-size: 14px;
        color: rgba(0, 0, 0, .5)
    }
    .nFilter-label {
        padding-bottom: 14px
    }
    .nFilter-chk,
    .nFilter-chk label,
    .nFilter-chk label span,
    .nFilter-chk span,
    .nFilter-label,
    .nFilter-label label,
    .nFilter-label label span,
    .nFilter-label span,
    .nFilter-month,
    .nFilter-month label,
    .nFilter-month label span,
    .nFilter-month span,
    .nFilter-year,
    .nFilter-year label,
    .nFilter-year label span,
    .nFilter-year span {
        font-size: 14px
    }
    .nFilter-tags .nFilter-chk {
        margin-bottom: 4px
    }
    .nFilter-col--right {
        position: relative;
        width: auto;
        margin: 5px 0 0
    }
    .nFilter-showall {
        display: block;
        padding: 5px 0 0;
        position: relative;
        right: auto;
        top: auto
    }
    .nFilter-dates,
    .nFilter-tags .nFilter-sttmnt {
        padding-left: 5px
    }
    .nFilter-toggle {
        display: block;
        right: 0;
        top: 17px;
        font-size: 40px;
        font-weight: light;
        color: rgba(0, 0, 0, .2);
        cursor: pointer;
        z-index: 80;
        position: absolute
    }
    .nFilter-dates.is-active .nFilter-toggle i,
    .nFilter-tags.is-active .nFilter-toggle i,
    .nFilter-toggle i:last-child {
        display: none
    }
    .nFilter-dates,
    .nFilter-tags {
        overflow: hidden;
        max-height: 32px;
        transition: max-height .3s ease-out
    }
    .nFilter-dates .nFilter-sttmnt,
    .nFilter-tags .nFilter-sttmnt {
        opacity: 0;
        -o-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .nFilter-dates.is-active,
    .nFilter-tags.is-active {
        max-height: 300px
    }
    .nFilter-dates.is-active .nFilter-sttmnt,
    .nFilter-tags.is-active .nFilter-sttmnt {
        opacity: 1
    }
    .nFilter-dates.is-active .nFilter-toggle i:last-child,
    .nFilter-reset,
    .nFilter-tags.is-active .nFilter-toggle i:last-child,
    .nSingle-photo,
    .prod-col {
        display: block
    }
    .nFilter-dates {
        margin-left: -5px
    }
    .nFilter-reset {
        bottom: 0;
        right: 0;
        position: absolute;
        border: 0
    }
    .nFilter-reset a {
        text-decoration: none;
        color: #074da8;
        border-bottom: 1px dashed #7eb4fa
    }
    .nFilter-reset a:hover {
        color: #000;
        border-color: rgba(0, 0, 0, .5)
    }
    .nSingle-photo {
        float: none;
        width: auto;
        padding: 0 0 25px
    }
    .nSingle-photo img {
        max-width: 100%
    }
    .nSingle-content {
        font-size: 14px
    }
    .nSingle-content p {
        margin-bottom: 15px
    }
    .news-row {
        margin-right: 0
    }
    .media .grid-col,
    .media .grid-col--1,
    .media .grid-col--1+.grid-col--2,
    .media .grid-col--2 {
        width: 100%;
        display: block;
        max-width: 380px;
        margin: 0 auto 20px
    }
    .prod-col {
        padding-left: 0;
        padding-right: 0;
        position: relative;
        width: auto;
        min-height: 0
    }
    .proditem {
        max-width: 360px;
        margin: 0 auto
    }
    .prodsblock-for {
        padding: 15px 0 20px!important;
        font-size: 18px
    }
    .prodsblock-for b {
        margin-right: 30px
    }
    .proditem-showall {
        position: relative;
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s ease-out
    }
    .is-active .proditem-showall {
        max-height: 500px
    }
    .proditem-button {
        margin-top: 30px
    }
    .proditem-showlink {
        color: rgba(0, 0, 0, .5);
        display: inline-block;
        font-size: 12px;
        font-family: PFBeauSansPro, Arial, sans-serif;
        font-weight: 300;
        margin-top: 10px;
        cursor: pointer;
        border-bottom: 1px dashed rgba(0, 0, 0, .2)
    }
    .cGroupper-filters,
    .cGroupper-select .customSelect,
    .catalog-buttons .customSelect {
        display: block;
        width: auto
    }
    .proditem-showlink:hover {
        color: #000;
        border-color: rgba(0, 0, 0, .5)
    }
    .proditem-header {
        background: url(/local/templates/main-rosneft/css/../images/main/i-star.png) right 25px center no-repeat #272f39;
        background-size: 16px auto
    }
    .prod {
        padding-bottom: 50px
    }
    .prodsblock-more {
        max-width: 320px;
        width: 100%;
        text-align: center;
        margin: 0 auto
    }
    .prodsmore-select .customSelect {
        text-align: left
    }
    .bannersMain {
        padding: 0 0 50px
    }
    .banners-col {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px
    }
    .banners-col:last-child {
        padding: 0
    }
    .banners-row {
        padding: 0;
        max-width: 300px;
        margin: 0 auto
    }
    .banners-content {
        padding-top: 20px
    }
    .partners-logos {
        margin-left: 0
    }
    .partners-arrow.partners-arrow--left {
        left: 10px
    }
    .partners-arrow.partners-arrow--right {
        right: 10px
    }
    .partners-slider {
        padding: 0 55px
    }
    .asMain-content {
        margin: 0 -24px
    }
    .asSport-team {
        margin-left: 10px
    }
    .asSport-automobile {
        background-size: 40% auto;
        background-position: top right 15px
    }
    .partners-title {
        font-size: 20px
    }
    .partners-more {
        padding-top: 10px
    }
    .partners-text {
        position: relative;
        width: auto;
        text-align: center;
        max-width: 100%;
        padding-bottom: 25px
    }
    .cGroupper-select,
    .cGroupper-toggle {
        display: block;
        width: auto;
        margin: 0 0 10px
    }
    .cGroupper-title {
        font-size: 20px;
        line-height: 1.2em;
        padding-bottom: 10px
    }
    .catalog-buttons .button {
        margin-right: 0;
        min-width: 0
    }
    .catalog-buttons .customSelect {
        padding-left: 0;
        padding-right: 0;
        min-width: 0;
        text-align: center;
        margin-right: 0
    }
    .catalog-buttons .customSelect .customSelect-list {
        text-align: left
    }
    .catalog-buttons .customSelect-listtitle {
        text-align: center;
        padding-right: 18px
    }
    .cGroupper-filters {
        margin-right: 20px;
        padding-right: 0
    }
    .catalog-chk {
        background: 0 0;
        border-radius: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 12px
    }
    .catalog-chk .chk-left,
    .catalog-chk .chk-right {
        margin: 0 -4px 0 0;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        width: 39%;
        max-width: 130px
    }
    .catalog-chk .chk-chk {
        margin-right: 15px
    }
    .cFilter {
        margin-bottom: 30px
    }
    .cFilter-col {
        padding-right: 40px;
        padding-left: 15px
    }
    .cSecList,
    .ctlg .breadcrumbs-list {
        padding-left: 0
    }
    .cFilter-label,
    .cFilter-stmnt {
        position: relative;
        top: auto;
        left: auto;
        padding: 0;
        display: block;
        width: auto;
        margin: 0;
        max-width: 100%
    }
    .cFilter-toggle {
        display: block;
        right: 10px;
        top: 14px;
        font-size: 40px;
        font-weight: light;
        color: rgba(0, 0, 0, .2);
        cursor: pointer;
        z-index: 80;
        position: absolute
    }
    .cFilter-col.is-active .cFilter-toggle i,
    .cFilter-toggle i:last-child {
        display: none
    }
    .cFilter-stmnt {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height .3s, opacity .3s
    }
    .cFilter-col.is-active .cFilter-stmnt {
        max-height: 800px;
        opacity: 1
    }
    .cFilter-col.is-active .cFilter-toggle i:last-child {
        display: block
    }
    .product .breadcrumbs {
        display: none
    }
    .product .prod-col--1 {
        float: none;
        display: block;
        margin: 0 auto 30px;
        width: auto
    }
    .product .prod-col--2 {
        padding: 0;
        margin: 0 auto;
        display: block;
        width: auto;
        max-width: 100%
    }
    .product .prod-buttons,
    .product .prod-content h1,
    .product .prod-content h2 {
        display: none
    }
    .aCar-auto,
    .marketing .mFilter-arrows,
    .prod-mobile,
    .product .prod-addition,
    .sReview-title {
        display: block
    }
    .product .prod-addition {
        max-width: 320px;
        margin: 0 auto 50px;
        text-align: center
    }
    .product .prodsmore,
    .product .prodsnew {
        margin: 0 auto;
        width: auto;
        max-width: 100%;
        text-align: left
    }
    .cRow-products,
    .cSecListList .cRow-products {
        margin-left: 0
    }
    .product .prodsmore .customSelect-list,
    .product .prodsnew .customSelect-list {
        text-align: left
    }
    .product .prodsmore .customSelect-listtitle,
    .product .prodsnew .customSelect-listtitle,
    .sReview-meta,
    .sReview-title {
        text-align: center
    }
    .product .prodsmore {
        margin-top: 30px
    }
    .product .prodsnew {
        margin-right: auto!important
    }
    .product .prod-content {
        padding-right: 0
    }
    .catalog-cnt,
    .catalog-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .cRow-info,
    .cSector .cRow-info {
        width: auto;
        display: block;
        float: none;
        position: relative;
        padding: 0
    }
    .cSector .cRow-info {
        width: 95%
    }
    .cRow-title {
        font-size: 20px
    }
    .cRow-code {
        font-size: 24px;
        position: absolute;
        right: 0;
        top: 0
    }
    .aCar-auto,
    .sReview,
    .sReview-meta {
        position: relative
    }
    .cSecListList-hdr {
        font-size: 18px;
        padding: 20px 0 15px
    }
    .cSector .cRow-code {
        padding-top: 0
    }
    .cSector .cRow-arrow--right {
        right: 10px
    }
    .cSector-hdr {
        padding: 25px 0
    }
    .cSecList-hdr {
        padding: 15px 0
    }
    .cSector-title {
        padding-left: 0;
        font-size: 20px;
        padding-right: 45px
    }
    .cSector-title:before {
        right: 0;
        left: auto;
        width: 35px;
        height: 35px;
        font-size: 35px;
        line-height: 40px
    }
    .cSecList-title {
        font-size: 16px;
        line-height: 1.125em;
        padding-left: 0;
        padding-right: 30px
    }
    .cSecList-title:before {
        right: 0;
        left: auto;
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 25px
    }
    .cSector-row.is-active .cSector-title:before {
        line-height: 36px
    }
    .marketing .swiper-slide,
    .marketing .swiper-slide.grid-col--2 {
        min-width: 295px;
        width: 295px!important
    }
    .prAct--large .prAct-title {
        padding: 6px 10px;
        width: auto;
        right: -2px;
        box-sizing: border-box
    }
    .prAct-text,
    .prAct-title {
        padding-left: 15px;
        padding-right: 10px
    }
    .sReview-title {
        margin: 0 auto 20px
    }
    .sReview-meta {
        margin: 0 auto;
        float: none;
        width: 100%
    }
    .sReview-photo {
        width: 140px;
        margin: 0 auto
    }
    .sReview-photo img {
        width: 100%;
        height: auto
    }
    .sReview-info,
    .sReview-link {
        margin: 0 auto;
        width: auto;
        position: relative
    }
    .sReview-info {
        margin-top: 30px;
        padding-bottom: 15px
    }
    .newsAs-cnt .news-col {
        max-width: 380px;
        margin: 0 auto 20px
    }
    .newsAs-cnt .news-row:first-child {
        padding-top: 0
    }
    .newsAs-cnt {
        padding-right: 10px
    }
    .asport-hdr,
    .newsAs-hdr {
        padding-bottom: 30px
    }
    .asport-header .breadcrumbs {
        padding: 0 0 15px
    }
    .aCar-auto {
        bottom: auto;
        right: auto;
        margin: 0 auto -40px;
        width: auto;
        padding: 50px 0 0
    }
    .newsAs {
        padding-top: 40px
    }
    .asport:after {
        top: 400px
    }
    .aRes-tleft {
        width: 40%
    }
    .aRes-tright {
        width: 60%
    }
    .prod .prod-col--1 {
        float: none;
        max-width: 250px
    }
}

@media (max-width:540px) {
    h1 small,
    h2 small {
        white-space: nowrap
    }
    .mainmenu-dropdown {
        padding: 20px 0 0
    }
    .mDropdown-content {
        padding: 0
    }
    .mDropdown-ordinary {
        display: block
    }
    .mDropdown-col--1,
    .mDropdown-col--2,
    .mDropdown-col--3,
    .mDropdown-col--4 {
        width: 100%;
        padding-right: 0;
        display: block
    }
    .mainmenu-buy a {
        padding-right: 18px
    }
    .mainmenu-quest {
        padding: 0
    }
    .geo-map {
        min-height: 310px
    }
    #geomap {
        max-height: 311px
    }
    .geo-list {
        height: auto
    }
    .gMapInfo {
        margin-top: 310px;
        padding: 20px 20px 25px
    }
    .gMapInfo-row {
        margin-right: 40px
    }
    .gList-content {
        height: auto;
        max-height: 100000px
    }
    .gList-content .jspContainer {
        overflow: visible;
        position: relative;
        height: auto!important;
        max-height: 100000px!important
    }
    .gList-content .jspPane {
        position: relative;
        top: 0!important
    }
    .gList-content .jspVerticalBar {
        display: none!important
    }
    .cnt-list .gList-col,
    .gList-col {
        display: block;
        width: auto;
        margin: 0 auto 25px;
        padding: auto
    }
    .cnt-list {
        height: auto
    }
    .cnt-list .gList-content {
        height: auto;
        padding-bottom: 30px;
        margin-right: 0
    }
    .cnt-list .gList-col:hover:after {
        right: 5px
    }
    .cnt-print,
    .is-active .cnt-print {
        font-size: 0
    }
    .popup {
        left: 0;
        right: 0;
        width: auto;
        margin-left: auto!important;
        margin-right: auto!important;
        padding: 30px 10px
    }
    .popup-col,
    .popup-col--50,
    .popup-col--50:last-child {
        display: block;
        width: auto;
        margin: auto;
        padding: 0
    }
    .nFilter-showall,
    .popup-col--50:last-child {
        padding-top: 20px
    }
    .popup-row,
    .popup-row--b {
        padding-top: 20px;
        border: 0;
        padding-bottom: 0;
        margin: 0
    }
    .popup .form-textarea {
        min-height: 100px
    }
    .popup .form-chk,
    .popup .form-file,
    .popup-capcha,
    .popup-capchaField {
        display: block;
        width: auto;
        margin: 0 auto
    }
    .popup-capchaField {
        max-width: 100%
    }
    .popup .form-file,
    .popup-capcha {
        margin-bottom: 10px
    }
    .popup-capchaArrow {
        display: none
    }
    .popup-buttons {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
    .popup-buttons .button {
        width: 200px;
        margin-top: 10px
    }
    .nMain-photo {
        display: none
    }
    .nMain-photo--mob {
        display: block
    }
    .nMain-title {
        font-size: 20px;
        line-height: 24px
    }
    .nMain-date,
    .nMain-source {
        display: block;
        margin: 0 0 5px
    }
    .nQuote {
        padding: 20px
    }
    .nQuote p {
        margin-bottom: 15px
    }
    .nQuote-title {
        padding-bottom: 15px
    }
    .breadcrumbs-list {
        display: none
    }
    .nFilter-years {
        padding-bottom: 10px
    }
    .nSingle-quote {
        margin-top: 40px
    }
    .nMedia {
        padding-top: 5px
    }
    .partners {
        padding-bottom: 50px
    }
    .catalog .inside {
        padding-left: 10px;
        padding-right: 10px
    }
    .lpro .promoslider-content,
    .mrktng .promoslider-content {
        padding-left: 5px;
        margin-left: 0
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav {
        left: 22px!important;
        margin-left: 0!important;
        padding-left: 0!important
    }
    .marketing-hdr {
        padding-bottom: 30px
    }
    .marketing-hdr h1 {
        font-size: 22px
    }
    .marketing .mFilter-arrows {
        top: 5px
    }
    .mrktng .breadcrumbs {
        padding-top: 20px;
        padding-bottom: 0
    }
    .aRes-tleft {
        width: 90%
    }
    .aRes-tright {
        width: 10%
    }
    .aRes-arrow {
        display: none!important
    }
    .aRes-thdr {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .aRes-hdr {
        border: 0;
        padding-bottom: 0
    }
    .aRes-table {
        max-width: 320px;
        margin: 0 auto
    }
}

.prtshp-content p {
    font-size: 14px;
    line-height: 24px
}

@media (max-width:980px) {
    .action h4,
    .action-info p {
        margin-bottom: 10px
    }
    .action-image {
        width: 50%;
        padding-top: 15px
    }
    .action-info {
        margin-left: 50%;
        padding-top: 10px
    }
    .action-prise,
    .action-win {
        padding-top: 30px
    }
    .action-info h1,
    .action-info h2 {
        font-size: 36px
    }
    .action h4 {
        margin-top: 20px
    }
    .contentArea .prise ul li {
        padding-right: 2%
    }
    .action-win {
        margin-left: 0;
        margin-right: 0
    }
    .contentArea .action-win ul li {
        padding-left: 22px
    }
    .win-number {
        min-width: 15px;
        margin-left: -22px;
        display: inline-block
    }
}

@media (max-width:640px) {
    .action-info,
    .action-stmt {
        margin-left: 0;
        padding-top: 0;
        display: block;
        margin-top: 20px
    }
    .prise {
        margin-top: 30px;
        padding: 20px 25px 5px
    }
    .prise-conent,
    .prise-level {
        margin-bottom: 0!important
    }
    .action-prods {
        margin-top: 35px
    }
    .prise ul {
        margin-top: 10px!important;
        margin-bottom: 15px!important
    }
    .action-info h2 {
        display: none
    }
    .action-image {
        display: block;
        width: auto;
        float: none;
        max-width: 340px
    }
    .action-image img {
        max-width: 100%
    }
    .action-image h4 {
        display: block;
        margin-bottom: 15px
    }
    .action-cnt {
        padding-bottom: 15px;
        margin-bottom: 35px
    }
    .contentArea .action-win h4 {
        margin-bottom: 0
    }
    .contentArea .action-win ul {
        max-height: 0;
        overflow: hidden;
        display: block;
        transition: max-height .2s, margin .2s;
        margin-left: 0
    }
    .contentArea .action-win ul li {
        padding-left: 22px!important
    }
    .contentArea .action-win {
        padding: 15px 20px;
        cursor: pointer
    }
    .action-marketing {
        margin-top: 25px
    }
    .contentArea .action-win h4+ul.is-active {
        margin-top: 20px
    }
    .contentArea .action-win ul.is-active {
        max-height: 1000px
    }
    .action .inside,
    .action-marketing .inside {
        padding: 0 10px
    }
}

@media (min-width:720px) {
    .srchres-cnt,
    .srchres-hdr {
        padding: 0 20px
    }
    .srchres-form {
        margin: 0 -20px
    }
    .srchres-form .topSearch-input {
        font-size: 14px;
        font-family: 'Exo 2';
        font-weight: 600;
        color: #000
    }
    .srchres-form .topSearch-button {
        width: 200px;
        font-size: 16px;
        line-height: 45px;
        text-indent: 20px;
        font-family: 'Exo 2';
        color: #fff;
        background-position: 20px center
    }
}

.fct-cnt .nSingle-content>p,
.slctr-sectors {
    font-size: 16px
}

.prod-addition .prodsinf--short .customSelect,
.prodsinf--short .prodsmore-title {
    display: inline-block;
    margin-right: 10px;
    margin-top: 0!important
}

.banner-980 {
    display: block
}

.banner-300,
.banner-708 {
    display: none
}

.banner-300 {
    text-align: center
}

@media (max-width:980px) {
    .banner-980 {
        display: none
    }
    .banner-708 {
        display: block
    }
    .banner-300 {
        display: none
    }
}

@media (max-width:767px) {
    .banner-708,
    .banner-980 {
        display: none
    }
    .banner-300 {
        display: block
    }
}

@media (max-width:640px) {
    .fct-item,
    .fct-item--2 {
        width: 100%;
        display: block
    }
    .fct-items {
        max-width: 400px;
        display: block
    }
    .fctr--big .fctr-image {
        max-height: 220px
    }
    .fctr--big .fctr-title {
        font-size: 16px;
        line-height: 20px;
        font-family: PFBeauSansPro, Arial, sans-serif;
        color: #000;
        text-decoration: none;
        display: block;
        background: 0 0;
        padding: 0 0 15px!important;
        top: auto;
        left: auto;
        position: relative
    }
    .fctr--big .fctr-title:hover {
        color: #fdcf43;
        background: 0 0
    }
}

.sdTypes-title,
.slctr-sectors {
    font-family: 'Exo 2'
}

.slctr-sectors {
    position: absolute;
    right: 20px;
    top: 13px;
    color: #074da8
}

.slctr-sectors:hover {
    color: #fed02f
}

@media (max-width:880px) {
    .slctr-about,
    .slctr-group {
        padding-left: 0;
        margin-left: 0;
        margin-right: 0
    }
    .slctr-cnt,
    .slctr-col {
        padding-bottom: 20px
    }
    .slctr-sectors {
        right: 0
    }
    .slctr-col {
        width: 48%;
        padding-right: 2%;
        max-width: 320px;
        padding-top: 0
    }
    .slctr-group {
        margin-bottom: 30px;
        padding-right: 0
    }
    .slctr-col+.slctr-line {
        vertical-align: top;
        margin-top: 23px;
        width: 48%;
        margin-right: 0;
        padding-right: 2%;
        max-width: 320px
    }
    .slctr-col+.slctr-line .button {
        padding-left: 0;
        padding-right: 0;
        width: auto;
        display: block;
        text-align: center
    }
    .slctr-about {
        padding-right: 0
    }
    .slctr-about .button {
        display: block;
        max-width: 280px;
        margin-top: 20px;
        position: relative;
        right: auto;
        top: auto
    }
    .slctr-group+.slctr-col {
        z-index: 1000
    }
}

@media (max-width:760px) {
    .slctr-sectors {
        position: relative;
        display: block;
        right: auto
    }
}

@media (max-width:640px) {
    .slctr-sectors {
        position: relative;
        display: block;
        right: auto;
        top: auto
    }
    .slctr .cRow-category {
        padding-top: 15px
    }
    .slctr .cRow-code {
        bottom: -5px;
        top: auto
    }
    .slctr-row1>.slctr-header {
        font-size: 16px;
        padding: 20px 50px 20px 10px
    }
    .slctr-row1>.slctr-header:before {
        right: 10px;
        left: auto
    }
    .slctr-row2>.slctr-header {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 20px;
        font-family: 'Exo 2'
    }
    .slctr-row2 .slctr-content {
        padding-left: 0
    }
    .slctr-cnt .cRow {
        padding-left: 20px;
        padding-right: 20px
    }
    .slctr-col {
        display: block;
        width: auto;
        padding-right: 0;
        margin-right: auto;
        max-width: 100%
    }
    .slctr-info {
        padding: 25px 0 20px
    }
    .slctr-group {
        padding-bottom: 10px
    }
    .slctr-group+.slctr-col {
        margin-top: 20px
    }
    .slctr-line {
        display: block;
        width: auto!important;
        margin: 0 auto!important;
        padding: 0!important;
        max-width: 100%!important;
        text-align: center
    }
    .slctr-clear {
        margin: 25px auto 15px;
        display: inline-block
    }
    .slctr-call {
        text-align: left
    }
    .slctr-about .button {
        margin: 15px auto 0
    }
    .slctr-about {
        padding-top: 20px
    }
    .slctr-group+.slctr-col+.slctr-col {
        z-index: 96
    }
    .slctr-cnt:not(:empty) {
        margin-bottom: 30px
    }
}

.p404,
.prodstake,
.prtshp-content p,
.prtshp-text {
    font-family: PFBeauSansPro, Arial, arial, sans-serif
}

@media (max-width:700px) {
    .prod-addition--tablet .prodsmore-title {
        text-align: center!important
    }
}

@media (max-width:980px) {
    .nMain--massMedia .nMain-photo img {
        width: 30vw!important;
        height: auto;
        max-width: 230px
    }
}

@media (max-width:800px) {
    .nMain--massMedia .nMain-photo img {
        width: 25vw!important
    }
    .nMain--massMedia .nMain-photo {
        width: auto
    }
}

@media (max-width:640px) {
    .nMain--massMedia .nMain-photo img {
        display: none!important
    }
    .nMain--massMedia .nMain-photo.nMain-photo--mob img {
        display: block!important;
        width: auto!important;
        max-width: 100%
    }
}

@media (max-width:800px) {
    .mFilter {
        display: block
    }
    .mFilter-list {
        margin: 0;
        border-radius: 0
    }
    .mFilter-item {
        display: none;
        width: 100%
    }
    .mFilter-item.is-active {
        display: block;
        width: auto;
        margin-right: 86px;
        background: 0 0
    }
    .mFilter-item:after {
        display: none!important
    }
    .mFilter-link {
        background: 0 0!important;
        text-align: left;
        padding-left: 15px;
        height: 40px;
        line-height: 37px
    }
    .mFilter-link:after {
        display: none
    }
    .mFilter-arrows {
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -25px;
        z-index: 80;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none
    }
    .mFilter-arrow {
        border: 1px solid #fed02f;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin-right: 0;
        margin-left: 5px;
        background: url(/local/templates/main-rosneft/css/../images/inners/i-ar.png) center 10px no-repeat #fff;
        background-size: 5px 9px;
        width: 28px;
        height: 28px;
        cursor: pointer
    }
    .mFilter-arrow:hover {
        background-color: #fed02f
    }
    .mFilter-arrow.is-disabled,
    .mFilter-arrow.is-disabled:hover {
        opacity: .4;
        background-color: #fff;
        cursor: default;
        pointer-events: none
    }
    .mFilter-arrow--left {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        background-position: center 9px
    }
}

@media (max-width:720px) {
    .cnt h1,
    .cnt h1.is-mid-fs,
    h1,
    h1.is-mid-fs,
    h2,
    h2.is-mid-fs {
        font-size: 28px;
        padding-right: 0
    }
    .cnt h1 span,
    h1 small,
    h1 span,
    h2 small,
    h2 span {
        margin-right: 15px
    }
    h4 {
        font-size: 20px;
        line-height: 1.1em
    }
    .js-jumper-column,
    .js-jumper-column.is-animating {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        transition: none
    }
    .prod-proditem {
        margin-top: 0
    }
    .promoslider-content {
        max-width: 320px;
        margin: 0 auto;
        padding: 50px 0 0
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav,
    .promoslider-nav {
        max-width: 320px;
        left: 50%;
        margin-left: -165px
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav {
        padding-left: 27px
    }
    .promoslider-arrow {
        display: none
    }
    .prod-col--2,
    .product .prod-col--1 {
        vertical-align: top
    }
    .promoslider,
    .promoslider-slide {
        height: 360px
    }
    .promoslider .fotorama__html,
    .promoslider .fotorama__stage,
    .promoslider .fotorama__stage__shaft,
    .promoslider .fotorama__wrap {
        height: 360px!important
    }
    .promoslider-title {
        font-size: 22px;
        line-height: 1.182em
    }
    .promoslider-text {
        font-size: 16px;
        line-height: 1.625em
    }
    .prod-col--1 {
        position: relative;
        width: 33%;
        padding-right: 5%;
        padding-top: 40px
    }
    .prod-col--2 {
        margin-left: 0;
        display: inline-block;
        margin-right: -4px;
        width: 61%
    }
    .prod-content {
        padding-top: 45px
    }
    .proditem-content {
        padding: 20px
    }
    .proditem-photo img {
        max-width: 100%;
        height: auto
    }
    .proditem-header {
        padding-left: 20px;
        padding-right: 20px;
        background-image: none
    }
    .footer-content {
        padding: 40px 0 0
    }
    .footer-col--tablet {
        display: none
    }
    .footer-row:last-child {
        margin-top: 10px
    }
    .footer-col--1 {
        width: 40%;
        padding-left: 10%;
        padding-right: 0
    }
    .footer-col--4 {
        width: 50%;
        padding-right: 0
    }
    .footer-search {
        max-width: 250px
    }
    .footer-left,
    .footer-right {
        display: block;
        width: auto;
        text-align: center;
        margin: 0 auto;
        padding: 0
    }
    .footer-right {
        padding-top: 15px
    }
    .footer-right:before {
        display: none
    }
    .gFilter-itemSeparator,
    .geo-chk {
        display: block
    }
    footer {
        height: 430px;
        margin-top: -430px
    }
    .footer .mDropdown-close {
        right: 5px;
        top: -20px
    }
    #wrap {
        padding-bottom: 430px
    }
    .footer .mDropdown-content {
        margin-top: 0
    }
    .breadcrumbs-list,
    .geo-header {
        padding: 0
    }
    .breadcrumbs {
        padding: 25px 0 15px
    }
    .geo-header h2 {
        padding-right: 0
    }
    .geo-chk {
        position: relative;
        background: 0 0;
        top: auto;
        margin: 20px 0 0;
        padding: 0;
        left: auto;
        right: auto
    }
    .geo-chk .chk-left {
        margin-left: 0
    }
    .gFilter {
        padding-top: 15px;
        padding-bottom: 25px
    }
    .gFilter-item {
        margin-bottom: 10px
    }
    .gSelect-list {
        width: 100%;
        top: 5px
    }
    .gFilter-item,
    .gFilter-select {
        position: static
    }
    .aRes-filter,
    .asMain-col,
    .cnt-chk {
        position: relative
    }
    .gTabs,
    .gTabs-active {
        border-radius: 0
    }
    .geo-map {
        min-height: 350px
    }
    #geomap {
        max-height: 351px
    }
    .gList-addresses {
        padding-left: 0
    }
    .gMap-balloon,
    .geo-map [class~=balloon_layout_panel],
    .ymaps-2-1-38-balloon {
        display: none!important
    }
    .gMapInfo {
        margin-top: 350px
    }
    .popup {
        left: 10px;
        right: 10px;
        width: auto;
        margin-left: auto!important;
        margin-right: auto!important;
        padding: 30px 20px
    }
    .nMain,
    .news-cnt,
    .news-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .nMain-photo {
        width: 240px;
        padding-right: 20px
    }
    .nMain-photo img {
        width: 100%;
        height: auto
    }
    .news-more,
    .news-row:last-child {
        margin-bottom: 20px
    }
    .news-row:last-child {
        padding-top: 30px
    }
    .nFilter {
        margin-bottom: 40px
    }
    .nMain {
        padding-bottom: 30px
    }
    .nQuote {
        padding: 30px 25px 25px
    }
    .nSingle-item {
        padding-bottom: 40px
    }
    .news-sectionTitle {
        padding-bottom: 15px
    }
    .nSingle .news-row:last-child {
        padding-top: 0
    }
    .news-col,
    .news-col--33 {
        width: 50%
    }
    .cnt-header {
        padding-left: 0;
        padding-right: 0
    }
    .cnt-chk {
        display: block;
        background: 0 0;
        top: auto;
        margin: 20px 0 0;
        padding: 0;
        left: auto;
        right: auto
    }
    .cnt-button,
    .cnt-print {
        display: none
    }
    .cnt-chk .chk-left {
        margin-left: 0
    }
    .cnt-map {
        height: 350px
    }
    .cnt-zoom,
    geo-zoom {
        right: 20px
    }
    .cnt-zoom .gZoom-print,
    geo-zoom .gZoom-print {
        top: -100px
    }
    .cnt-info {
        top: 460px;
        left: 0;
        width: auto;
        right: 0;
        z-index: 555;
        margin: 0 auto;
        bottom: auto;
        background: #fff;
        padding-left: 20px;
        padding-right: 20px
    }
    .cnt-infoContent .cMapInfo {
        width: 90%;
        max-width: 90%
    }
    .cMapInfo-row {
        padding-right: 50px
    }
    .cnt-list.is-active {
        margin-bottom: -405px
    }
    .cnt {
        padding-bottom: 450px
    }
    .cnt-info.is-active {
        padding-left: 20px;
        padding-right: 20px
    }
    .asMain {
        padding-bottom: 20px
    }
    .asMain-col {
        display: block;
        margin: 0 auto;
        max-width: 420px
    }
    .asMain-col--2 {
        margin: 60px auto 40px
    }
    .asSport {
        margin-right: 0
    }
    .asSport-text {
        right: 0
    }
    .asSport-team {
        margin-left: 20px
    }
    .partners-text {
        width: 33%;
        padding: 35px 25px
    }
    .partners-logos {
        margin-left: 210px
    }
    .partners-arrow.partners-arrow--left {
        left: 15px
    }
    .partners-arrow.partners-arrow--right {
        right: 15px
    }
    .newsMain .news-content {
        padding-top: 0
    }
    .catalog-info {
        padding-top: 15px;
        font-size: 18px;
        line-height: 1.5556em
    }
    .catalog-buttons {
        max-width: 320px;
        margin: 0 auto
    }
    .catalog-buttons .button,
    .catalog-buttons .customSelect {
        display: block;
        margin-right: 0
    }
    .catalog-buttons .button {
        width: auto;
        min-width: 0
    }
    .cFor,
    .cGroupper:after {
        display: none
    }
    .cGroupper {
        padding-bottom: 0;
        border: 0
    }
    .cGroupper-filters {
        padding-top: 5px
    }
    .catalog-mobileFor {
        display: block
    }
    .catalog-mobileFor .prodsblock-list {
        margin: 20px 0
    }
    .cHdr {
        padding: 15px 0;
        font-size: 20px;
        line-height: 1.4em
    }
    .cHdr-title {
        margin-right: 60px
    }
    .cHdr-logo {
        top: 5px;
        margin: 0;
        bottom: 5px;
        height: auto
    }
    .cHdr-logo img {
        height: 100%;
        width: auto;
        display: block;
        margin: auto
    }
    .catalog-cnt,
    .catalog-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .ctlg .breadcrumbs-list {
        padding-left: 0
    }
    .product+.banners {
        display: none
    }
    .product .prod-col--1 {
        width: 34%;
        margin: auto -4px auto auto;
        top: auto;
        left: auto;
        float: none;
        padding-left: 0;
        padding-right: 0;
        display: inline-block
    }
    .product .prod-col--1 .prod-mobile {
        padding-bottom: 20px
    }
    .product .prod-col--2 {
        width: 62%;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        padding-left: 4%;
        padding-right: 0;
        margin: auto auto auto 0
    }
    .product .prod-addition {
        margin-bottom: 60px
    }
    .product .prodsmore {
        margin-top: 30px
    }
    .product .prod-mobile {
        max-width: 360px;
        margin: 0 auto
    }
    .product .prod-mobile .prod-buttons {
        padding: 0;
        margin: 15px auto 30px;
        display: block
    }
    .product .prod-mobile .button {
        display: block;
        text-align: center;
        margin: 0 auto 15px;
        max-width: 200px
    }
    .product .prod-mobile h1 {
        font-size: 22px;
        line-height: 1.3em;
        width: auto;
        max-width: 100%
    }
    .product .prod-mobile h2 {
        width: auto;
        max-width: 100%;
        line-height: 1.4em;
        font-size: 18px;
        padding: 0
    }
    .product .prod-mobile h2 small {
        padding: 0;
        font-size: 14px
    }
    .product .prod-mobile h2 span {
        padding: 0;
        margin: 0 0 -5px;
        font-size: 20px;
        display: block;
        width: auto;
        max-width: 100%
    }
    .is-ready .cSector,
    .sReview-title {
        margin-bottom: 20px
    }
    .cRow-info {
        width: 190px
    }
    .cRow-products {
        margin-left: 180px
    }
    .cRow-title {
        font-size: 16px
    }
    .cRow-code {
        font-size: 20px
    }
    .cProds .cRow-arrow.cRow-arrow--left,
    .cProds:before {
        left: 0
    }
    .catalog.is-ready+.banners {
        margin-top: -21px
    }
    .cFilter-stmnt .fchk {
        padding-top: 7px;
        display: block
    }
    .cFilter-col--3 .cFilter-stmnt .fchk {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
        width: 33%;
        box-sizing: border-box
    }
    .marketing-cnt,
    .marketing-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .sReview {
        padding: 25px 25px 20px
    }
    .sReview-title,
    .sReviews {
        padding-bottom: 0
    }
    .aRes-filter {
        width: auto;
        right: auto;
        top: auto;
        text-align: left
    }
    .aFilter-toggle .chk {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:640px) {
    .cFilter-toggle i,
    .nFilter-toggle i {
        font-style: normal
    }
    .header-contacts {
        top: 11px;
        right: 55px
    }
    .header-customs {
        right: 0
    }
    .mainmenu-buy,
    .mainmenu-quest {
        padding-right: 22px;
        margin-top: 19px;
        padding-left: 1px
    }
    .mainmenu-quest {
        margin: 0;
        height: 57px;
        width: 40px;
        padding: 0 2px;
        text-align: center
    }
    .mainmenu-quest:after {
        margin-top: -6px
    }
    .mainmenu-quest i {
        margin: 18px auto 0
    }
    .topContacts-row {
        margin-right: 8px;
        margin-left: 6px
    }
    .mSearch-field {
        overflow: hidden;
        top: 0;
        bottom: 0;
        margin-right: 5px!important;
        padding-right: 0;
        position: absolute;
        z-index: 55;
        width: 45px;
        right: -5px;
        left: auto;
        transition: transform .2s, background .2s, width .2s
    }
    .mSearch-field input {
        opacity: 0;
        width: 100%;
        -o-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        cursor: pointer;
        margin-top: -20px;
        height: 56px;
        margin-left: 5px
    }
    .is-active .mSearch-field {
        width: 210px;
        background: #fed02f;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    .is-active .mSearch-field input {
        opacity: 1;
        cursor: text;
        margin-top: auto;
        height: auto;
        margin-left: 0
    }
    .is-active .mSearch-button {
        z-index: 60
    }
    .mainmenu-quest a {
        display: none
    }
    .mainmenu-search {
        margin-top: 8px;
        margin-left: 0;
        margin-right: 6px
    }
    .mainmenu-mobile {
        right: 0
    }
    .mainmenu-buy {
        margin-left: 0
    }
    .header .customSelect-val {
        font-size: 12px;
        opacity: .5;
        font-weight: 500;
        margin-right: -8px
    }
    .mainmenu-dropdown {
        padding: 20px 0 0
    }
    .mDropdown-tablet {
        display: none
    }
    .mDropdown-content {
        padding: 10px 0 0 10px
    }
    .mDropdown-ordinary {
        display: block
    }
    .mDropdown-col--1,
    .mDropdown-col--2,
    .mDropdown-col--3,
    .mDropdown-col--4 {
        width: 48%;
        padding-right: 2%
    }
    .footer-col--1 {
        display: block;
        padding: 0;
        margin: 0 auto;
        width: 170px
    }
    .footer-col--4 {
        display: none
    }
    .footer-logo {
        padding-top: 0;
        padding-bottom: 100px
    }
    .footer-wholesite {
        position: absolute;
        bottom: 0;
        z-index: 55
    }
    .footer .mDropdown-col {
        display: block;
        width: auto;
        position: relative;
        text-align: center
    }
    .footer .mDropdown-item {
        display: none
    }
    .footer .mDropdown-list,
    .footer .mDropdown-list li {
        padding: 0
    }
    .footer .mDropdown-title {
        padding: 10px 0
    }
    .footer .mDropdown-ordinary {
        padding-top: 30px
    }
    .footer .mDropdown-close {
        right: 10px;
        top: -10px
    }
    .news-col,
    .news-col--33,
    .news-col--50 {
        width: 100%;
        display: block;
        margin: 0 auto 35px
    }
    .nItem {
        padding-right: 0;
        margin-bottom: 0
    }
    .nItem-image,
    .news-col--50 .nItem-image {
        width: 60px
    }
    .nItem-image+.nItem-content,
    .news-col--50 .nItem-image+.nItem-content {
        margin-left: 75px
    }
    .nMain {
        padding-bottom: 15px
    }
    .nFilter-row {
        padding: 5px 0;
        margin: 0
    }
    .nFilter {
        padding: 0 15px 15px;
        margin-top: 10px
    }
    .nFilter-col--left,
    .nFilter-label {
        position: relative;
        width: auto;
        font-size: 14px;
        color: rgba(0, 0, 0, .5)
    }
    .nFilter-label {
        padding-bottom: 14px
    }
    .nFilter-chk,
    .nFilter-chk label,
    .nFilter-chk label span,
    .nFilter-chk span,
    .nFilter-label,
    .nFilter-label label,
    .nFilter-label label span,
    .nFilter-label span,
    .nFilter-month,
    .nFilter-month label,
    .nFilter-month label span,
    .nFilter-month span,
    .nFilter-year,
    .nFilter-year label,
    .nFilter-year label span,
    .nFilter-year span {
        font-size: 14px
    }
    .nFilter-tags .nFilter-chk {
        margin-bottom: 4px
    }
    .nFilter-col--right {
        position: relative;
        width: auto;
        margin: 5px 0 0
    }
    .nFilter-showall {
        display: block;
        padding: 5px 0 0;
        position: relative;
        right: auto;
        top: auto
    }
    .nFilter-dates,
    .nFilter-tags .nFilter-sttmnt {
        padding-left: 5px
    }
    .nFilter-toggle {
        display: block;
        right: 0;
        top: 17px;
        font-size: 40px;
        font-weight: light;
        color: rgba(0, 0, 0, .2);
        cursor: pointer;
        z-index: 80;
        position: absolute
    }
    .nFilter-dates.is-active .nFilter-toggle i,
    .nFilter-tags.is-active .nFilter-toggle i,
    .nFilter-toggle i:last-child {
        display: none
    }
    .nFilter-dates,
    .nFilter-tags {
        overflow: hidden;
        max-height: 32px;
        transition: max-height .3s ease-out
    }
    .nFilter-dates .nFilter-sttmnt,
    .nFilter-tags .nFilter-sttmnt {
        opacity: 0;
        -o-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .nFilter-dates.is-active,
    .nFilter-tags.is-active {
        max-height: 300px
    }
    .nFilter-dates.is-active .nFilter-sttmnt,
    .nFilter-tags.is-active .nFilter-sttmnt {
        opacity: 1
    }
    .nFilter-dates.is-active .nFilter-toggle i:last-child,
    .nFilter-reset,
    .nFilter-tags.is-active .nFilter-toggle i:last-child,
    .nSingle-photo,
    .prod-col {
        display: block
    }
    .nFilter-dates {
        margin-left: -5px
    }
    .nFilter-reset {
        bottom: 0;
        right: 0;
        position: absolute;
        border: 0
    }
    .nFilter-reset a {
        text-decoration: none;
        color: #074da8;
        border-bottom: 1px dashed #7eb4fa
    }
    .nFilter-reset a:hover {
        color: #000;
        border-color: rgba(0, 0, 0, .5)
    }
    .nSingle-photo {
        float: none;
        width: auto;
        padding: 0 0 25px
    }
    .nSingle-photo img {
        max-width: 100%
    }
    .nSingle-content {
        font-size: 14px
    }
    .nSingle-content p {
        margin-bottom: 15px
    }
    .news-row {
        margin-right: 0
    }
    .media .grid-col,
    .media .grid-col--1,
    .media .grid-col--1+.grid-col--2,
    .media .grid-col--2 {
        width: 100%;
        display: block;
        max-width: 380px;
        margin: 0 auto 20px
    }
    .prod-col {
        padding-left: 0;
        padding-right: 0;
        position: relative;
        width: auto;
        min-height: 0
    }
    .proditem {
        max-width: 360px;
        margin: 0 auto
    }
    .prodsblock-for {
        padding: 15px 0 20px!important;
        font-size: 18px
    }
    .prodsblock-for b {
        margin-right: 30px
    }
    .proditem-showall {
        position: relative;
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s ease-out
    }
    .is-active .proditem-showall {
        max-height: 500px
    }
    .proditem-button {
        margin-top: 30px
    }
    .proditem-showlink {
        color: rgba(0, 0, 0, .5);
        display: inline-block;
        font-size: 12px;
        font-family: PFBeauSansPro, Arial, arial, sans-serif;
        font-weight: 300;
        margin-top: 10px;
        cursor: pointer;
        border-bottom: 1px dashed rgba(0, 0, 0, .2)
    }
    .cGroupper-filters,
    .cGroupper-select .customSelect,
    .catalog-buttons .customSelect {
        display: block;
        width: auto
    }
    .proditem-showlink:hover {
        color: #000;
        border-color: rgba(0, 0, 0, .5)
    }
    .proditem-header {
        background: url(/local/templates/main-rosneft/css/../images/main/i-star.png) right 25px center no-repeat #272f39;
        background-size: 16px auto
    }
    .prod {
        padding-bottom: 50px
    }
    .prodsblock-more {
        max-width: 320px;
        width: 100%;
        text-align: center;
        margin: 0 auto
    }
    .prodsmore-select .customSelect {
        text-align: left
    }
    .bannersMain {
        padding: 0 0 50px
    }
    .banners-col {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px
    }
    .banners-col:last-child {
        padding: 0
    }
    .banners-row {
        padding: 0;
        max-width: 300px;
        margin: 0 auto
    }
    .banners-content {
        padding-top: 20px
    }
    .partners-logos {
        margin-left: 0
    }
    .partners-arrow.partners-arrow--left {
        left: 10px
    }
    .partners-arrow.partners-arrow--right {
        right: 10px
    }
    .partners-slider {
        padding: 0 55px
    }
    .asMain-content {
        margin: 0 -24px
    }
    .asSport-team {
        margin-left: 10px
    }
    .asSport-automobile {
        background-size: 40% auto;
        background-position: top right 15px
    }
    .partners-title {
        font-size: 20px
    }
    .partners-more {
        padding-top: 10px
    }
    .partners-text {
        position: relative;
        width: auto;
        text-align: center;
        max-width: 100%;
        padding-bottom: 25px
    }
    .cGroupper-select,
    .cGroupper-toggle {
        display: block;
        width: auto;
        margin: 0 0 10px
    }
    .cGroupper-title {
        font-size: 20px;
        line-height: 1.2em;
        padding-bottom: 10px
    }
    .catalog-buttons .button {
        margin-right: 0;
        min-width: 0
    }
    .catalog-buttons .customSelect {
        padding-left: 0;
        padding-right: 0;
        min-width: 0;
        text-align: center;
        margin-right: 0
    }
    .catalog-buttons .customSelect .customSelect-list {
        text-align: left
    }
    .catalog-buttons .customSelect-listtitle {
        text-align: center;
        padding-right: 18px
    }
    .cGroupper-filters {
        margin-right: 20px;
        padding-right: 0
    }
    .catalog-chk {
        background: 0 0;
        border-radius: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 12px
    }
    .catalog-chk .chk-left,
    .catalog-chk .chk-right {
        margin: 0 -4px 0 0;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        width: 39%;
        max-width: 130px
    }
    .catalog-chk .chk-chk {
        margin-right: 15px
    }
    .cFilter {
        margin-bottom: 30px
    }
    .cFilter-col {
        padding-right: 40px;
        padding-left: 15px
    }
    .cSecList,
    .ctlg .breadcrumbs-list {
        padding-left: 0
    }
    .cFilter-label,
    .cFilter-stmnt {
        position: relative;
        top: auto;
        left: auto;
        padding: 0;
        display: block;
        width: auto;
        margin: 0;
        max-width: 100%
    }
    .cFilter-toggle {
        display: block;
        right: 10px;
        top: 14px;
        font-size: 40px;
        font-weight: light;
        color: rgba(0, 0, 0, .2);
        cursor: pointer;
        z-index: 80;
        position: absolute
    }
    .cFilter-col.is-active .cFilter-toggle i,
    .cFilter-toggle i:last-child {
        display: none
    }
    .cFilter-stmnt {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height .3s, opacity .3s
    }
    .cFilter-col.is-active .cFilter-stmnt {
        max-height: 800px;
        opacity: 1
    }
    .cFilter-col.is-active .cFilter-toggle i:last-child {
        display: block
    }
    .product .breadcrumbs {
        display: none
    }
    .product .prod-col--1 {
        float: none;
        display: block;
        margin: 0 auto 30px;
        width: auto
    }
    .product .prod-col--2 {
        padding: 0;
        margin: 0 auto;
        display: block;
        width: auto;
        max-width: 100%
    }
    .product .prod-buttons,
    .product .prod-content h1,
    .product .prod-content h2 {
        display: none
    }
    .aCar-auto,
    .marketing .mFilter-arrows,
    .prod-mobile,
    .product .prod-addition,
    .sReview-title {
        display: block
    }
    .product .prod-addition {
        max-width: 320px;
        margin: 0 auto 50px;
        text-align: center
    }
    .product .prodsmore,
    .product .prodsnew {
        margin: 0 auto;
        width: auto;
        max-width: 100%;
        text-align: left
    }
    .cRow-products,
    .cSecListList .cRow-products {
        margin-left: 0
    }
    .product .prodsmore .customSelect-list,
    .product .prodsnew .customSelect-list {
        text-align: left
    }
    .product .prodsmore .customSelect-listtitle,
    .product .prodsnew .customSelect-listtitle,
    .sReview-meta,
    .sReview-title {
        text-align: center
    }
    .product .prodsmore {
        margin-top: 30px
    }
    .product .prodsnew {
        margin-right: auto!important
    }
    .product .prod-content {
        padding-right: 0
    }
    .catalog-cnt,
    .catalog-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .cRow-info,
    .cSector .cRow-info {
        width: auto;
        display: block;
        float: none;
        position: relative;
        padding: 0
    }
    .cSector .cRow-info {
        width: 95%
    }
    .cRow-title {
        font-size: 20px
    }
    .cRow-code {
        font-size: 24px;
        position: absolute;
        right: 0;
        top: 0
    }
    .aCar-auto,
    .sReview,
    .sReview-meta {
        position: relative
    }
    .cSecListList-hdr {
        font-size: 18px;
        padding: 20px 0 15px
    }
    .cSector .cRow-code {
        padding-top: 0
    }
    .cSector .cRow-arrow--right {
        right: 10px
    }
    .cSector-hdr {
        padding: 25px 0
    }
    .cSecList-hdr {
        padding: 15px 0
    }
    .cSector-title {
        padding-left: 0;
        font-size: 20px;
        padding-right: 45px
    }
    .cSector-title:before {
        right: 0;
        left: auto;
        width: 35px;
        height: 35px;
        font-size: 35px;
        line-height: 40px
    }
    .cSecList-title {
        font-size: 16px;
        line-height: 1.125em;
        padding-left: 0;
        padding-right: 30px
    }
    .cSecList-title:before {
        right: 0;
        left: auto;
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 25px
    }
    .cSector-row.is-active .cSector-title:before {
        line-height: 36px
    }
    .marketing .swiper-slide,
    .marketing .swiper-slide.grid-col--2 {
        min-width: 295px;
        width: 295px!important
    }
    .prAct--large .prAct-title {
        padding: 6px 10px;
        width: auto;
        right: -2px;
        box-sizing: border-box
    }
    .prAct-text,
    .prAct-title {
        padding-left: 15px;
        padding-right: 10px
    }
    .sReview-title {
        margin: 0 auto 20px
    }
    .sReview-meta {
        margin: 0 auto;
        float: none;
        width: 100%
    }
    .sReview-photo {
        width: 140px;
        margin: 0 auto
    }
    .sReview-photo img {
        width: 100%;
        height: auto
    }
    .sReview-info,
    .sReview-link {
        margin: 0 auto;
        width: auto;
        position: relative
    }
    .sReview-info {
        margin-top: 30px;
        padding-bottom: 15px
    }
    .newsAs-cnt .news-col {
        max-width: 380px;
        margin: 0 auto 20px
    }
    .newsAs-cnt .news-row:first-child {
        padding-top: 0
    }
    .newsAs-cnt {
        padding-right: 10px
    }
    .asport-hdr,
    .newsAs-hdr {
        padding-bottom: 30px
    }
    .asport-header .breadcrumbs {
        padding: 0 0 15px
    }
    .aCar-auto {
        bottom: auto;
        right: auto;
        margin: 0 auto -40px;
        width: auto;
        padding: 50px 0 0
    }
    .newsAs {
        padding-top: 40px
    }
    .asport:after {
        top: 400px
    }
    .aRes-tleft {
        width: 40%
    }
    .aRes-tright {
        width: 60%
    }
}

.js-popup-feedback-fake-to-show,
.p404 {
    text-align: center
}

@media (max-width:540px) {
    h1 small,
    h2 small {
        white-space: nowrap
    }
    .mainmenu-dropdown {
        padding: 20px 0 0
    }
    .mDropdown-content {
        padding: 0
    }
    .mDropdown-ordinary {
        display: block
    }
    .mDropdown-col--1,
    .mDropdown-col--2,
    .mDropdown-col--3,
    .mDropdown-col--4 {
        width: 100%;
        padding-right: 0;
        display: block
    }
    .mainmenu-buy a {
        padding-right: 18px
    }
    .mainmenu-quest {
        padding: 0
    }
    .geo-map {
        min-height: 310px
    }
    #geomap {
        max-height: 311px
    }
    .geo-list {
        height: auto
    }
    .gMapInfo {
        margin-top: 310px;
        padding: 20px 20px 25px
    }
    .gMapInfo-row {
        margin-right: 40px
    }
    .gList-content {
        height: auto;
        max-height: 100000px
    }
    .gList-content .jspContainer {
        overflow: visible;
        position: relative;
        height: auto!important;
        max-height: 100000px!important
    }
    .gList-content .jspPane {
        position: relative;
        top: 0!important
    }
    .gList-content .jspVerticalBar {
        display: none!important
    }
    .cnt-list .gList-col,
    .gList-col {
        display: block;
        width: auto;
        margin: 0 auto 25px;
        padding: auto
    }
    .cnt-list {
        height: auto
    }
    .cnt-list .gList-content {
        height: auto;
        padding-bottom: 30px;
        margin-right: 0
    }
    .cnt-list .gList-col:hover:after {
        right: 5px
    }
    .cnt-print,
    .is-active .cnt-print {
        font-size: 0
    }
    .popup {
        left: 0;
        right: 0;
        width: auto;
        margin-left: auto!important;
        margin-right: auto!important;
        padding: 30px 10px
    }
    .popup-col,
    .popup-col--50,
    .popup-col--50:last-child {
        display: block;
        width: auto;
        margin: auto;
        padding: 0
    }
    .nFilter-showall,
    .popup-col--50:last-child {
        padding-top: 20px
    }
    .popup-row,
    .popup-row--b {
        padding-top: 20px;
        border: 0;
        padding-bottom: 0;
        margin: 0
    }
    .popup .form-textarea {
        min-height: 100px
    }
    .popup .form-chk,
    .popup .form-file,
    .popup-capcha,
    .popup-capchaField {
        display: block;
        width: auto;
        margin: 0 auto
    }
    .popup-capchaField {
        max-width: 100%
    }
    .popup .form-file,
    .popup-capcha {
        margin-bottom: 10px
    }
    .popup-capchaArrow {
        display: none
    }
    .popup-buttons {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
    .popup-buttons .button {
        width: 200px;
        margin-top: 10px
    }
    .nMain-photo {
        display: none
    }
    .nMain-date,
    .nMain-photo--mob {
        display: block
    }
    .nMain-title {
        font-size: 20px;
        line-height: 24px
    }
    .nMain-date {
        margin: 0 0 5px
    }
    .nQuote {
        padding: 20px
    }
    .nQuote p {
        margin-bottom: 15px
    }
    .nQuote-title {
        padding-bottom: 15px
    }
    .breadcrumbs-list {
        display: none
    }
    .nFilter-years {
        padding-bottom: 10px
    }
    .nSingle-quote {
        margin-top: 40px
    }
    .nMedia {
        padding-top: 5px
    }
    .partners {
        padding-bottom: 50px
    }
    .catalog .inside {
        padding-left: 10px;
        padding-right: 10px
    }
    .lpro .promoslider-content,
    .mrktng .promoslider-content {
        padding-left: 5px;
        margin-left: 0
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav {
        left: 22px!important;
        margin-left: 0!important;
        padding-left: 0!important
    }
    .marketing-hdr {
        padding-bottom: 30px
    }
    .marketing-hdr h1 {
        font-size: 22px
    }
    .marketing .mFilter-arrows {
        top: 5px
    }
    .mrktng .breadcrumbs {
        padding-top: 20px;
        padding-bottom: 0
    }
    .aRes-tleft {
        width: 90%
    }
    .aRes-tright {
        width: 10%
    }
    .aRes-arrow {
        display: none!important
    }
    .aRes-thdr {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .aRes-hdr {
        border: 0;
        padding-bottom: 0
    }
    .aRes-table {
        max-width: 320px;
        margin: 0 auto
    }
}

@media (max-width:420px) {
    .asSport-team {
        margin-left: auto;
        max-width: 300px
    }
}

@media (max-width:370px) {
    .promoslider-nav {
        margin: 0;
        left: 20px
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav {
        left: 20px
    }
}

.p404 {
    position: relative;
    padding: 60px 0 100px;
    font-size: 24px
}

.p404-text {
    padding: 60px 0 0;
    font-weight: 300
}

.p404-image {
    max-width: 500px;
    margin: 0 auto
}

.p404-image img {
    max-width: 100%;
    height: auto
}

@media (max-width:980px) {
    .p404 {
        padding: 45px 0 50px
    }
    .p404-image {
        max-width: 430px
    }
    .p404-text {
        padding-top: 50px
    }
}

@media (max-width:768px) {
    .p404 {
        padding: 40px 0 50px
    }
    .p404-image {
        max-width: 300px;
        width: 100%
    }
    .p404-text {
        font-size: 18px;
        padding-top: 25px;
        line-height: 24px
    }
}

.js-popup-feedback-fake-to-show,
.js-popup-feedback-hidden {
    display: none
}

.popup-row--last {
    margin-top: 35px
}

@media (max-width:540px) {
    .popup-row--last {
        margin-top: 20px
    }
}

.popup-row--bt {
    border-top: 1px solid #dadada
}

.popup-disclaim {
    position: absolute;
    right: 0
}

.field--required {
    border-color: red
}

@media(max-width:620px) {
    .popup-formset {
        border-top: 1px solid #dadada;
        margin-top: 25px
    }
}

.popup .is-active .customSelect-arrow {
    -webkit-transform: rotate(180deg) translateX(-4px);
    transform: rotate(180deg) translateX(-4px)
}

.popup .customSelect-arrow {
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s
}

.nSingle-table {
    position: relative
}

.nSingle-table:after,
.nSingle-table:before {
    position: absolute;
    bottom: 20px;
    width: 30px;
    z-index: 80;
    -webkit-transition: opacity .2s;
    content: ' ';
    top: 0;
    display: block
}

.nSingle-table:before {
    left: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    transition: opacity .2s
}

.nSingle-table:after {
    right: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    transition: opacity .2s
}

.prtshp,
.prtshp-content,
.prtshp-image,
.prtshp-media {
    position: relative
}

.nSingle-table.is-at-left:before,
.nSingle-table.is-at-right:after {
    opacity: 0
}

.nSingle-table .jspHorizontalBar {
    height: 5px;
    background: 0 0
}

.nSingle-table .jspTrack {
    background: #f4f7f8;
    border-radius: 5px
}

.nSingle-table .jspDrag {
    background: #dee6e9
}

.nQuote-table table,
.nSingle-content table,
.nSingle-table table {
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 20px
}

.nQuote-table table td,
.nQuote-table table th,
.nSingle-content table td,
.nSingle-content table th,
.nSingle-table table td,
.nSingle-table table th {
    padding: 7px 20px 4px;
    margin: 0;
    border: 1px solid #eaeaea;
    text-align: center;
    border-collapse: collapse
}

.nQuote-table table th,
.nSingle-content table th,
.nSingle-table table th {
    background: #fed02f;
    border-color: #fed02f #e4bc2a #fed02f #fed02f;
    font-weight: 600;
    padding: 15px 20px
}

.nQuote-table table big,
.nSingle-content table big,
.nSingle-table table big {
    font-size: 12px
}

.nQuote-table table td:first-child,
.nQuote-table table th:first-child,
.nSingle-content table td:first-child,
.nSingle-content table th:first-child,
.nSingle-table table td:first-child,
.nSingle-table table th:first-child {
    text-align: left
}

.nQuote-table table th:last-child,
.nSingle-content table th:last-child,
.nSingle-table table th:last-child {
    border-right-color: #fed02f
}

.prtshp-header {
    padding: 0 20px
}

.prtshp-content {
    padding: 40px 0 0
}

.prtshp-content h4 {
    margin-top: 30px
}

.prtshp-content h4+p,
.prtshp-media+p {
    margin-top: 26px
}

.prtshp-media {
    float: left;
    display: block;
    color: #090a0a;
    width: 300px;
    border: 1px solid #fee24a;
    margin: 8px 40px 40px 0
}

.prtshp-media--mt {
    margin-top: 30px
}

.prtshp-media--r {
    float: right;
    margin-right: 0;
    margin-left: 40px
}

.prtshp-image {
    display: block;
    line-height: 0
}

.prtshp-image:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    z-index: 5;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.prtshp-icon {
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 5;
    background: url(/local/templates/main-rosneft/css/../images/inners/i-media-photo.png) no-repeat;
    width: 30px;
    height: 30px
}

.abt,
.abt-cnt,
.abt-cnt ul li,
.prtshp-image img,
.prtshp-text {
    position: relative
}

.abt-cnt ul li:before,
.action-cnt:after {
    left: 0
}

.prtshp-image img {
    display: block;
    width: 100%;
    height: auto
}

.prtshp-text {
    padding: 25px 20px 20px;
    font-size: 16px;
    line-height: 20px;
    display: block
}

.prtshp-title {
    display: block
}

.prtshp-cnt {
    font-weight: 300;
    padding: 20px 0 0;
    color: #b0b0b0;
    display: block
}

.prtshp-media--mobile {
    display: none
}

@media (max-width:620px) {
    .prtshp-media {
        display: block;
        float: none;
        margin: 25px auto;
        max-width: 300px;
        width: auto
    }
    .prtshp-content {
        padding-top: 0
    }
    .prtshp .inside {
        padding: 0 10px
    }
}

.abt-hdr {
    padding: 0
}

.abt-cnt {
    padding: 20px 0 0
}

@media (min-width:720px) {
    .abt-cnt,
    .abt-hdr {
        padding-left: 20px;
        padding-right: 20px
    }
}

.abt-cnt h4 {
    margin-top: 32px
}

.abt-cnt h4+p {
    margin-top: 20px
}

.abt-cnt ul {
    margin-top: 0;
    margin-bottom: 10px
}

.abt-cnt p+ul {
    margin-top: -20px
}

.abt-cnt ul li {
    padding: 7px 0 7px 15px
}

.abt-cnt ul li:before {
    position: absolute;
    top: 16px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fed02f
}

.action,
.action-cnt,
.action-image,
.action-image img,
.action-prods {
    position: relative
}

@media (max-width:720px) {
    .abt-cnt ul li:before {
        top: 16px
    }
}

@media (min-width:720px) {
    .action-cnt {
        padding: 10px 20px 0
    }
}

.action:after {
    clear: both;
    display: block
}

.action-image {
    float: left;
    width: 45%;
    max-width: 420px
}

.action-image img {
    display: block;
    width: 89%;
    height: auto;
    border: 1px solid #cfcfcf
}

.action h4 {
    margin-top: 26px;
    margin-bottom: 20px
}

.action h1,
.action h2 {
    font-size: 42px;
    line-height: 1.14em;
    margin-bottom: 16px
}

.action-info,
.action-stmt {
    font-size: 14px;
    font-weight: 300;
    line-height: 26px
}

.action-info {
    display: block;
    margin-left: 44%;
    padding-top: 10px
}

.action-info ul {
    margin-left: 4px;
    margin-bottom: -15px
}

.contentArea .action-info ul li,
.contentArea .action-stmt ul li {
    padding-bottom: 20px
}

.contentArea .action-stmt ul li:last-child {
    padding-bottom: 0
}

.action-stmt {
    padding: 30px 0 0;
    clear: both
}

.action-info big {
    font-size: 16px;
    font-weight: 400
}

.action-stmt b {
    font-weight: 600
}

.action-prise {
    margin: 55px 0 0;
    padding: 5px 35px 0
}

.contentArea .action-prods ul li,
.contentArea .prise ul li {
    display: inline-block;
    width: 50%;
    padding-right: 5%;
    padding-bottom: 20px;
    vertical-align: top;
    box-sizing: border-box
}

.prise {
    border: 2px solid #fed02f;
    font-weight: 300
}

.action-win h4,
.action-winners,
.prise-level {
    font-weight: 600
}

.prise ul {
    margin-top: 20px
}

.contentArea .prise ul li {
    margin-right: -4px
}

.prise-conent+.prise-level {
    margin-top: -30px
}

.prise-conent:last-child,
.prise-level:last-child {
    margin-bottom: -15px
}

.action-prods {
    margin: 55px 0 0
}

.action-prods ul {
    margin-top: -10px
}

.contentArea .action-prods ul li {
    margin-right: -4px
}

.action-winners p {
    margin-bottom: 15px
}

.action-cnt {
    padding-bottom: 50px;
    margin-bottom: 80px
}

.action-cnt:after {
    position: absolute;
    display: block;
    height: 2px;
    right: 0;
    bottom: 0;
    background: #feda55
}

.action-win {
    position: relative;
    border: 2px solid #c8d6da;
    padding: 5px 35px;
    font-size: 12px;
    line-height: 18px;
    margin: 0 20px
}

.action-win h4 {
    font-size: 20px;
    margin-bottom: 35px
}

.action-win ul,
.contentArea .action-win ul li {
    font-size: 12px;
    line-height: 18px
}

.action-win ul {
    display: inline-block;
    width: 47%;
    padding-right: 3%;
    margin-right: -4px;
    vertical-align: top
}

.action-win ul:last-child {
    padding-right: 0;
    padding-left: 3%
}

.action-win li {
    padding: 0!important
}

.action-win li:before {
    display: none!important
}

.action-win li b,
.win-number {
    margin-right: 4px
}

.action-marketing {
    margin: 45px 0 0
}

.action-marketing .mItem-content,
.action-marketing .mItem-label,
.action-marketing .mItem-title {
    color: #000!important
}

.action-image h4 {
    display: none
}

@media (max-width:980px) {
    .action h4,
    .action-info p {
        margin-bottom: 10px
    }
    .action-image {
        width: 50%;
        padding-top: 15px
    }
    .action-info {
        margin-left: 50%;
        padding-top: 10px
    }
    .action-prise,
    .action-win {
        padding-top: 30px
    }
    .action-info h1,
    .action-info h2 {
        font-size: 36px
    }
    .action h4 {
        margin-top: 20px
    }
    .action h4:first-child {
        margin-top: 0
    }
    .contentArea .prise ul li {
        padding-right: 2%
    }
    .action-win {
        margin-left: 0;
        margin-right: 0
    }
    .contentArea .action-win ul li {
        padding-left: 22px
    }
    .win-number {
        min-width: 15px;
        margin-left: -22px;
        display: inline-block
    }
}

@media (max-width:900px) {
    .action-image {
        width: 60%;
        padding-top: 15px;
        max-width: 100%
    }
    .action-info {
        margin-left: 60%;
        padding-top: 5px
    }
}

@media (max-width:680px) {
    .action-image {
        width: 50%;
        padding-top: 15px
    }
    .action-info {
        margin-left: 50%;
        padding-top: 5px
    }
    .contentArea .action-prods ul li,
    .contentArea .prise ul li {
        display: block;
        width: auto
    }
    .contentArea .action-win {
        padding-bottom: 30px
    }
    .contentArea .action-win h4 {
        margin-bottom: 20px
    }
    .contentArea .action-win ul {
        display: block;
        width: auto;
        padding: 0!important;
        margin: 0 0 0 25px
    }
    .contentArea .action-info ul li,
    .contentArea .action-prods ul li,
    .contentArea .action-stmt ul li,
    .contentArea .prise ul li {
        padding-bottom: 5px
    }
    .action-info h4 {
        margin-top: 20px;
        margin-bottom: 10px
    }
    .action-info ul {
        margin-bottom: 5px
    }
    .prise {
        padding-bottom: 15px;
        padding-top: 25px
    }
    .action-cnt {
        padding-bottom: 30px;
        margin-bottom: 50px
    }
    .prise-conent+.prise-level {
        margin-top: 0;
        margin-bottom: -10px
    }
}

@media (max-width:640px) {
    .action-info,
    .action-stmt {
        margin-left: 0;
        padding-top: 0;
        display: block;
        margin-top: 20px
    }
    .prise {
        margin-top: 30px;
        padding: 20px 25px 5px
    }
    .prise-conent,
    .prise-level {
        margin-bottom: 0!important
    }
    .action-prods {
        margin-top: 35px
    }
    .prise ul {
        margin-top: 10px!important;
        margin-bottom: 15px!important
    }
    .action-info h2 {
        display: none
    }
    .action-image {
        display: block;
        width: auto;
        float: none;
        max-width: 340px
    }
    .action-image img {
        max-width: 100%
    }
    .action-image h4 {
        display: block;
        margin-bottom: 15px
    }
    .action-cnt {
        padding-bottom: 15px;
        margin-bottom: 35px
    }
    .contentArea .action-win h4 {
        margin-bottom: 0
    }
    .contentArea .action-win ul {
        max-height: 0;
        overflow: hidden;
        display: block;
        transition: max-height .2s, margin .2s;
        margin-left: 0
    }
    .contentArea .action-win ul li {
        padding-left: 22px!important
    }
    .contentArea .action-win {
        padding: 15px 20px
    }
    .action-marketing {
        margin-top: 25px
    }
    .action-win:after {
        position: absolute;
        width: 20px;
        height: 20px;
        border: 2px solid rgba(0, 0, 0, .1);
        border-radius: 50%;
        right: 20px;
        top: 14px;
        line-height: 23px;
        font-size: 18px;
        color: rgba(0, 0, 0, .2);
        background: 0 0;
        content: '+';
        text-align: center;
        font-weight: 300
    }
    .action-win.is-active:after {
        border: 2px solid #fed02f;
        color: #fed02f;
        line-height: 20px;
        content: '–'
    }
    .contentArea .action-win h4+ul.is-active {
        margin-top: 20px
    }
    .contentArea .action-win ul.is-active {
        max-height: 1000px
    }
    .action .inside,
    .action-marketing .inside {
        padding: 0 10px
    }
}

.pag,
.pag-item,
.safety,
.safety-col,
.srchres,
.srchres-item,
.srchres-results {
    position: relative
}

.srchres {
    font-size: 12px;
    line-height: 16px;
    color: #000
}

@media (min-width:720px) {
    .srchres-cnt,
    .srchres-hdr {
        padding: 0 20px
    }
    .srchres-form {
        margin: 0 -20px
    }
    .srchres-form .topSearch-input {
        font-size: 14px;
        font-family: PFBeauSansPro, Arial, arial, sans-serif;
        font-weight: 600;
        color: #000
    }
    .srchres-form .topSearch-button {
        width: 200px;
        font-size: 16px;
        text-indent: 20px;
        line-height: 45px;
        font-family: PFBeauSansPro, Arial, arial, sans-serif;
        color: #fff;
        background-position: 20px center
    }
}

.pag,
.srchres-title {
    font-size: 16px
}

.srchres-cnt {
    padding-top: 35px;
    padding-bottom: 100px
}

.srchres-results {
    padding: 57px 0 0
}

.srchres-item {
    margin: 0 0 40px
}

.srchres-title {
    line-height: 18px
}

.srchres-body {
    padding: 10px 0 0
}

.srchres-body p {
    margin: 0 0 6px
}

.srchres-link {
    color: #000
}

.pag-link:hover,
.srchres-link:hover,
.srchres-title:hover {
    color: #fdcf43
}

.srchres-pagination {
    margin-left: -4px;
    padding-top: 10px
}

.pag-item {
    display: inline-block;
    margin: 0
}

.pag-link {
    padding: 5px 4px;
    display: block
}

.pag-link--active {
    color: #000;
    font-weight: 600;
    cursor: default;
    pointer-events: none
}

@media (max-width:720px) {
    .srchres-form .topSearch-button {
        color: transparent;
        overflow: hidden;
        text-indent: -2000px
    }
    .srchres-cnt {
        padding-bottom: 50px
    }
}

@media (max-width:620px) {
    .srchres .inside {
        padding: 0 10px
    }
    .srchres-cnt {
        padding-top: 25px
    }
    .srchres-results {
        padding-top: 30px
    }
    .srchres-item {
        margin: 0 0 30px
    }
    .srchres-title {
        font-size: 14px
    }
    .srchres-pagination {
        padding-top: 5px;
        font-size: 14px
    }
}

@media (min-width:720px) {
    .safety-cnt,
    .safety-hdr {
        padding-left: 20px;
        padding-right: 20px
    }
}

.safety h4 {
    margin-bottom: 20px
}

.safety-cnt {
    padding-top: 40px
}

.safety p {
    font-size: 16px;
    line-height: 28px
}

.safety-image {
    border: 1px solid #e3e3e3;
    display: inline-block;
    line-height: 0
}

.safety-image img {
    max-width: 100%;
    height: auto
}

.safety-col {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.safety .sm-serts:after,
.safety .sm-serts:before {
    position: absolute;
    top: 0;
    z-index: 80;
    content: ' ';
    display: block;
    bottom: 0
}

.safety-col--1 {
    width: 26%;
    padding-right: 6%;
    padding-top: 5px
}

.safety-col--2 {
    width: 68%
}

.safety .sm-serts .swiper-wrapper {
    justify-content: flex-start
}

.safety .sm-sert {
    margin-right: 30px
}

.safety .sm-serts:before {
    width: 5px;
    left: -3px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.safety .sm-serts:after {
    width: 10px;
    right: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

@media (max-width:820px) {
    .safety-col--1 {
        display: block;
        float: left;
        margin: 5px 40px 30px 0;
        width: 240px;
        padding: 0
    }
    .safety-col--2 {
        position: relative;
        display: block;
        width: auto
    }
}

@media (max-width:680px) {
    .safety-col--1 {
        width: 180px
    }
}

@media (max-width:540px) {
    .safety .inside {
        padding: 0 10px
    }
    .safety-col--1 {
        display: block;
        float: none;
        text-align: center;
        max-width: 240px;
        margin: 0 auto 25px
    }
    .safety h1 {
        font-size: 22px;
        line-height: 1.1em
    }
}

@media (min-width:540px) and (max-width:1020px) {
    .mDropdown-list {
        padding-bottom: 5px
    }
    .mainmenu-dropdown {
        padding-bottom: 15px;
        padding-top: 20px
    }
    .mainmenu-dropdown .mDropdown-col--2 .mDropdown-list:last-child {
        margin-top: 27px
    }
    .footer-row:last-child {
        margin-top: 20px
    }
}

@media (max-width:540px) {
    .mDropdown-col--2 {
        margin-top: -10px
    }
    .mDropdown-list {
        padding-bottom: 10px
    }
}

.footer-list,
.footer-title {
    text-transform: none;
    letter-spacing: 0
}

@media (max-width:980px) {
    .footer .mDropdown-content {
        margin-top: 110px
    }
    .footer .mDropdown-close {
        top: -120px
    }
}

.footer-title {
    font-size: 16px;
    padding-bottom: 15px
}

.footer-title+.footer-title {
    margin-top: 16px
}

.footer-title a {
    font-size: 16px;
    color: #fff
}

.footer-list {
    font-size: 12px;
    line-height: 18px
}

.footer-list li {
    margin-bottom: 0;
    padding-bottom: 5px
}

.footer-col--tablet .footer-title+.footer-title {
    margin-top: 5px
}

.footer-col--tablet {
    margin-top: -6px
}

.mDropdown-plafon {
    display: none
}

@media (max-width:980px) {
    .footer .mDropdown-content {
        max-width: 450px;
        margin: 50px auto 0
    }
    .footer .mDropdown-close {
        top: -70px
    }
    .footer .mDropdown-tablet {
        display: none
    }
    .footer .mDropdown-plafon {
        display: block
    }
    .footer .mDropdown-plafon .mDropdown-col {
        width: 48%;
        padding-right: 4%
    }
    .footer .mDropdown-plafon .mDropdown-col:last-child {
        padding-right: 0;
        width: 46%;
        padding-left: 2%
    }
    .footer .mainmenu-dropdown .mDropdown-plafon a {
        padding: 3px 0
    }
    .footer .mDropdown-plafon .mDropdown-title {
        margin-bottom: 12px
    }
    .footer .mDropdown-plafon .mDropdown-list+.mDropdown-list {
        margin-top: 8px
    }
}

@media (max-width:640px) {
    .footer .mDropdown-col--2,
    .footer .mDropdown-plafon {
        display: none
    }
    .footer .mDropdown-content {
        margin-top: 20px
    }
    .footer .mDropdown-close {
        top: -35px
    }
}

.mDropdown-item,
.mDropdown-title {
    font-weight: 400
}

.footer-contacts,
.footer-row:last-child {
    font-weight: 300
}

.lSearch-button {
    background: url(/local/templates/main-rosneft/css/../images/main/i-search-3.png) center no-repeat;
    background-size: 16px 16px;
    margin: 0
}

.lSearch-button:active,
.lSearch-button:hover {
    background-color: rgba(0, 0, 0, .1)
}

.is-safari .lSearch-button {
    margin: 0;
    left: 0;
    bottom: 0;
    top: 0
}

.lSearch-field {
    margin-left: 0
}

.lSearch-input {
    text-indent: 45px
}

.action-marketing .marketing-grid {
    margin-right: -15px
}

@media (max-width:768px) {
    .contentArea .action-prods ul li,
    .contentArea .prise ul li {
        display: block;
        width: auto
    }
    .contentArea .action-cnt ul li {
        padding-left: 15px
    }
}

.proditem .swiper-container {
    padding-bottom: 45px;
    margin-bottom: -25px
}

.proditem-photo {
    z-index: 90;
    position: relative
}

.proditem .swiper-pagination-bullet {
    background: #fff;
    border: 2px solid #7d7d7d;
    width: 6px;
    height: 6px
}

.proditem .swiper-pagination-bullet-active {
    background: #fdcf43;
    border-color: #fdcf43
}

.prodsinf {
    position: relative;
    max-width: 295px;
    display: inline-block;
    vertical-align: top;
    margin-right: 22px;
    padding-bottom: 50px
}

.prodsinf .prodsmore {
    margin-left: 10px
}

.prodstake {
    border: 2px solid #c8d6da;
    padding: 18px 40px 25px;
    display: block;
    color: #000;
    margin-bottom: 20px;
    text-align: left
}

.prodsinf--wide {
    max-width: 100%;
    width: auto;
    display: block
}

.prodsinf--wide .prodstake {
    max-width: 295px;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 10px
}

.prodstake-label {
    font-size: 12px;
    padding-bottom: 10px;
    font-weight: 400
}

.prodstake-label i {
    color: #fed02f;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    margin-right: 2px;
    margin-left: -18px;
    margin-top: -1px
}

.prodsact,
.prodstake-col {
    display: inline-block;
    vertical-align: top
}

.prodstake-label i:before {
    font-family: 'Open Sans';
    margin-top: -1px;
    content: '★'
}

.fctr--big .fctr-title,
.fctr-title,
.mItem-paragraph,
.slctr .customSelect,
.slctr-clear,
.slctr-line .button,
.slctr-nocontent,
.slctr-row1 .slctr-header,
.slctr-row2 .slctr-header,
.srchres-form .topSearch-input,
.topContacts,
.topContacts-address,
.topContacts-email a,
.topCustoms,
.topSearch-input {
    font-family: PFBeauSansPro, Arial, arial, sans-serif
}

.prodstake-col {
    margin-right: -4px;
    width: 50%
}

.prodstake-photo {
    text-align: center;
    padding: 0 10px;
    line-height: 0;
    max-width: 140px
}

.prodstake-photo img {
    max-width: 100%;
    height: auto
}

.prodstake-brand {
    font-size: 16px;
    font-weight: 300
}

.prodstake-title {
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 600;
    color: #000
}

.prodstake-code {
    font-size: 16px
}

.prodstake-category {
    font-size: 12px;
    line-height: 1.3333333333333em;
    color: rgba(0, 0, 0, .5)
}

.prodsact {
    width: 100%;
    max-width: 295px
}

@media (max-width:640px) {
    .prodsact,
    .prodsinf {
        margin: 0 auto;
        display: block;
        max-width: 295px
    }
    .prodsinf .prodsmore {
        margin: 0 auto
    }
}

.mItem--noIcon .mItem-content {
    padding-top: 25px;
    background: 0 0;
    min-height: 140px
}

.mItem-lbl {
    display: block;
    margin: 0;
    top: 20px;
    left: -2px;
    padding: 10px 20px 8px;
    background: #fdcf43;
    position: absolute;
    z-index: 90;
    font-size: 12px;
    color: #000
}

.mItem-lbl i {
    font-style: normal;
    position: relative;
    margin-right: 4px;
    vertical-align: middle;
    display: inline-block;
    font-size: 15px;
    margin-top: -4px
}

.prodsact .mItem-lbl i {
    margin-top: 0
}

.mItem-lbl i:before {
    content: '☆'
}

.nQuote ul li:before,
.promoslider-slide:after,
.slctr-row1>.slctr-header:after {
    content: ' '
}

.mItem-paragraph {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    display: block;
    margin: 10px 0 0;
    line-height: 18px
}

.mDropdown-input,
.mDropdown-list2,
.mDropdown-list3 {
    display: none
}

.mItem-link {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 12px;
    text-decoration: underline;
    color: #074da8
}

.fctr,
.fctr--big .fctr-title,
.fctr-title,
.gList-phone a,
.nItem a,
.prodsblock-col a,
.slctr .customSelect-list a,
.slctr-clear {
    text-decoration: none
}

.fct-cnt,
.fct-hdr,
.mDropdown-input,
.mDropdown-list1,
.nQuote ul li {
    position: relative
}

.mItem--noIcon .mItem-image {
    height: 184px
}

.mDropdown-list1 .mDropdown-col {
    width: 22%;
    padding-right: 3%
}

.mDropdown-list2 .mDropdown-col {
    width: 30%;
    padding-right: 3%
}

.mDropdown-list3 .mDropdown-col {
    width: 45%;
    padding-right: 5%
}

.mainmenu-dropdown li {
    margin: 0
}

.mainmenu-dropdown a {
    margin: 0;
    line-height: 18px
}

.mainmenu-dropdown a.mDropdown-title {
    margin-top: -1px;
    margin-bottom: 1px
}

@media (max-width:980px) {
    .mDropdown-list1 {
        display: none
    }
    .mDropdown-list2 {
        display: block
    }
    .footer .mDropdown-list2 {
        display: none
    }
    .footer .mDropdown-list3 {
        display: block
    }
    .footer .mDropdown-list3 .mDropdown-col:last-child {
        padding-right: 0;
        padding-left: 5%
    }
    .footer .mDropdown-content {
        max-width: 480px
    }
}

@media (max-width:720px) {
    .mDropdown-list2 {
        display: none
    }
    .mDropdown-list3 {
        display: block
    }
}

@media (max-width:640px) {
    .mDropdown-list3 {
        padding-bottom: 20px
    }
    .mDropdown-list3 .mDropdown-col {
        width: auto;
        display: block
    }
    .footer .mDropdown-content {
        margin-top: 60px
    }
    .footer .mDropdown-close {
        top: -70px
    }
    .footer .mDropdown-list3 .mDropdown-col,
    .footer .mDropdown-list3 .mDropdown-col:last-child {
        padding: 0
    }
}

.proditem-photo {
    min-height: 170px;
    background: url(/local/templates/main-rosneft/css/../images/i-barrel.png) center bottom 0 no-repeat;
    background-size: 114px 158px
}

.proditem-photo--liquid {
    background: url(/local/templates/main-rosneft/css/../images/cist.png) center no-repeat;
    background-size: 170px 77px;
    min-height: 170px
}

.product+.banners {
    padding-top: 0
}

.proditem-photo .swiper-container {
    background: #fff
}

.prodstake-label,
a:hover .prodstake-label {
    color: #000!important
}

a:hover .prodstake-title {
    color: #fdcf43
}

.fctr,
.fctr a {
    color: #000
}

.srchres-form .topSearch-input,
.topSearch-input {
    font-weight: 400
}

.gSelect-select {
    white-space: nowrap
}

.gSelect-val {
    white-space: pre-line;
    max-width: 160px
}

.fct-cnt,
.fct-hdr {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 26px
}

.fct-cnt .nSingle-content>p {
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 30px
}

.fct-cnt .nQuote,
.fct-cnt small {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300
}

.nQuote ul li:before {
    width: 5px;
    height: 5px;
    background: #fddf52;
    position: absolute;
    left: 10px;
    border-radius: 50%;
    margin-bottom: 10px;
    display: block
}

.mainmenu-dropdown a.mDropdown-title {
    padding: 15px 0 10px
}

.mainmenu-dropdown ul li:first-child a.mDropdown-title {
    padding: 6px 0
}

.nQuote ul li {
    margin-bottom: 12px;
    padding-left: 28px
}

.fct-cnt .nQuote {
    margin-bottom: 40px
}

.fct-list {
    padding: 20px 0 0
}

.fct-items {
    padding: 30px 0 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch
}

.fct-item {
    display: inline-block;
    display: flex;
    width: 32%;
    margin-bottom: 20px
}

.fct-item--2 {
    width: 66%
}

.fctr {
    display: block;
    border: 2px solid #fed02f;
    font-size: 12px;
    line-height: 18px;
    position: relative
}

.fctr--big .fctr-title,
.fctr-title {
    font-size: 16px;
    display: block
}

.fctr a:hover {
    color: #fed02f
}

.fctr-image {
    line-height: 0;
    margin: -2px -2px 0;
    max-height: 220px;
    overflow: hidden
}

.fctr-image img {
    width: 100%;
    height: auto
}

.fctr--big .fctr-image {
    max-height: 100000px
}

.fctr-content {
    padding: 25px 30px 20px 25px
}

.fctr-label {
    color: rgba(0, 0, 0, .5)
}

.fctr-row {
    margin: 16px 0 5px
}

.fctr-title {
    line-height: 20px;
    color: #000
}

.fctr-title:hover {
    color: #fdcf43
}

.fctr--big .fctr-row {
    margin-top: 0
}

.fctr--big .fctr-title {
    position: absolute;
    background: #fed02f;
    color: #000;
    padding: 11px 15px 7px!important;
    line-height: normal;
    top: 15px;
    left: -2px;
    z-index: 5
}

.fctr--big .fctr-title:hover {
    color: #000;
    background: #fddf52
}

@media (max-width:960px) {
    .fct-item {
        width: 48%
    }
    .fct-item--2 {
        width: 100%
    }
    .fct-items {
        max-width: 620px
    }
}

@media (max-width:720px) {
    .fct-cnt .nQuote {
        margin: 20px 0
    }
    .fct-cnt,
    .fct-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .fct-cnt .nSingle-content>p {
        font-size: 16px;
        line-height: 28px
    }
    .fctr-content {
        padding: 20px 15px
    }
}

@media (max-width:640px) {
    .fct-item,
    .fct-item--2 {
        width: 100%;
        display: block
    }
    .fct-items {
        max-width: 400px;
        display: block
    }
    .fctr--big .fctr-image {
        max-height: 220px
    }
    .fctr--big .fctr-title {
        font-size: 16px;
        line-height: 20px;
        font-family: PFBeauSansPro, Arial, arial, sans-serif;
        color: #000;
        text-decoration: none;
        display: block;
        background: 0 0;
        padding: 0 0 15px!important;
        top: auto;
        left: auto;
        position: relative
    }
    .fctr--big .fctr-title:hover {
        color: #fdcf43;
        background: 0 0
    }
}

@media (max-width:540px) {
    .fct .inside {
        padding-left: 10px;
        padding-right: 10px
    }
}

.prod .proditem-photo {
    background: 0 0
}

.factory {
    position: relative
}

.factory-preview {
    float: left;
    width: 310px;
    margin-bottom: 30px
}

.factory-preview .fctr-content {
    padding-top: 10px
}

.factory-preview .fctr {
    margin-right: 30px;
    display: block;
    width: Auto
}

.factory .nSingle-content p {
    font-weight: 400
}

.factory h4 {
    margin-top: 55px
}

.factory h4+.nSingle-table {
    margin-top: 30px
}

.nSingle-table td:first-child b {
    margin-left: -8px
}

.factory .nSingle-content table th {
    padding-top: 10px;
    padding-bottom: 8px
}

@media (max-width:620px) {
    .factory-preview {
        display: block;
        float: none;
        width: auto;
        max-width: 400px
    }
    .factory h4 {
        margin-top: 40px
    }
    .factory h4+.nSingle-table {
        margin-top: 25px
    }
}

@media (min-width:720px) {
    .fct-cnt .nQuote p {
        margin-bottom: 18px
    }
    .fct-cnt .nQuote ul {
        margin-left: 15px
    }
}

.prtshp-module {
    clear: both
}

.prtshp-module h4 {
    margin-top: 50px
}

.prtshp-module .prtshp-media {
    margin-top: -20px
}

@media (max-width:620px) {
    .prtshp-module .prtshp-media {
        margin: 25px auto
    }
    .prtshp-hdr {
        padding-bottom: 25px
    }
}

@media (max-width:960px) {
    .prtshp-module .prtshp-media {
        margin-top: 0
    }
}

.catalog-info {
    font-weight: 300
}

.cFor-title {
    font-weight: 400
}

.prch-cnt p,
.slctr-info {
    font-weight: 300
}

.aCar-title {
    padding-right: 10px
}

@media (min-width:640px) {
    .nFilter-sttmnt .js-chkbx-set {
        padding-right: 90px
    }
}

@media (max-width:980px) {
    .prodsblock-for {
        padding: 22px 0 18px!important
    }
}

.promoslider-slide:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 6
}

.promoslider-slide .inside {
    z-index: 10
}

@media (max-width:640px) {
    .footer .mDropdown-col:last-child ul li:first-child {
        padding-top: 12px;
        padding-bottom: 5px
    }
}

.gList-phone a {
    color: #000
}

.gList-phone a:hover {
    color: #fed02f
}

@media (min-width:720px) {
    .bap-cnt,
    .bap-hdr,
    .prch-cnt,
    .prch-hdr {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:540px) {
    .bap .inside,
    .prch .inside {
        padding-left: 10px;
        padding-right: 10px
    }
}

.bap-cnt ul,
.prch-cnt ul {
    margin-bottom: 20px
}

.bap-cnt ul li,
.prch-cnt ul li {
    position: relative;
    padding: 7px 0 7px 15px
}

.bap-cnt ul li:before,
.prch-cnt ul li:before {
    position: absolute;
    top: 15px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    content: ' ';
    background: #fed02f
}

.slctr-about,
.slctr-clear,
.slctr-col,
.slctr-group,
.slctr-label {
    position: relative
}

@media (max-width:640px) {
    .bap-cnt ul li:before,
    .prch-cnt ul li:before {
        top: 14px
    }
}

.bap-cnt h4,
.prch-cnt h4 {
    margin-bottom: 15px
}

.bap-cnt a,
.prch-cnt a {
    color: #074da8
}

.bap-cnt a:hover,
.prch-cnt a:hover {
    color: #fed02f
}

.prch-cnt .linkfile {
    font-size: 14px
}

.prch-cnt .linkfile:before {
    top: -2px
}

.prch-files {
    padding-top: 20px
}

@media (min-width:640px) {
    .prch-files {
        padding-top: 30px
    }
}

@media (min-width:720px) {
    .slctr-cnt,
    .slctr-hdr {
        padding-left: 20px;
        padding-right: 20px
    }
}

.slctr-info {
    font-size: 18px;
    line-height: 28px;
    padding: 35px 0 53px
}

.slctr-clear,
.slctr-line .button {
    font-size: 14px;
    font-weight: 700
}

.slctr-group {
    padding: 0 20px 32px;
    margin: 0 -20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.slctr-col {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    z-index: 50;
    padding: 37px 1.3% 28px 0;
    margin-right: -4px
}

.slctr-label {
    padding-left: 20px;
    padding-bottom: 5px
}

.slctr-line {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px
}

.slctr-line .button {
    padding: 16px 40px 12px
}

.slctr-clear {
    color: rgba(0, 0, 0, .2);
    border-bottom: 1px dashed;
    text-transform: uppercase
}

.slctr-clear:hover {
    color: #000;
    border-bottom-color: rgba(0, 0, 0, .3)
}

.slctr-call {
    font-size: 10px;
    line-height: 12px;
    color: #888;
    padding-left: 40px;
    background: url(/local/templates/main-rosneft/css/../images/main/info.png) no-repeat;
    min-height: 30px;
    padding-top: 4px;
    background-size: 30px 30px
}

.slctr-call a {
    color: #074da8
}

.slctr-call a:hover {
    color: #fed02f
}

.slctr-about {
    margin: 40px -20px 50px;
    padding: 35px 360px 0 20px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-size: 12px;
    line-height: 18px;
    font-weight: 300
}

.slctr-about .button {
    display: block;
    position: absolute;
    right: 20px;
    width: 280px;
    padding-left: 0;
    padding-right: 0;
    top: 70px;
    font-size: 18px;
    height: 40px;
    line-height: 42px
}

.slctr-about .button:after {
    margin: 15px 0 -5px 5px
}

.slctr-about p+p {
    margin-top: 20px
}

.slctr .customSelect {
    position: relative;
    z-index: 90;
    height: 48px;
    border: 1px solid #d7d7d7;
    color: #424242;
    border-radius: 2px;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    cursor: pointer
}

.slctr .customSelect.is-active .customSelect-list {
    display: block
}

.slctr .customSelect-val {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 20px;
    bottom: 0;
    right: 40px;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.slctr .customSelect-list {
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 50px;
    border: 1px solid #d7d7d7;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    z-index: 55;
    background: #fff;
    border-radius: 2px;
    max-height: 200px;
    overflow: auto
}

.slctr .customSelect-list a,
.slctr .customSelect-list>div {
    display: block;
    position: relative
}

.slctr .customSelect-list a {
    padding: 9px 20px 7px;
    color: #424242
}

.slctr .customSelect-list a:hover {
    background: rgba(0, 0, 0, .1)
}

.slctr .customSelect-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    cursor: pointer;
    background: url(/local/templates/main-rosneft/css/../images/main/i-arrows.png) 5px 0 no-repeat;
    width: 15px;
    height: 6px;
    background-size: 10px auto
}

.slctr .customSelect-slct {
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    opacity: 0;
    display: none
}

.slctr-row1,
.slctr-row1 .slctr-header {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.slctr-row1 .slctr-header {
    padding: 40px 0;
    font-size: 18px;
    cursor: pointer
}

.slctr-row1>.slctr-content,
.slctr-row2>.slctr-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s
}

.slctr-row1>.slctr-content {
    margin-left: 75px
}

.slctr-row1.is-active>.slctr-content,
.slctr-row2.is-active>.slctr-content {
    max-height: 10000px;
    transition: max-height .9s
}

.slctr-row1>.slctr-header:after {
    height: 2px;
    background: #fed02f;
    bottom: -2px;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    opacity: 0
}

.slctr-row1>.slctr-header {
    padding-left: 60px
}

.slctr-row1.is-active>.slctr-header:after {
    opacity: 1
}

.slctr-row1>.slctr-header:before {
    position: absolute;
    display: block;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, .1);
    width: 20px;
    height: 20px;
    line-height: 24px;
    text-align: center;
    font-size: 18px;
    color: rgba(0, 0, 0, .1);
    content: '+';
    font-weight: 400;
    left: 20px;
    top: 50%;
    margin-top: -11px
}

.slctr-row1.is-active>.slctr-header:before {
    content: '–';
    color: #fed02f;
    line-height: 23px;
    border-color: #fed02f
}

.is-android .topCustoms-button:after,
.nSingle ul.bulletsInside li:before,
.saveDemo-description:after,
.saveDemo-item:after,
.sdItem-photo:after,
.sdType-pdf:after,
.sdType-photos:after,
.sdTypes-row:after {
    content: ' '
}

.slctr-row2 .slctr-header {
    margin-bottom: -1px;
    position: relative;
    font-size: 24px;
    line-height: 1.1667em;
    padding: 40px 0;
    border-top: 0;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 300;
    cursor: pointer
}

.slctr-row2 {
    position: relative
}

.slctr-row1 .cRow-info {
    left: 0
}

.slctr-row1 .cRow-sbrand {
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 4px
}

.slctr-cnt {
    padding-bottom: 60px
}

.slctr-cnt .cRow {
    border-bottom: 0
}

@media (min-width:1024px) {
    .slctr .swiper-container,
    .slctr .swiper-wrapper {
        flex-wrap: wrap
    }
}

@media (max-width:1024px) {
    .slctr-row1>.slctr-content {
        margin-left: 60px
    }
    .slctr-row2 .slctr-header {
        font-size: 24px;
        line-height: 28px;
        padding-left: 20px
    }
    .slctr-row2 .slctr-content {
        padding-left: 20px
    }
    .slctr-row1>.slctr-header {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 40px
    }
    .slctr-row1>.slctr-header:before {
        left: 0
    }
}

@media (max-width:880px) {
    .slctr-about,
    .slctr-group {
        padding-left: 0;
        margin-left: 0;
        margin-right: 0
    }
    .slctr-cnt,
    .slctr-col {
        padding-bottom: 20px
    }
    .slctr-col {
        width: 48%;
        padding-right: 2%;
        max-width: 320px;
        padding-top: 0
    }
    .slctr-group {
        margin-bottom: 30px;
        padding-right: 0
    }
    .slctr-col+.slctr-line {
        vertical-align: top;
        margin-top: 23px;
        width: 48%;
        margin-right: 0;
        padding-right: 2%;
        max-width: 320px
    }
    .slctr-col+.slctr-line .button {
        padding-left: 0;
        padding-right: 0;
        width: auto;
        display: block;
        text-align: center
    }
    .slctr-about {
        padding-right: 0
    }
    .slctr-about .button {
        display: block;
        max-width: 280px;
        margin-top: 20px;
        position: relative;
        right: auto;
        top: auto
    }
    .slctr-group+.slctr-col {
        z-index: 100
    }
}

@media (max-width:720px) {
    .slctr-row1>.slctr-content {
        margin-left: 0
    }
    .slctr-row2>.slctr-header {
        font-size: 20px;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (max-width:640px) {
    .slctr .cRow-category {
        padding-top: 15px
    }
    .slctr .cRow-code {
        bottom: -5px;
        top: auto
    }
    .slctr-row1>.slctr-header {
        font-size: 16px;
        padding: 20px 50px 20px 10px
    }
    .slctr-row1>.slctr-header:before {
        right: 10px;
        left: auto
    }
    .slctr-row2>.slctr-header {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 20px;
        font-family: PFBeauSansPro, Arial, arial, sans-serif
    }
    .slctr-row2 .slctr-content {
        padding-left: 0
    }
    .slctr-cnt .cRow {
        padding-left: 20px;
        padding-right: 20px
    }
    .slctr-col {
        display: block;
        width: auto;
        padding-right: 0;
        margin-right: auto;
        max-width: 100%
    }
    .slctr-info {
        padding: 25px 0 20px
    }
    .slctr-group {
        padding-bottom: 10px
    }
    .slctr-group+.slctr-col {
        margin-top: 20px
    }
    .slctr-line {
        display: block;
        width: auto!important;
        margin: 0 auto!important;
        padding: 0!important;
        max-width: 100%!important;
        text-align: center
    }
    .slctr-clear {
        margin: 25px auto 15px;
        display: inline-block
    }
    .slctr-call {
        text-align: left
    }
    .slctr-about .button {
        margin: 15px auto 0
    }
    .slctr-about {
        padding-top: 20px
    }
    .slctr-group+.slctr-col+.slctr-col {
        z-index: 96
    }
    .slctr-cnt:not(:empty) {
        margin-bottom: 30px
    }
}

@media (max-width:540px) {
    .slctr .inside {
        padding: 0 10px
    }
}

.slctr-row1:first-child {
    border-top: 2px solid #fed02f
}

.slctr .customSelect-arrow {
    margin-top: -2px;
    -webkit-transition: right .1s, -webkit-transform .1s;
    transition: right .1s, transform .1s
}

.slctr .customSelect.is-active .customSelect-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 14px
}

.catalog-filter {
    overflow: hidden
}

@media (min-width:780px) {
    .catalog-filter:after {
        content: ' ';
        display: block;
        background: #fff;
        width: 100%;
        height: 20px;
        bottom: 0;
        position: absolute
    }
}

.sSert-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    overflow: hidden;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

.sSert-image img {
    max-width: 100%;
    height: auto;
    width: Auto;
    max-height: 100%;
    display: flex;
    align-self: center
}

.prod-addition--tablet {
    display: none
}

@media (min-width:700px) and (max-width:900px) {
    .prod-addition {
        display: none
    }
    .prod-addition--tablet {
        display: block;
        clear: both;
        margin-top: 20px;
        border: 0;
        text-align: center
    }
    .prod-addition--tablet .mItem-content {
        text-align: left
    }
    .prod-addition--tablet .mItem-title {
        font-weight: 400
    }
    .prod-addition--tablet .prodsmore-title {
        text-align: center
    }
    .prod-addition--tablet .prodsinf .prodsmore {
        margin: 0 auto
    }
    .prod-col--2 {
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
}

@media (max-width:700px) {
    .prod-addition .prodsmore-big,
    .prod-addition .prodsmore-small,
    .prod-addition .prodsmore-title {
        text-align: center!important
    }
}

@media (max-width:660px) {
    .prod-addition--tablet {
        display: none!important
    }
}

.prodsblock-specials a,
a .prodsblock-for {
    color: #000;
    text-decoration: none
}

.prodsblock-specials a:hover,
a:hover .prodsblock-for {
    color: #fdcf43
}

.raceTable-activePointer {
    position: absolute;
    left: -100000px;
    right: -100000px;
    height: 30px;
    background: #dfe5ea;
    z-index: 5
}

.aRaces-cnt,
.slctr-nocontent {
    position: relative
}

.raceTable {
    z-index: 10
}

.slctr-nocontent {
    border-top: 2px solid #ffd130;
    border-bottom: 2px solid #ffd130;
    padding: 40px 0 38px;
    margin: -50px 0 60px;
    display: none;
    font-size: 18px;
    text-align: center
}

.slctr-nocontent.is-active {
    display: block
}

@media (max-width:1024px) {
    .slctr-nocontent {
        padding-top: 30px;
        padding-bottom: 28px
    }
}

@media (max-width:640px) {
    .slctr-nocontent {
        padding-top: 20px;
        padding-bottom: 18px;
        font-size: 16px;
        margin: -20px 0 60px
    }
}

.uc {
    height: 620px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center
}

.uc-logo {
    display: inline-block
}

.uc-situation {
    height: 200px;
    border-bottom: 1px dashed #d9d9d9;
    background: url(/local/templates/main-rosneft/css/../images/under-construction.png) center bottom no-repeat;
    margin-top: 100px
}

.uc-text {
    font-size: 28px;
    font-weight: 300;
    padding: 50px 0 0
}

.uc-text .yellow {
    color: #ffd30b
}

@media (max-height:700px) {
    .uc {
        height: 460px
    }
    .uc-situation {
        margin-top: 60px
    }
}

@media (max-height:550px) {
    .uc {
        height: 380px
    }
    .uc-situation {
        margin-top: 20px
    }
    .uc-text {
        padding-top: 30px
    }
}

@media (max-height:500px) {
    .uc-situation {
        display: none
    }
    .uc {
        height: 240px
    }
    .uc-text {
        padding-top: 60px
    }
}

@media (max-width:540px) {
    .uc-text {
        max-width: 320px;
        margin: 0 auto
    }
}

.cProds-ttl {
    color: rgba(0, 0, 0, .8);
    transition: transform .2s
}

.cProds-item:hover .cProds-ttl {
    transform: translateY(-20px)
}

@media (max-width:1024px) {
    .promoslider,
    .promoslider .fotorama__html,
    .promoslider .fotorama__stage,
    .promoslider .fotorama__stage__shaft,
    .promoslider .fotorama__wrap,
    .promoslider-slide {
        height: 400px!important
    }
    .promoslider-content {
        padding: 45px 0 0 335px
    }
}

@media (max-width:768px) {
    .promoslider,
    .promoslider .fotorama__html,
    .promoslider .fotorama__stage,
    .promoslider .fotorama__stage__shaft,
    .promoslider .fotorama__wrap,
    .promoslider-slide {
        height: 340px!important
    }
    .promoslider-content {
        padding-left: 50px;
        padding-top: 40px
    }
    .lpro .promoslider-content {
        padding-top: 100px
    }
    .prod-proditem {
        margin-top: 10px!important;
        transform: none!important
    }
    .bannersMain,
    .prod:after {
        clear: both
    }
    .prod .prod-col--1 {
        float: left;
        position: relative
    }
    .promoslider-nav {
        left: 63px;
        margin-left: auto
    }
}

@media (max-width:640px) {
    .uc-text {
        font-size: 24px;
        line-height: 26px
    }
    .prod .prod-col--1 {
        margin-right: 20px
    }
}

@media (max-width:540px) {
    .prod .prod-col--1 {
        display: block;
        float: none;
        margin: 0 auto
    }
    .promoslider,
    .promoslider .fotorama__html,
    .promoslider .fotorama__stage,
    .promoslider .fotorama__stage__shaft,
    .promoslider .fotorama__wrap,
    .promoslider-slide {
        height: 260px!important
    }
    .promoslider-nav {
        display: none!important
    }
    .lpro .promoslider-content,
    .promoslider-content {
        padding-left: 0;
        padding-top: 25px
    }
    .promoslider-title {
        padding-bottom: 15px
    }
}

@media (max-width:720px) {
    .promoslider-nav {
        left: 0;
        right: 0;
        margin: auto;
        text-align: center
    }
}

.ie .topCustoms-ask i {
    line-height: 20px
}

.ie .topCustoms-button {
    padding-top: 14px;
    padding-bottom: 13px
}

.ie .breadcrumbs-home:before {
    margin-top: -7px
}

.ie .breadcrumbs-item:after {
    margin-top: -6px
}

.ie .gZoom-plus {
    line-height: 43px
}

.ie10 .fct-item,
.ie8 .fct-item,
.ie9 .fct-item {
    display: inline-block
}

.ie .prod-buttons .button:after,
.ie .prod-buttons .button:before {
    margin-top: 7px
}

.ie .gSelect-clear {
    line-height: 14px
}

.ie .prod-buttons .button {
    padding-top: 10px;
    padding-bottom: 10px
}

@media (min-width:960px) {
    .ie .mFilter-link {
        line-height: 37px
    }
    .ie .cSector-title:before {
        line-height: 44px
    }
}

@media (min-width:900px) {
    .lpro-left+.lpro-cnt h1 {
        font-size: 42px
    }
}

.mainpage .promoslider-nav {
    display: none!important
}

.mainmenu .wholesite-link {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase
}

.nMain-source {
    display: inline-block
}

.nItem a {
    color: #000
}

.nItem-source a,
.nMain-source a {
    color: #074da8;
    text-decoration: underline
}

.nItem-source span,
.nMain-source span {
    color: #074da8
}

.nItem-source a:hover,
.nMain-source a:hover {
    color: #fed02f
}

.nItem-source {
    margin: 10px 0 -5px
}

.nItem-tags {
    display: block
}

.nItem-date,
.nMain-date {
    color: #212121
}

.nItem-image+.nItem-content {
    margin-left: 0
}

.nItem-image+.nItem-content .nItem-header {
    margin-left: 28%;
    display: block
}

.newsAs .nItem-image+.nItem-content .nItem-header {
    margin-left: 0
}

.newsAs .nItem-tags {
    display: inline-block
}

@media (max-width:640px) {
    .nItem-image+.nItem-content .nItem-header {
        margin-left: 75px
    }
}

.catalog-buttons .button {
    height: 70px;
    line-height: 54px;
    box-sizing: border-box
}

.catalog-buttons .button--rightar:after {
    margin-top: 22px
}

.button--olys,
.catalog-buttons .button.button--olys {
    margin-top: 10px;
    text-align: left;
    line-height: normal;
    height: 70px!important;
    max-height: 70px;
    box-sizing: border-box
}

.button--olys span,
.catalog-buttons .button.button--olys span {
    max-width: 200px;
    margin: 0 auto;
    text-align: left
}

.button--olys:after,
.catalog-buttons .button.button--olys:after {
    position: absolute;
    top: 0;
    right: 30px;
    margin-top: 23px
}

.button--olys span:last-child {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    line-height: 12px;
    height: 12px;
    text-transform: none;
    display: block
}

.button--olys span:first-child {
    padding-top: 10px;
    display: block;
    color: #212121!important
}

@media (max-width:780px) {
    .catalog-buttons {
        max-width: 320px!important;
        margin: 0 auto!important
    }
}

@media (min-width:767px) {
    .catalog-button--mobile {
        display: none!important
    }
}

@media (max-width:767px) {
    .catalog-button--mobile {
        display: block!important
    }
    .customSelect-under {
        text-align: left
    }
    .catalog-buttons .customSelect {
        text-align: left;
        display: block
    }
}

.prodsmore .button--olys {
    min-width: 278px;
    padding-top: 8px;
    margin-top: -5px
}

.prodsmore .button--olys span:first-child {
    font-size: 18px
}

.prodsinf .prodsmore-title {
    margin-bottom: 20px
}

@media (min-width:780px) {
    .cSecListList-cnt {
        padding-left: 40px
    }
    .cSecListList-hdr {
        font-size: 21px
    }
}

.customSelect-under {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    line-height: 12px;
    height: 12px;
    text-transform: none;
    display: block
}

.customSelect--yellow,
.prod .prodsmore-select .customSelect {
    padding: 27px 45px 23px 25px
}

.prod .prodsmore-select .customSelect {
    padding-right: 50px
}

.prod .customSelect {
    padding-right: 20px
}

.customSelect--yellow .customSelect-arrow,
.prod .customSelect .customSelect-arrow {
    position: absolute;
    right: 25px;
    transform: rotate(-90deg)!important;
    background-position: 0 0!important
}

.print .button,
.print-fot {
    right: 0;
    position: absolute
}

.customSelect--yellow .customSelect-listtitle,
.prod .customSelect .customSelect-listtitle {
    opacity: .5;
    z-index: 5;
    height: 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 40px
}

.customSelect--yellow .customSelect-list:before,
.prod .customSelect .customSelect-list:before {
    height: 18px
}

.js-open-wrapper .prodsmore {
    max-width: 600px
}

.prodsmore-select {
    top: 20px
}

.customSelect--yellow .customSelect-arrow,
.prod .customSelect .customSelect-arrow {
    top: 26px
}

.customSelect--yellow.is-active .customSelect-arrow,
.prod .customSelect.is-active .customSelect-arrow {
    transform: rotate(0)
}

.prodsinf--short .prodsmore-title {
    margin-right: 20px
}

.prodsinf--short .prodsmore-title+.customSelect {
    margin-top: -10px!important
}

.customSelect--yellow .customSelect-arrow {
    top: 29px
}

.nMain-more {
    display: block;
    margin-top: 5px
}

.nMain-more:hover {
    color: #fdcf43
}

.print {
    position: relative;
    width: 1180px;
    margin: 0 auto;
    padding-top: 35px
}

.print-body {
    background: url(/local/templates/main-rosneft/css/../images/fot.png) bottom center no-repeat;
    background-size: 100% auto;
    height: auto;
    padding-bottom: 369px
}

@media print {
    .print {
        height: 1430px;
        background: url(/local/templates/main-rosneft/css/../images/fot.png) bottom center no-repeat;
        background-size: 95% auto
    }
    .print-body {
        background: 0 0;
        padding-bottom: 0!important
    }
}

.print,
.print * {
    font-family: Arial, sans-serif!important
}

.print h1 {
    font-size: 32px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    display: block;
    color: #000;
    padding-bottom: 60px
}

.print .gList-addresses {
    width: 100%!important;
    max-width: 110%!important;
    margin: 0!important
}

.print-center {
    margin: 0 auto;
    overflow: hidden;
    width: 1000px
}

.print .gList-cont,
.print .gList-label,
.print .gList-phone {
    max-width: 280px;
    font-size: 15px
}

.print .gList-cont {
    line-height: 22px;
    color: #000
}

.print .gList-label {
    font-size: 13px
}

.print .gList-phone {
    font-size: 28px
}

.print .gList-addr {
    margin-bottom: 0
}

.print .gList-col {
    padding-bottom: 100px;
    margin: 0 -4px 0 0!important;
    display: inline-block!important;
    width: 30%!important;
    padding-right: 3%!important
}

.popup-texts p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 20px;
    color: #424242
}

.popup-texts a:hover {
    color: #fdcf43
}

.lpro-image {
    max-width: 250px;
    margin-right: 0;
    padding-right: 0
}

.lpro-image+.nSingle-content {
    margin-left: 0
}

.lpro-image+.nSingle-content.nSingle-content--marg {
    margin-left: 250px
}

.nSingle-content--marg .customSelect--yellow {
    padding-top: 22px;
    padding-bottom: 21px
}

.lpro-image img {
    position: relative;
    max-width: 220px;
    width: 100%;
    height: auto
}

@media (max-width:640px) {
    .lpro-image {
        display: block;
        float: none;
        margin: 0 auto
    }
}

.contentArea ul.bulletsInside li:before,
.nSingle ul.bulletsInside li:before {
    left: 0;
    top: 8px;
    margin-left: -2px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    border-radius: 50%;
    margin-bottom: 10px
}

.nSingle ul.bulletsInside li:before {
    background: #fddf52;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .cFor-title {
        opacity: .5
    }
    .cFor-col:hover .cFor-title,
    .is-active .cFor-title {
        opacity: 1
    }
    .contentArea ul li,
    .contentArea ul.bulletsInside,
    .nSingle ul li,
    .nSingle ul.bulletsInside {
        font-size: 16px
    }
}

.gList-icn {
    width: 20px;
    height: 25px;
    position: absolute;
    display: block;
    top: -3px;
    left: -30px
}

.print-fot {
    display: none;
    left: 0;
    margin: 0 auto;
    width: 1100px;
    bottom: 0
}

.print .button {
    width: 266px;
    height: 80px;
    font-size: 18px;
    font-weight: 500;
    box-sizing: border-box;
    left: 50%;
    margin-left: 200px;
    line-height: 53px;
    top: 25px
}

@page {
    size: A4;
    margin: 0
}

@page: left {
    margin: 0!important;
    padding: 0!important
}

@page: right {
    margin: 0!important;
    padding: 0!important
}

@page: first {
    margin: 0!important;
    padding: 0!important
}

@media print {
    .print,
    body,
    html {
        padding: 0!important
    }
    .print .button,
    .print .gList-col:before {
        display: none!important
    }
    body,
    html {
        width: 210mm;
        height: 297mm;
        margin: 0!important
    }
    .print {
        page-break-before: always;
        width: 22cm!important;
        margin: 0 auto!important;
        box-sizing: border-box!important;
        height: 28.4cm!important;
        position: relative;
        overflow: hidden;
        background: 0 0!important
    }
    .print-center {
        width: 19cm!important
    }
    .print h1 {
        padding: 50px 0 10px;
        font-size: 26px;
        line-height: 32px;
        margin: 0!important
    }
    .print .gList-cont {
        margin-right: -10px!important;
        font-size: 12px!important;
        line-height: 18px;
        color: #000
    }
    .print .gList-col {
        padding-bottom: 55px
    }
    .gList-icn,
    .print-fot {
        display: block;
        position: absolute
    }
    .gList-icn {
        width: 20px;
        height: 25px;
        top: -3px;
        left: -30px
    }
    .print .gList-label {
        font-size: 10px!important;
        padding-top: 10px!important;
        line-height: 14px!important
    }
    .print .gList-phone {
        font-size: 20px!important
    }
    .print-fot {
        height: auto;
        left: auto!important;
        right: 0!important;
        bottom: 0;
        width: 22cm!important;
        margin: 0 auto!important
    }
}

@media (max-width:540px) {
    .partners .swiper-slide {
        text-align: center
    }
}

.is-android .marketing-hdr .mFilter-arrows {
    display: none!important
}

.is-android * {
    text-shadow: none
}

.is-android .swiper-slide.cProds-prod {
    display: inline-block!important;
    flex: none
}

@media (max-width:768px) {
    .cProds-link {
        display: none!important
    }
    .cProds-code {
        transform: none!important
    }
}

@media (min-width:980px) {
    .gSelect-val {
        max-width: 100%
    }
}

.prAct--disabled {
    color: rgba(0, 0, 0, .6)!important
}

.popup-caption {
    margin-right: 25px
}

.cMapInfo-row {
    margin-right: 20px
}

.gZoom-plus {
    line-height: 42px;
    text-indent: 1px
}

@media (max-width:767px) {
    .ctlg .prodsblock-col:nth-child(3) .prodsblock-for:after,
    .ctlg .prodsblock-for:after {
        line-height: 38px
    }
    .ctlg .is-active .prodsblock-for:after,
    .ctlg .prodsblock-col:nth-child(3).is-active .prodsblock-for:after {
        line-height: 36px
    }
    .catalog-buttons .customSelect {
        padding-left: 20px
    }
}

@media (max-width:640px) {
    .lpro-image+.nSingle-content.nSingle-content--marg {
        margin-left: 0
    }
    .footer-wholesite .wholesite-burger {
        margin-right: 4px;
        margin-top: 2px
    }
    .catalog-chk .chk-left,
    .catalog-chk .chk-right {
        width: 34%
    }
    .nSingle-content>ul>li {
        font-size: 16px;
        line-height: 28px
    }
}

.is-android .topCustoms-button {
    background-image: none
}

.is-android .topCustoms-button:after {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    width: 7px;
    height: 9px;
    margin: 4px 0 0 5px;
    background: url(/local/templates/main-rosneft/css/../images/main/i-arrow-right.png) center no-repeat;
    background-size: 7px 9px;
    position: absolute
}

.is-android .partners-slider .swiper-slide {
    display: inline-block!important;
    flex: none;
    vertical-align: middle
}

.nQuote ul li:before {
    top: 9px
}

.media .mFilter-arrows {
    display: none
}

.andoid .lSearch-input::-webkit-input-placeholder {
    text-indent: 45px!important
}

.andoid .lSearch-input:-moz-placeholder {
    text-indent: 45px!important
}

.andoid .lSearch-input::-moz-placeholder {
    text-indent: 45px!important
}

.andoid .lSearch-input:-ms-input-placeholder {
    text-indent: 45px!important
}

.android .parnters-slider .swiper-slide {
    display: inline-block!important;
    flex: none
}

@media (max-width:620px) {
    .android .swiper-slide.cProds-prod {
        width: 100%!important;
        text-align: center
    }
}

.is-visible-huge {
    position: absolute;
    left: 0;
    top: 100%;
    height: 60px;
    padding-top: 10px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    padding-right: 86px;
    background: #fff;
    display: none
}

.saveDemo,
.saveDemo-image,
.saveDemo-main {
    position: relative
}

.is-visible-huge.is-active {
    display: block
}

@media (max-width:540px) {
    .cHdr-logo img {
        height: auto;
        margin: auto;
        vertical-align: middle;
        display: inline-block
    }
    .cHdr-logo {
        line-height: 45px
    }
    .nSingle-content>ul>li {
        font-size: 14px;
        line-height: 22px
    }
    .cMapInfo-addressLinks .cMapInfo-row {
        padding-right: 0;
        margin-right: 0
    }
    .cMapInfo-addressLinks .cMapInfo-row a {
        text-decoration: underline
    }
    .nFilter-tags.is-active .nFilter-sttmnt {
        max-height: 250px
    }
    .cMapInfo-row a {
        white-space: nowrap
    }
}

.saveDemo-hdr {
    padding: 15px 20px 0
}

.saveDemo-content .nSingle-content {
    padding: 0 20px
}

.saveDemo-main {
    padding: 20px;
    border: 1px solid #e5e5e5
}

.saveDemo-image {
    display: block;
    text-align: center;
    line-height: 0
}

.saveDemo-image img {
    display: none
}

.saveDemo-image img.is-active {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

.saveDemo-controls {
    position: relative;
    display: block;
    text-align: center;
    max-width: 310px;
    z-index: 10;
    margin: 15px auto
}

.saveDemo-controls:after,
.saveDemo-controls:before {
    left: 60px;
    height: 10px;
    top: 50%;
    margin-top: -8px;
    width: 1px;
    background: #cdcdcd;
    position: absolute;
    display: block;
    content: ' '
}

.saveDemo-controls:after {
    left: auto;
    right: 60px
}

.saveDemo-controlsLabel {
    font-size: 24px;
    padding: 16px 0
}

.saveDemo-rightar {
    background: url(/local/templates/main-rosneft/css/../images/saveDemo/i-ar-1.png) right center/17px auto no-repeat;
    right: 0
}

.saveDemo-leftar {
    right: 0;
    background: url(/local/templates/main-rosneft/css/../images/saveDemo/i-ar-2.png) left center/17px auto no-repeat;
    left: 5px
}

.saveDemo-leftar,
.saveDemo-rightar {
    opacity: .3;
    cursor: pointer;
    position: absolute;
    width: 60px;
    height: 22px;
    top: 1px;
    -webkit-user-select: none;
    user-select: none
}

.saveDemo-leftar:hover,
.saveDemo-rightar:hover {
    opacity: .6
}

.saveDemo-wrapper {
    position: relative;
    display: inline-block;
    max-width: 270px
}

.saveDemo-dot {
    position: absolute;
    background: #fed02f;
    color: #000;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    width: 30px;
    line-height: 34px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .25)
}

.sdItem,
.sdItem-number {
    color: #000;
    font-size: 14px;
    font-weight: 300
}

.saveDemo-description {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 0;
    min-height: 470px;
    text-align: justify;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width:1000px) {
    .saveDemo-wrapper {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .saveDemo-description--tnk .sdItem:first-child {
        padding-top: 15px;
        margin-bottom: -10px
    }
    .sdItem-txt--wide {
        margin-top: -20px
    }
}

.saveDemo-description:after {
    display: inline-block;
    width: 100%
}

.saveDemo-col {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 30%;
    text-align: left;
    max-width: 290px
}

.saveDemo-item {
    position: relative;
    padding: 50px 0 40px
}

.saveDemo-item:after {
    position: absolute;
    bottom: 0;
    left: 25px;
    height: 1px;
    background: #ccc;
    right: 0;
    display: block
}

.saveDemo-item:last-child:after {
    display: none
}

.sdItem-photo:after,
.sdTypes-row:after {
    display: block
}

.sdItem {
    line-height: 20px
}

.sdItem-txt {
    margin-left: 100px
}

.sdItem-txt--wide {
    margin-right: -35px
}

.sdItem-number,
.sdItem-photo {
    position: absolute;
    margin-top: -40px;
    box-sizing: border-box
}

.sdItem-photo {
    width: 80px;
    height: 80px;
    left: 0;
    border-radius: 50%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .25);
    overflow: hidden;
    top: 50%;
    z-index: 6
}

.sdItem-photo--under {
    z-index: 5;
    transform: translateY(-10px)
}

.sdItem-photo:after {
    position: absolute;
    border: 1px solid #fed02f;
    border-radius: 50%;
    left: 5px;
    right: 5px;
    bottom: 5px;
    top: 5px
}

.sdItem-photo img {
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

.sdItem-number {
    background: #fed02f;
    text-align: center;
    width: 20px;
    z-index: 10;
    top: 50%;
    border-radius: 50%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
    line-height: 0;
    padding: 11px 0 0;
    height: 20px
}

.is-ios .sdItem-number {
    padding-top: 10px
}

.sdTypes {
    position: relative;
    padding: 35px 0 20px
}

.sdTypes.morePadding {
    padding-bottom: 60px
}

.sdTypes-title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    padding-bottom: 40px;
    border-bottom: 2px solid #fed84c;
    padding-left: 20px
}

.sdTypes-content {
    position: relative;
    padding: 16px 0 0
}

.sdTypes-row {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0 10px
}

.sdTypes-row:after {
    position: absolute;
    background: #ccc;
    width: 1px;
    left: 50%;
    margin-left: -5px;
    top: 20px;
    bottom: 20px
}

.sdType,
.sdType-item {
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle
}

.sdType {
    width: 50%
}

.sdType-item {
    max-height: 140px
}

.sdType-volume {
    width: 25%;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    color: rgba(0, 0, 0, .5)
}

.sdType-image {
    width: 28%;
    text-align: center
}

.sdType-image img {
    position: relative;
    vertical-align: middle;
    max-height: 140px;
    max-width: 85%;
    width: auto;
    height: auto
}

.sdType-links {
    width: 32%;
    padding-left: 5%;
    font-size: 12px;
    line-height: 16px
}

.sdType-links li {
    padding: 15px 0 15px 35px
}

.sdType-links a {
    position: relative;
    text-decoration: none;
    border-bottom: 1px solid #bacde5
}

.sdType-pdf:after,
.sdType-photos:after {
    position: absolute;
    left: -40px;
    width: 40px;
    top: 50%;
    display: block
}

.sdType-links a:hover {
    color: #fdcf43;
    border-color: #fdd864
}

.sdType-photos:after {
    background: url(/local/templates/main-rosneft/css/../images/saveDemo/i-photo.png) no-repeat;
    height: 16px;
    margin-top: -9px
}

.sdType-photos:hover:after {
    background-position: 0 -16px
}

.sdType-pdf:after {
    background: url(/local/templates/main-rosneft/css/../images/saveDemo/i-pdf.png) 0 0/21px 58px no-repeat;
    height: 28px;
    margin-top: -14px
}

.sdType-pdf:hover:after {
    background-position: 0 -28px
}

@media (max-width:1000px) {
    .saveDemo-col,
    .saveDemo-item:last-child:after {
        display: block
    }
    .saveDemo-main {
        border: 0;
        padding-left: 0;
        padding-right: 0
    }
    .saveDemo-image {
        left: 50%;
        right: 0;
        position: absolute
    }
    .saveDemo-image img {
        max-height: 450px;
        width: auto;
        height: auto
    }
    .saveDemo-description {
        right: auto;
        width: 45%;
        left: 30px;
        top: 0;
        margin: 0;
        transform: none;
        display: block;
        position: relative
    }
    .saveDemo-col {
        width: auto;
        max-width: 320px
    }
    .saveDemo-item {
        padding: 35px 0
    }
    .saveDemo-col:last-child .saveDemo-item:last-child:after {
        display: none
    }
    .sdTypes-title {
        padding-left: 0;
        padding-bottom: 25px
    }
    .sdTypes-row {
        padding-bottom: 20px
    }
    .sdType-links li {
        padding: 10px 0 10px 29px
    }
    .sdTypes-row:after {
        left: 48%
    }
    .sdType-volume {
        text-align: right;
        width: 20%;
        white-space: nowrap
    }
    .saveDemo-hdr {
        padding: 15px 0 0
    }
    .saveDemo-content .nSingle-content {
        padding: 0
    }
}

@media (max-width:1000px) and (min-width:640px) {
    .saveDemo-image {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width:900px) {
    .saveDemo-description {
        left: 0
    }
}

@media (max-width:800px) {
    .sdItem-number,
    .sdItem-photo {
        margin-top: -30px
    }
    .sdTypes-row:after {
        left: 49%
    }
    .sdType-volume {
        font-size: 18px
    }
    .saveDemo-item {
        padding: 25px 0
    }
    .sdItem-photo {
        width: 60px;
        height: 60px
    }
    .sdItem-txt {
        margin-left: 75px
    }
    .sdType-links {
        width: 48%
    }
    .sdTypes-row {
        padding: 25px 0 20px
    }
}

@media (max-width:640px) {
    .sdType-image,
    .sdType-links,
    .sdType-volume {
        vertical-align: middle
    }
    .sdTypes-row:after {
        display: none
    }
    .saveDemo-image {
        display: block;
        position: relative;
        left: auto;
        right: auto;
        margin: auto;
        width: auto;
        max-width: 300px
    }
    .saveDemo-wrapper {
        min-height: 0
    }
    .saveDemo-description {
        display: block;
        width: auto;
        min-height: 0
    }
    .saveDemo-col {
        max-width: 100%;
        min-height: 50px
    }
    .sdItem {
        min-height: 50px;
        padding: 35px 0
    }
    .sdItem-photo {
        width: 80px;
        height: 80px;
        margin-top: -40px
    }
    .sdItem-txt {
        margin-left: 100px
    }
    .sdTypes-row {
        border: 0;
        padding: 0;
        display: block
    }
    .sdType {
        display: block;
        margin: auto;
        width: auto;
        padding: 15px 0 20px;
        border-bottom: 1px solid #e5e5e5
    }
    .sdType-volume {
        text-align: right;
        width: 18%;
        box-sizing: border-box;
        padding-right: 10px
    }
    .sdType-image {
        width: 34%;
        text-align: center
    }
    .sdType-image img {
        max-width: 70%;
        max-height: 90%;
        height: auto;
        width: auto
    }
    .sdType-links {
        width: 44%
    }
}

@media (max-width:400px) {
    .saveDemo-controls {
        margin: 10px auto
    }
}

.popup--white .popup-caption,
.popup--white .popup-close,
.popup--white .popup-originals a {
    color: #212121!important
}

.popup--white .popup-originals a:hover {
    color: #074da8
}

.overlay--white {
    background: rgba(255, 255, 255, .8)
}

/* End */


/* Start:/local/templates/main-rosneft/components/bitrix/menu/menu_main/style.min.css?1779717020490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main-rosneft/components/bitrix/menu/menu_main/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/main-rosneft/components/bitrix/menu/menu_main_whole_site/style.min.css?1779717020586*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main-rosneft/components/bitrix/menu/menu_main_whole_site/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}

div.mDropdown-content ul{

}

ul.mDropdown-list li{
	width: 150px;
    margin: 0px;
}
/* End */


/* Start:/local/templates/main-rosneft/components/bitrix/news.list/slider_main/style.css?1779717020162*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/main-rosneft/components/webidea/callback/rn_callback/style.css?17797170201960*/
.call-bg{
	width: 100%;
	height: 100%;
	top:0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
	background-color: rgba(0,0,0,0.7);
	z-index: 200;
	position: fixed;
	display: none;
}
.call-wrap{
	background-color: #fff;
	width: 500px;
	position: fixed;
	padding: 70px 30px 85px 30px;
	top: 100px;
	left: 50%;
	margin-left:-250px;
	display: none; 
	
	/*border: 1px solid #eaeaea;*/
	z-index: 205;
}

.call-wrap .info{
	display: block;
	margin: 15px 0px;
}

.call-wrap input[type="text"]{
	max-width: 100%;
	width: 100%;
	border: 1px solid #ccc;
    padding: 5px 15px;
    
}

.call-wrap .line{
	margin-bottom: 10px;
}

.call-wrap label{
	display: block;
	margin-bottom: 2px;
}

.call-wrap .title{
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #797979;
	padding: 10px 0px 0px 15px; 
	margin: 0px;
	width: 100%;
	height: 50px;
	line-height: 45px;
	font-size: 24px;
	color: #fff;
	
}

.call-wrap .title h2{
	display: block;
	color: #fff;
	margin: 0px;
	font-size: 24px;
}

.call-wrap .buttons-wrap{
	display: block;
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.call-wrap .buttons-wrap a.send{
	background-color: #29487d;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    font-size: 16px;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    width: 180px;
}

.call-wrap .buttons-wrap a.cancel{
	display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    font-size: 16px;
    color: #222;
}

.call-wrap .close{
	opacity: 1;
	display:block; 
    background-image:url(/local/templates/main-rosneft/components/webidea/callback/rn_callback/img/close.png);
    background-repeat:no-repeat;
    width:24px;
    height:24px;
    position:absolute;
    right:14px;
    top:14px;
    z-index: 25;
}

.call-wrap .close:hover{
	opacity: 0.5;
	
}

#call-err{
	font-size: 14px;
	color: #ff4242;
}
/* End */


/* Start:/local/templates/main-rosneft/template_styles.css?1779717016366269*/
@media (max-width:620px){
    .mDropdown-col{
        margin:0px 0px 0px 40px;
    }
}

@media (max-width:1024px){
    .header{
        margin-bottom: 45px;
    }
}

@media (max-width:767px){
    .header{
        margin-bottom: 65px;
    }
}

@media (max-width: 415px){
    .topContacts{
        display: none !important;
    } 
    .distributorLogo{
        margin-left: 15%;       
    }
}

@media (max-width:450px){

}


.button,
.chk,
.grid-col {
    vertical-align: top
}

.js-chkbx-set *,
.mainmenu-wholesite {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none
}

.button,
.chk,
.contentArea,
.contentArea h3,
.header .customSelect,
.mainmenu,
.topCustoms-ask i,
body,
h1,
h2,
html {
    font-family: PFBeauSansPro, Arial, sans-serif
}

.asSport-team,
.button,
.header .customSelect-val,
.mDropdown-close,
.proditem-button,
.proditem-photo,
.prodsblock-image,
.promoslider-navlink,
.topCustoms-ask i,
.topCustoms-lang {
    text-align: center
}

button,
img {
    border: 0
}

#all,
#wrap {
    height: auto;
    min-height: 100%
}

.button--outline:active,
.button:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.mDropdown-close,
body,
html {
    -webkit-font-smoothing: antialiased
}

.button,
.chk,
.mainmenu .wholesite-line,
.mainmenu-link,
.proditem-button {
    text-transform: uppercase
}

.pullRight
{
	float: right;
}

.bannerExample
{
	width: 980px;
	height: 80px;
	background: #ccc;
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/../fonts/opensans/Light/OpenSans-Light.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/../fonts/opensans/Light/OpenSans-Light.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/opensans/Light/OpenSans-Light.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/../fonts/opensans/Light/OpenSans-Light.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/../fonts/opensans/Light/OpenSans-Light.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/../fonts/opensans/Light/OpenSans-Light.svg?v=1.1.0#Light) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/../fonts/opensans/LightItalic/OpenSans-LightItalic.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/../fonts/opensans/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/opensans/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/../fonts/opensans/LightItalic/OpenSans-LightItalic.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/../fonts/opensans/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/../fonts/opensans/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic) format("svg");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/../fonts/opensans/Regular/OpenSans-Regular.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/../fonts/opensans/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/opensans/Regular/OpenSans-Regular.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/../fonts/opensans/Regular/OpenSans-Regular.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/../fonts/opensans/Regular/OpenSans-Regular.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/../fonts/opensans/Regular/OpenSans-Regular.svg?v=1.1.0#Regular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/../fonts/opensans/Italic/OpenSans-Italic.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/../fonts/opensans/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/opensans/Italic/OpenSans-Italic.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/../fonts/opensans/Italic/OpenSans-Italic.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/../fonts/opensans/Italic/OpenSans-Italic.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/../fonts/opensans/Italic/OpenSans-Italic.svg?v=1.1.0#Italic) format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/../fonts/opensans/Semibold/OpenSans-Semibold.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/../fonts/opensans/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/opensans/Semibold/OpenSans-Semibold.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/../fonts/opensans/Semibold/OpenSans-Semibold.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/../fonts/opensans/Semibold/OpenSans-Semibold.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/../fonts/opensans/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold) format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic) format("svg");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/../fonts/opensans/Bold/OpenSans-Bold.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/../fonts/opensans/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/opensans/Bold/OpenSans-Bold.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/../fonts/opensans/Bold/OpenSans-Bold.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/../fonts/opensans/Bold/OpenSans-Bold.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/../fonts/opensans/Bold/OpenSans-Bold.svg?v=1.1.0#Bold) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/../fonts/opensans/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/../fonts/opensans/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/../fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/../fonts/opensans/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/../fonts/opensans/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic) format("svg");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/../fonts/opensans/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/../fonts/opensans/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/../fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/../fonts/opensans/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/../fonts/opensans/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold) format("svg");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(/local/templates/main-rosneft/../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0);
    src: url(/local/templates/main-rosneft/../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0) format("woff2"), url(/local/templates/main-rosneft/../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0) format("woff"), url(/local/templates/main-rosneft/../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0) format("truetype"), url(/local/templates/main-rosneft/../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic) format("svg");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-Black_gdi.eot);
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-Black_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Black_gdi.woff) format("woff"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Black_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Black_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Black_gdi.svg#Exo2-Black) format("svg");
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-Bold_gdi.eot);
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-Bold_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Bold_gdi.woff) format("woff"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Bold_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Bold_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Bold_gdi.svg#Exo2-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-ExtraBold_gdi.eot);
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-ExtraBold_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-ExtraBold_gdi.woff) format("woff"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-ExtraBold_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-ExtraBold_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-ExtraBold_gdi.svg#Exo2-ExtraBold) format("svg");
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-ExtraLight_gdi.eot);
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-ExtraLight_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-ExtraLight_gdi.woff) format("woff"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-ExtraLight_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-ExtraLight_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-ExtraLight_gdi.svg#Exo2-ExtraLight) format("svg");
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-Light_gdi.eot);
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-Light_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Light_gdi.woff) format("woff"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Light_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Light_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Light_gdi.svg#Exo2-Light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-Medium_gdi.eot);
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-Medium_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Medium_gdi.woff) format("woff"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Medium_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Medium_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Medium_gdi.svg#Exo2-Medium) format("svg");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-Regular_gdi.eot);
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-Regular_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Regular_gdi.woff) format("woff"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Regular_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Regular_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Regular_gdi.svg#Exo2-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-SemiBold_gdi.eot);
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-SemiBold_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-SemiBold_gdi.woff) format("woff"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-SemiBold_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-SemiBold_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-SemiBold_gdi.svg#Exo2-SemiBold) format("svg");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Exo 2';
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-Thin_gdi.eot);
    src: url(/local/templates/main-rosneft/../fonts/exo/Exo2-Thin_gdi.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Thin_gdi.woff) format("woff"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Thin_gdi.ttf) format("truetype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Thin_gdi.otf) format("opentype"), url(/local/templates/main-rosneft/../fonts/exo/Exo2-Thin_gdi.svg#Exo2-Thin) format("svg");
    font-weight: 100;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: PFBeauSansPro;
    src: url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-regular-webfont.eot);
    src: url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-regular-webfont.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-regular-webfont.woff) format("woff"), url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-regular-webfont.ttf) format("truetype"), url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-regular-webfont.svg#pf_beausans_proregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: PFBeauSansPro;
    src: url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-light-webfont.eot);
    src: url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-light-webfont.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-light-webfont.woff) format("woff"), url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-light-webfont.ttf) format("truetype"), url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-light-webfont.svg#pf_beausans_prolight) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: PFBeauSansPro;
    src: url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-bold-webfont.eot);
    src: url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-bold-webfont.eot?#iefix) format("embedded-opentype"), url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-bold-webfont.woff) format("woff"), url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-bold-webfont.ttf) format("truetype"), url(/local/templates/main-rosneft/../fonts/pfbeausanspro/pfbeausanspro-bold-webfont.svg#pf_beausans_probold) format("svg");
    font-weight: 700;
    font-style: normal
}

a,
article,
aside,
audio,
blockquote,
body,
canvas,
datalist,
details,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
img,
input,
label,
legend,
li,
mark,
menu,
meter,
nav,
ol,
output,
p,
picture,
progress,
section,
span,
time,
ul,
video {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    max-height: 999999px;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004)
}

article,
aside,
audio,
canvas,
datalist,
details,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
picture,
progress,
section,
time,
video {
    display: block
}

#cursor,
.hidden {
    display: none
}

body,
html {
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 12px;
    line-height: 1.5em
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

nav,
ul {
    list-style: none
}

a {
    -o-transition: color .2s, border-color .2s, background-color .2s;
    -ms-transition: color .2s, border-color .2s, background-color .2s;
    -moz-transition: color .2s, border-color .2s, background-color .2s;
    -webkit-transition: color .2s, border-color .2s, background-color .2s;
    transition: color .2s, border-color .2s, background-color .2s;
    color: #074da8
}

a:hover {
    transition: none
}

button {
    outline: 0;
    -webkit-tap-highlight-color: none;
    background: 0 0
}

#cursor {
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 100000
}

.grid,
.grid-col,
.grid-row {
    position: relative
}

#cursor,
.load,
.loadAjax {
    background-image: url(/local/templates/main-rosneft/../images/load.gif)
}

input {
    border-radius: 0
}

.grid-col {
    display: inline-block;
    margin-right: -4px;
    margin-bottom: 20px
}

.grid-inner,
.phone {
    display: block;
    position: relative
}

.grid-col--1 {
    width: 33%
}

.grid-col--2 {
    width: 66%
}

#all,
footer {
    width: 100%;
    position: relative
}

.grid-inner {
    margin-right: 20px
}

#all {
    min-width: 320px;
    overflow: hidden
}

#wrap {
    position: relative;
    padding-bottom: 465px
}

footer {
    clear: both;
    height: 465px;
    margin-top: -465px
}

.inside {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 980px
}

.phone {
    font-size: 24px;
    font-weight: 300
}

.button {
    position: relative;
    display: inline-block;
    margin-right: -4px;
    cursor: pointer;
    background: #fed02f;
    color: #000;
    padding: 15px 20px 13px;
    text-decoration: none;
    letter-spacing: .02em;
    font-weight: 500
}

.button--leftar:before,
.button--rightar:after {
    width: 7px;
    height: 9px;
    position: relative;
    vertical-align: top;
    content: ' '
}

.button:active,
.button:hover {
    background-color: #fee142
}

.button.is-disabled,
.button.is-disabled:hover,
.button:disabled,
.button:disabled:hover {
    opacity: .6;
    background: #fed02f;
    pointer-events: none
}

.button--blue {
    background: #074da8;
    color: #fff
}

.button--blue:hover {
    background: #fed02f
}

.button--blue.is-disabled,
.button--blue.is-disabled:hover,
.button--blue:disabled,
.button--blue:disabled:hover {
    opacity: .6;
    background: #074da8;
    pointer-events: none
}

.button--rightar:after {
    display: inline-block;
    margin: 3px 0 0 5px;
    background: url(/local/templates/main-rosneft/../images/main/i-arrow-right.png) center no-repeat;
    background-size: 7px 9px
}

.button--leftar:before {
    display: inline-block;
    margin: 5px 5px 0 0;
    background: url(/local/templates/main-rosneft/../images/main/i-arrow-left.png) center no-repeat;
    background-size: 7px 9px
}

h1 small,
h1 span,
h2 small,
h2 span {
    margin-right: 35px
}

.button--outline {
    border: 2px solid #fee142;
    background: 0 0;
    padding: 13px 18px 11px
}

.button--outline:active {
    padding: 15px 20px 13px;
    border-width: 0
}

.jspContainer,
.jspScrollable,
.scrollpane {
    outline: 0!important
}

h1,
h2 {
    font-size: 50px;
    line-height: .9em;
    color: #212121;
    font-weight: 700
}

h1 small,
h2 small {
    font-size: 14px;
    font-weight: 400;
    color: #212121
}

h3,
h4 {
    font-weight: 700
}

h1 a,
h2 a {
    color: #212121;
    opacity: .8
}

h1 a:hover,
h2 a:hover {
    color: #000;
    opacity: 1
}

h1.is-mid-fs,
h2.is-mid-fs {
    font-size: 42px;
    line-height: 1.142em
}

h3 {
    font-size: 38px;
    line-height: .73em
}

h4 {
    font-size: 24px;
    line-height: 1.166em
}

.chk,
.contentArea {
    font-size: 14px
}

.banner-placeholder {
    background: #e5e5e5;
    position: relative
}

.chk {
    position: relative;
    background: #f4f4f4;
    border-radius: 50px;
    line-height: 1.42em;
    font-weight: 500;
    letter-spacing: .05em;
    padding: 10px 15px;
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: auto;
    cursor: pointer
}

.chk:after {
    position: absolute;
    content: ' ';
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 90
}

.chk .switchery-default {
    background: #fed02f;
    height: 26px;
    width: 45px;
    border: 0!important
}

.chk .switchery-default>small {
    width: 20px;
    height: 20px;
    z-index: 20;
    border: 0;
    top: 3px;
    left: 3px!important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.chk .switchery-default.is-active>small {
    left: 22px!important
}

.chk-chk,
.chk-left,
.chk-right {
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0 7px;
    vertical-align: middle
}

.header .customSelect-val,
.mDropdown-col,
.mSearch-field,
.mainmenu-link,
.topCustoms-ask,
.topCustoms-ask i,
.topCustoms-ask span,
.topCustoms-lang,
.topCustoms-lang i,
.wholesite-burger {
    vertical-align: top
}

.contentArea ul li:before,
.switchery-default:before {
    content: ' ';
    display: block;
    background: #fed02f;
    left: 0
}

.contentArea h3,
.contentArea p,
.contentArea ul {
    margin-bottom: 24px
}

.chk-left,
.chk-right {
    margin-top: 2px
}

.js-chkbx-set * {
    user-select: none
}

.switchery-default:before {
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    border-radius: 20px;
    z-index: 5
}

.contentArea-hdr {
    padding: 0 20px 35px
}

.contentArea {
    line-height: 1.7142857142857em
}

.contentArea h3 {
    font-size: 24px;
    line-height: 1.1666666666667em;
    font-weight: 600
}

.contentArea p+h3 {
    padding-top: 20px
}

.contentArea p {
    font-size: 16px;
    line-height: 28px
}

.contentArea ul li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.5714285714286em;
    padding-bottom: 10px
}

.contentArea ul li:before {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 9px
}

.contentArea a:hover {
    color: #fed02f
}

.customSelect-list::-webkit-scrollbar {
    display: none!important
}

.header {
    position: relative;
    height: 205px
}

.header .inside {
    position: relative;
    height: 100%
}

.header-logo {
    display: inline-block;
    border-left: 1px #e5e5e5 solid;
    padding-left: 30px;
    margin-top: 40px;
}

.distributorLogo
{
    display: inline-block;
    margin-top: 40px;
    padding-right: 20px;
    text-align: center;
}
.distributorLogo a
{
    color: #000000;
    text-decoration: none;
    font-size: 12px;
}
.distributorLogo img
{
    width: 140px;
    height: auto;
}

.header-contacts {
    display: inline-block;
    margin-left: 94px;
    margin-top: 40px;
}

.header-search {
    position: absolute;
    top: 110px;
    right: 20px;
    max-width: 420px;
    width: 41%
}

.header-customs {
    position: absolute;
    right: 20px;
    top: 45px
}

.logotype-image {
    position: relative;
    display: none
}

.is-not-svg-support .logotype-image,
.logotype-svg {
    display: block
}

.is-not-svg-support .logotype-svg {
    display: none
}

.topContacts {
    font-size: 12px;
    line-height: 1.33em
}

.topContacts-row {
    position: relative;
    display: block;
    padding: 0 0 20px
}

.topContacts-row--location:before,
.topContacts-row--phone:before {
    position: absolute;
    display: block;
    content: ' '
}

.topContacts-row--phone:before {
    background: url(/local/templates/main-rosneft/../images/main/i-phone.png) center no-repeat;
    background-size: 22px auto;
    width: 22px;
    height: 22px;
    left: -48px;
    top: 3px
}

.topContacts-row--phone.mobileOnly
{
    display: none;
}

.topContacts-row--location:before {
    background: url(/local/templates/main-rosneft/../images/main/i-location.png) center no-repeat;
    background-size: 21px auto;
    width: 21px;
    height: 26px;
    left: -47px;
    top: 6px
}

.topContacts-label {
    opacity: .7;
    font-size: 14px;
    display: block;
    padding: 5px 0 0
}

.topContacts-address {
    font-size: 12px;
    font-weight: 300;
    max-width: 300px
}

.topContacts-address small {
    font-size: 12px;
    display: block
}

.topContacts-email {
    font-size: 14px;
    display: block
}

.topContacts-email a {
    color: #666
}

.topContacts-email a:hover,
.topContacts-phone {
    color: #000
}

.topSearch-form {
    position: relative;
    border: 1px solid #c8d6da;
    height: 43px
}

.topSearch-field {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 70px;
    bottom: 0
}

.topSearch-input {
    padding-left: 20px;
    border: 0;
    background: 0 0;
    font-size: 14px;
    height: 100%;
    display: block;
    width: 100%;
    outline: 0
}

.topSearch-button {
    background: url(/local/templates/main-rosneft/../images/main/i-zoom.png) center no-repeat #c8d6da;
    background-size: 16px auto;
    top: -1px;
    right: 0;
    bottom: -1px;
    width: 45px;
    position: absolute;
    cursor: pointer;
    transition: background .2s
}

.topSearch-button:active,
.topSearch-button:hover {
    background-color: #d3dee1
}

.topSearch-button:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.is-safari .topSearch-button {
    top: -2px;
    bottom: -2px
}

.topCustoms-ask {
    display: inline-block;
    color: #000;
    text-decoration: none;
    margin: 13px 8px 0 0;
    font-size: 14px
}

.topCustoms-ask i {
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    background: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    font-style: normal;
    line-height: 21px;
    transition: background .2s
}

.header .customSelect:hover .customSelect-val,
.topCustoms-ask:hover {
    color: #fed02f
}

.topCustoms-ask span {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: -4px;
    border-bottom: 1px dashed rgba(0, 0, 0, .3);
    transition: border .2s;
    margin-top: 2px
}

.topCustoms-ask:hover i {
    background: #fed02f;
    transition: none
}

.topCustoms-ask:hover span {
    border-bottom-color: #fed959;
    transition: none
}

.topCustoms-button {
    position: relative;
    margin-right: 0;
    background-image: url(/local/templates/main-rosneft/../images/main/i-arrow-right.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 7px 9px;
    padding: 14px 36px 13px 20px;
    font-size: 13px;
    font-weight: 700;
    display: block;
    margin-top: 35px;
}

.topCustoms-lang {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    margin: 14px 25px 0;
    font-size: 14px;
    font-weight: 500
}

.topCustoms-lang i {
    display: inline-block;
    background: url(/local/templates/main-rosneft/../images/main/i-arrows.png) no-repeat;
    width: 10px;
    height: 6px;
    background-size: 10px auto;
    margin: 6px 0 0 5px
}

.header .customSelect {
    position: relative;
    z-index: 55
}

.header .customSelect.is-active .customSelect-list {
    max-height: 500px;
    opacity: 1
}

.header .customSelect-val {
    display: inline-block;
    margin-right: -4px;
    cursor: pointer;
    min-width: 35px;
    margin-left: -5px;
    margin-top: 2px
}

.header .customSelect-arrow {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    background: url(/local/templates/main-rosneft/../images/main/i-arrows.png) 5px 0 no-repeat;
    width: 15px;
    height: 6px;
    background-size: 10px auto;
    margin: 6px 0 0
}

.header .customSelect-list {
    position: absolute;
    background: #fff;
    max-height: 0;
    width: 100px;
    left: 0;
    overflow: auto;
    opacity: 0;
    transition: max-height .4s opacity .4s;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2)
}

.header .customSelect-list a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 8px 10px 4px
}

.header .customSelect-list a:hover {
    background: rgba(0, 0, 0, .1)
}

.header .customSelect-slct {
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    opacity: 0;
    display: none
}

.topContacts-lc {
    display: none
}

.mainmenu {
    position: relative;
    background: #fed02f;
    z-index: 690
}

.mainmenu-list {
    position: relative;
    display: block;
    margin: 0 -20px 0 145px;
    font-size: 14px
}

.mainmenu-link {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: -4px;
    text-decoration: none;
    letter-spacing: .03em;
    padding: 25px 10px 22px;
    color: #000;
    font-weight: 300
}

.customSelect--yellow,
.prod .customSelect,
.proditem-button {
    letter-spacing: .05em;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.mainmenu-link span {
    transition: border-color .2s;
    border-bottom: 1px solid transparent;
    display: inline-block
}

.mainmenu-link:hover span {
    border-color: rgba(0, 0, 0, .3)
}

.mainmenu-link--active {
    font-weight: 700
}

.mainmenu-wholesite {
    position: absolute;
    top: 0;
    left: 0;
    width: 155px;
    bottom: 0;
    font-size: 18px;
    border-right: 1px solid #feea73;
    color: #000;
    cursor: pointer;
    user-select: none
}

.promoslider-arrow,
.promoslider-nav {
    -webkit-user-select: none;
    position: absolute
}

.wholesite-link {
    padding-top: 0;
    display: inline-block
}

.mainmenu-wholesite.is-active .wholesite-burger span:first-child {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    -webkit-transition: -webkit-transform .2s, top .2s;
    -moz-transition: -moz-transform .2s, top .2s;
    -ms-transition: -ms-transform .2s, top .2s;
    -o-transition: -o-transform .2s, top .2s;
    transition: transform .2s, top .2s;
    top: 4px
}

.mainmenu-wholesite.is-active .wholesite-burger span:nth-child(3) {
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -webkit-transition: -webkit-transform .2s, top .2s;
    -moz-transition: -moz-transform .2s, top .2s;
    -ms-transition: -ms-transform .2s, top .2s;
    -o-transition: -o-transform .2s, top .2s;
    transition: transform .2s, top .2s;
    top: 4px
}

.mainmenu-wholesite.is-active .wholesite-burger span:nth-child(2) {
    opacity: 0;
    transition: opacity .2s
}

.wholesite {
    padding: 22px 0 0;
    background: #fee142
}

.wholesite:hover,
.wholesite:hover:before {
    background: #fed02f
}

.wholesite:before {
    position: absolute;
    content: ' ';
    display: block;
    right: 100%;
    width: 10000px;
    top: 0;
    bottom: 0;
    background: #fee142
}

.wholesite-burger {
    display: -moz-inline-stack;
    display: inline-block;
    position: relative;
    margin: 3px 10px 0 20px;
    width: 14px
}

.wholesite-burger span {
    width: 100%;
    display: block;
    height: 2px;
    background: #000;
    margin: 2px 0;
    position: absolute;
    left: 0;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition: -webkit-transform .2s, top .2s;
    -moz-transition: -moz-transform .2s, top .2s;
    -ms-transition: -ms-transform .2s, top .2s;
    -o-transition: -o-transform .2s, top .2s;
    transition: transform .2s, top .2s
}

.wholesite-burger span:first-child {
    top: 0
}

.wholesite-burger span:nth-child(2) {
    top: 4px;
    opacity: 1;
    transition: opacity .2s
}

.wholesite-burger span:nth-child(3) {
    top: 8px
}

.mainmenu .wholesite-line {
    font-size: 14px;
    font-weight: 300
}

.mainmenu-dropdown {
    position: absolute;
    top: 66px;
    left: 0;
    right: 0;
    padding: 60px 0 55px;
    background: #f5f9fa;
    box-shadow: 0 8px 8px rgba(0, 0, 0, .2);
    font-family: PFBeauSansPro, Arial, sans-serif;
    font-size: 14px;
    display: none
}

.mainmenu-dropdown a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 6px 0
}

.mDropdown-phone,
.mDropdown-tablet,
.mainmenu .mDropdown-close {
    display: none
}

.mainmenu-dropdown a.active,
.mainmenu-dropdown a:hover {
    opacity: 1;
    color: #fed02f
}

.mDropdown {
    min-width: 320px
}

.mDropdown-content {
    padding: 0 20px
}

.mDropdown-title {
    font-size: 18px;
    margin-bottom: 3px;
    display: block
}

.mDropdown-item {
    opacity: .5
}

.mDropdown-col {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: -4px
}

.mDropdown-col--1,
.mDropdown-col--2,
.mDropdown-col--3,
.mDropdown-col--4 {
    width: 23%;
    padding-right: 2%
}

.mDropdown-list {
    padding-bottom: 15px
}

.mDropdown-close {
    font-size: 15px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #000;
    opacity: .4;
    cursor: pointer;
    position: absolute;
    top: -40px;
    right: 20px;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    font-weight: 300
}

.mSearch-input,
.mainmenu-buy,
.mainmenu-quest {
    font-size: 14px;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.mDropdown-close:hover {
    opacity: 1
}

.proditem-description,
.proditem-label {
    opacity: .5;
    font-size: 12px
}

.mainmenu-mobile {
    display: none
}

.mSearch-field {
    position: relative;
    width: 170px;
    display: -moz-inline-stack;
    display: inline-block;
    padding-top: 12px;
    margin-right: -10px!important
}

.mSearch-button,
.mainmenu-buy i,
.mainmenu-quest i,
.mainmenu-search {
    margin-right: -4px;
    vertical-align: top
}

.mSearch-input {
    display: block;
    background: 0 0;
    border: 0;
    width: 94%;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    outline: 0;
    color: #000
}

.mSearch-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

.mSearch-input::-moz-placeholder {
    color: rgba(0, 0, 0, .3)
}

.mSearch-input:-moz-placeholder {
    color: rgba(0, 0, 0, .3)
}

.mSearch-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

.mSearch-input:focus {
    border-color: #000
}

.mSearch-button {
    background: url(/local/templates/main-rosneft/../images/main/i-search-2.png) center no-repeat;
    background-size: 16px 16px;
    width: 40px;
    height: 40px;
    display: -moz-inline-stack;
    display: inline-block;
    cursor: pointer
}

.mainmenu-search {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    margin-top: 14px;
    margin-left: 20px
}

.mainmenu-buy,
.mainmenu-buy a,
.mainmenu-quest,
.mainmenu-quest a {
    color: #000;
    margin-right: -4px;
    vertical-align: top
}

.mainmenu-buy,
.mainmenu-quest {
    cursor: pointer;
    padding-right: 20px;
    margin-left: 20px;
    margin-top: 26px;
    position: relative;
    display: inline-block
}

.mainmenu-buy:after,
.mainmenu-quest:after {
    height: 10px;
    width: 1px;
    background: #bf9d21;
    position: absolute;
    content: ' ';
    display: block;
    right: 0;
    top: 50%;
    margin-top: -5px
}

.mainmenu-buy a,
.mainmenu-quest a {
    text-decoration: none;
    display: inline-block;
    margin-left: 22px
}

.mainmenu-buy a span,
.mainmenu-quest a span {
    border-bottom: 1px dashed rgba(0, 0, 0, .3)
}

.mainmenu-buy a:hover,
.mainmenu-quest a:hover {
    color: rgba(0, 0, 0, .7)
}

.mainmenu-buy a:hover span,
.mainmenu-quest a:hover span {
    border-color: rgba(0, 0, 0, .2)
}

.mainmenu-buy i,
.mainmenu-quest i {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    font-family: PFBeauSansPro, Arial, sans-serif;
    font-size: 20px;
    font-style: normal
}

.mainmenu-aboutlinks,
.mainmenu-autolinks,
.mainmenu-productionlinks {
    padding: 25px 35px 25px 30px;
    background: #f6f9fa;
    position: absolute;
    top: 100%;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1);
    right: 330px;
    display: none
}

.mainmenu-aboutlinks {
    right: auto;
    left: 0
}

.mainmenu-productionlinks {
    right: auto;
    left: 120px
}

.mainmenu-aboutlinks.is-active,
.mainmenu-autolinks.is-active,
.mainmenu-productionlinks.is-active {
    display: block
}

.mainmenu-aboutlinks:before,
.mainmenu-autolinks:before,
.mainmenu-productionlinks:before {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #f6f9fa;
    position: absolute;
    content: ' ';
    display: block;
    top: -7px;
    left: 20px
}

.mainmenu-aboutlinks a,
.mainmenu-autolinks a,
.mainmenu-productionlinks a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    padding: 4px 0;
    color: rgba(0, 0, 0, .8)
}

.footer-left a,
.footer-right a,
.mainmenu-aboutlinks a:hover,
.mainmenu-autolinks a:hover,
.mainmenu-productionlinks a:hover {
    text-decoration: underline
}

.promoslider {
    position: relative;
    max-height: 500px;
    height: 500px;
    overflow: hidden
}

.promoslider .fotorama__html,
.promoslider .fotorama__stage,
.promoslider .fotorama__stage__shaft,
.promoslider .fotorama__wrap {
    height: 500px!important
}

.promoslider-slide {
    height: 500px;
    position: relative
}

.promoslider-image {
    position: absolute;
    left: -100px;
    right: -100px;
    max-width: 100%;
    margin: 0 auto;
    height: 100%;
    width: auto
}

.promoslider-arrow,
.promoslider-nav {
    left: 50%;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none
}

.promoslider-slide--1 {
    position: relative;
    background: url(/local/templates/main-rosneft/../images/main/image.jpg) center no-repeat;
    background-size: cover
}

.promoslider-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.promoslider-content {
    position: relative;
    padding: 75px 0 0 340px;
    color: #fff;
    font-family: PFBeauSansPro, Arial, sans-serif;
    max-width: 500px
}

.promoslider-title {
    font-size: 50px;
    line-height: .92em;
    padding-bottom: 35px;
    font-weight: 300
}

.promoslider-title a {
    color: #fff;
    text-decoration: none;
    border: 0
}

.promoslider-title a:hover {
    color: #fed02f
}

.promoslider-text {
    font-size: 18px;
    line-height: 1.56em;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.promoslider-nav {
    bottom: 40px;
    margin-left: -155px;
    user-select: none
}

.promoslider-navlink {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    line-height: 33px;
    border: 1px solid #9e9a96;
    width: 30px;
    height: 30px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600
}

.promoslider-navlink:hover {
    background: #9e9a96
}

.promoslider-navlink:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    background: #9e9a96
}

.promoslider-navlink.is-active,
.promoslider-navlink.is-active:active,
.promoslider-navlink.is-active:hover {
    color: #000;
    background: #fed02f!important;
    border-color: #fed02f;
    cursor: default
}

.promoslider-arrow {
    display: block;
    width: 30px;
    height: 30px;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    margin-left: 575px;
    user-select: none;
    z-index: 10
}

.customSelect--yellow,
.partners-arrow,
.prod .customSelect {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none
}

.promoslider-arrow.promoslider-arrow--left {
    margin-left: -600px
}

.promoslider-arrow:after,
.promoslider-arrow:before {
    content: ' ';
    transition: transform .2s, width .2s;
    height: 4px;
    width: 30px;
    background: #fff;
    left: 0;
    position: absolute
}

.prod,
.prod-col,
.prod-content,
.prod-proditem,
.proditem-content,
.proditem-header,
.prodsblock,
.prodsblock-col,
.prodsblock-list {
    position: relative
}

.promoslider-arrow:before {
    top: 2px;
    display: block;
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.promoslider-arrow:after {
    bottom: 2px;
    display: block;
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.promoslider-arrow:hover:before {
    -webkit-transform: rotate(65deg) translateY(-2px);
    -moz-transform: rotate(65deg) translateY(-2px);
    -ms-transform: rotate(65deg) translateY(-2px);
    -o-transform: rotate(65deg) translateY(-2px);
    transform: rotate(65deg) translateY(-2px)
}

.promoslider-arrow:hover:after {
    -webkit-transform: rotate(-65deg) translateY(2px);
    -moz-transform: rotate(-65deg) translateY(2px);
    -ms-transform: rotate(-65deg) translateY(2px);
    -o-transform: rotate(-65deg) translateY(2px);
    transform: rotate(-65deg) translateY(2px)
}

.promoslider-arrow.promoslider-arrow--left:before {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.promoslider-arrow.promoslider-arrow--left:after {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.promoslider-arrow.promoslider-arrow--left:hover:before {
    -webkit-transform: rotate(-65deg) translateY(-2px);
    -moz-transform: rotate(-65deg) translateY(-2px);
    -ms-transform: rotate(-65deg) translateY(-2px);
    -o-transform: rotate(-65deg) translateY(-2px);
    transform: rotate(-65deg) translateY(-2px)
}

.promoslider-arrow.promoslider-arrow--left:hover:after {
    -webkit-transform: rotate(65deg) translateY(2px);
    -moz-transform: rotate(65deg) translateY(2px);
    -ms-transform: rotate(65deg) translateY(2px);
    -o-transform: rotate(65deg) translateY(2px);
    transform: rotate(65deg) translateY(2px)
}

.prod {
    display: block
}

.prod-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.prod-col--1 {
    width: 34%;
    z-index: 15
}

.prod-col--2 {
    width: 66%
}

.prod-proditem {
    margin-top: -185px;
    max-width: 280px;
    border: 1px solid #eaeaea;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .05)
}

.prod-content {
    display: block
}

.proditem-header {
    margin: -1px -1px 0;
    padding: 20px 40px;
    background: url(/local/templates/main-rosneft/../images/main/i-star.png) right 25px center no-repeat #272f39;
    background-size: 16px auto;
    font-size: 15px;
    line-height: 1.05em;
    color: #fff
}

.proditem-button i,
.prodsblock-col {
    margin-right: -4px;
    vertical-align: top
}

.proditem-header span {
    max-width: 130px;
    display: block
}

.proditem-content {
    padding: 40px;
    background: #fff
}

.proditem-showlink {
    display: none
}

.proditem-photo img {
    max-width: 100%;
    max-height: 180px;
    width: Auto;
    height: auto
}

.proditem-title {
    border-bottom: 1px solid #e5e5e5;
    padding: 32px 0 25px
}

.proditem-company {
    font-size: 24px;
    font-weight: 300;
    color: #000;
    line-height: 1em;
    padding: 0 0 5px
}

.proditem-itemtitle {
    font-weight: 900;
    color: #000;
    font-size: 20px;
    line-height: 1em;
    padding: 0 0 10px
}

.proditem-label {
    display: block;
    padding: 27px 0 3px
}

.proditem-row {
    display: block;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 300
}

.proditem-big {
    font-size: 24px;
    font-weight: 300;
    line-height: 1em
}

.proditem-button {
    font-size: 13px;
    border: 2px solid #e8e8e8;
    border-radius: 4px;
    padding: 11px 10px 9px;
    display: block;
    text-decoration: none;
    font-weight: 600;
    color: #000;
    margin-top: 50px;
    transition: all .2s
}

.proditem-button i {
    display: -moz-inline-stack;
    display: inline-block;
    background: url(/local/templates/main-rosneft/../images/main/i-arrow-right.png) no-repeat;
    width: 7px;
    height: 10px;
    background-size: 7px 10px;
    margin-top: 3px;
    margin-left: 5px
}

.proditem-button:hover {
    background: #e8e8e8
}

.prodsblock {
    padding: 50px 0 0
}

.prodsblock-list {
    padding: 50px 0 65px;
    max-height: 250px;
    overflow: hidden;
    transition: max-height .4s
}

.is-active .prodsblock-list {
    max-height: 900px;
    transition: max-height 1s ease-out
}

.prodsblock-col {
    display: -moz-inline-stack;
    display: inline-block;
    width: 33%
}

.prodsblock-col:nth-child(3) .prodsblock-for:after,
.prodsblock-col:nth-child(3) .prodsblock-image:after,
.prodsblock-col:nth-child(3) .prodsblock-specials:after {
    display: none
}

.prodsblock-for:after,
.prodsblock-image:after,
.prodsblock-specials:after {
    width: 2px;
    content: ' '
}

.prodsblock-col:nth-child(2) .prodsblock-for {
    border-left: 0;
    border-right: 0
}

.prodsblock-col:nth-child(2) .prodsblock-for:after,
.prodsblock-col:nth-child(2) .prodsblock-image:after,
.prodsblock-col:nth-child(2) .prodsblock-specials:after {
    right: -10px
}

.prodsblock-col:nth-child(3) .prodsblock-for {
    border-left: 0
}

.prodsblock-col:nth-child(3) .prodsblock-for b {
    max-width: 140px
}

.prodsblock-image {
    padding: 0 0 25px;
    height: 55px;
    opacity: .8
}

.prodsblock-image:after {
    background: #e5e5e5;
    display: block;
    position: absolute;
    height: 80px;
    top: -20px;
    right: 0
}

.prodsblock-for {
    position: relative;
    border: 2px solid #fed02f;
    font-size: 15px;
    line-height: 1em;
    padding: 17px 10px 17px 35px;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.prodsblock-for b {
    font-weight: 500;
    display: block
}

.prodsblock-for:after {
    background: #fed02f;
    display: block;
    position: absolute;
    height: 35px;
    top: 15px;
    right: 0
}

.prodsblock-specials {
    padding: 30px 10px 0 45px;
    font-size: 12px;
    position: relative
}

.prodsblock-specials:after {
    background: #e5e5e5;
    display: block;
    position: absolute;
    bottom: 10px;
    top: 20px;
    right: 0
}

.prodsblock-specials li {
    position: relative;
    padding-bottom: 5px
}

.prodsblock-specials li:before {
    width: 5px;
    height: 5px;
    position: absolute;
    content: ' ';
    display: block;
    background: #fed02f;
    border-radius: 50%;
    top: 6px;
    left: -15px
}

.prodsblock-col:first-child .prodsblock-for {
    border-right: 0;
    margin-left: 0;
    padding-left: 25px
}

.prodsblock-col:nth-child(2) .prodsblock-image {
    margin-top: -25px;
    margin-bottom: 25px
}

.prodsblock-col:nth-child(3) .prodsblock-image {
    margin-top: -25px;
    margin-bottom: 25px
}

.prodsblock-open {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    padding: 18px 20px;
    cursor: pointer;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute
}

.prodsblock-open:before {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
    height: 50px;
    top: -51px;
    left: 0;
    right: 0;
    position: absolute;
    content: ' ';
    display: block;
    max-height: 50px;
    transition: opacity .2s, top .2s
}

.prodsblock-open span {
    color: #000;
    border-bottom: 1px dashed rgba(0, 0, 0, .6);
    opacity: .8;
    transition: opacity .2s, border-color .2s
}

.js-jumper-column,
.js-jumper-column.is-animating {
    transition: transform .5s cubic-bezier(.19, 1, .22, 1)
}

.prodsblock-open:hover span {
    opacity: 1
}

.prodsblock-open.is-active:before {
    opacity: 0;
    top: 0
}

.prodsmore {
    padding: 30px 0 0;
    position: relative
}

.prodsmore-title {
    color: #212121;
    position: relative;
    font-family: PFBeauSansPro, Arial, sans-serif;
    padding-top: 5px
}

.prodsmore-big {
    position: relative;
    font-size: 35px;
    line-height: .78em;
    font-weight: 200
}

.prodsmore-big b {
    font-weight: 600
}

.prodsmore-small {
    font-size: 22px;
    padding: 5px 0 0
}

.prodsmore-select {
    position: absolute;
    right: 0
}

.js-jumper-column {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.js-jumper-column.is-animating {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px)
}

.customSelect--yellow:before,
.gSelect-clear,
.prod .customSelect:before {
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s
}

.customSelect--yellow,
.prod .customSelect {
    background: #fed02f;
    color: #000;
    font-weight: 500;
    font-size: 18px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: auto;
    padding: 22px 40px 18px;
    text-transform: uppercase;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .05);
    position: relative;
    user-select: none;
    z-index: 400
}

.customSelect--yellow:before,
.prod .customSelect:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
    opacity: 0;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.customSelect--yellow:hover:before,
.prod .customSelect:hover:before {
    opacity: .5
}

.customSelect--yellow:active,
.prod .customSelect:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.customSelect--yellow:active:before,
.prod .customSelect:active:before {
    display: none
}

.customSelect--yellow:after,
.prod .customSelect:after {
    top: 0;
    left: 0;
    right: 0;
    content: ' ';
    display: block;
    position: absolute;
    z-index: 50;
    height: 70px
}

.customSelect--yellow.is-active:active,
.prod .customSelect.is-active:active {
    box-shadow: none
}

.customSelect--yellow.is-active:active:before,
.prod .customSelect.is-active:active:before {
    display: block
}

.customSelect--yellow.is-active .customSelect-arrow,
.prod .customSelect.is-active .customSelect-arrow {
    background-position: 0 -6px
}

.customSelect--yellow.is-active .customSelect-list,
.prod .customSelect.is-active .customSelect-list {
    display: block;
    max-height: 500px;
    opacity: 1
}

.customSelect--yellow .customSelect-val,
.prod .customSelect .customSelect-val {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.customSelect--yellow .customSelect-arrow,
.prod .customSelect .customSelect-arrow {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: auto;
    background: url(/local/templates/main-rosneft/../images/main/i-arrows.png) no-repeat;
    background-size: 10px 13px;
    width: 10px;
    height: 6px;
    margin-top: 4px;
    margin-left: 3px
}

.customSelect--yellow .customSelect-list,
.prod .customSelect .customSelect-list {
    display: none;
    position: absolute;
    font-size: 12px;
    font-family: PFBeauSansPro, Arial, sans-serif;
    color: #000;
    text-transform: none;
    letter-spacing: 0;
    border: 2px solid #fed02f;
    left: 0;
    right: 0;
    padding-left: 38px;
    padding-right: 38px;
    box-sizing: border-box;
    padding-bottom: 20px;
    background: #fff;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .4s opacity .4s
}

.aCar-title,
.cRow-code,
.gTabs,
.news-subtitle,
.partners-title,
.popup-captions {
    letter-spacing: .05em
}

.customSelect--yellow .customSelect-list a,
.prod .customSelect .customSelect-list a {
    color: #000;
    text-decoration: none
}

.customSelect--yellow .customSelect-list a:hover,
.prod .customSelect .customSelect-list a:hover {
    color: #fed02f
}

.customSelect--yellow .customSelect-list:before,
.prod .customSelect .customSelect-list:before {
    position: absolute;
    content: ' ';
    display: block;
    background: #fed02f;
    left: 0;
    right: 0;
    top: 0;
    z-index: 4
}

.customSelect--yellow .customSelect-optGroup,
.prod .customSelect .customSelect-optGroup {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 8px;
    padding-top: 12px;
    font-size: 14px
}

.customSelect--yellow .customSelect-optGroup:first-child,
.prod .customSelect .customSelect-optGroup:first-child {
    padding-top: 0
}

.customSelect--yellow .customSelect-optGroup:last-child,
.prod .customSelect .customSelect-optGroup:last-child {
    border: 0;
    padding-bottom: 0
}

.customSelect--yellow .customSelect-option,
.prod .customSelect .customSelect-option {
    display: block;
    padding-bottom: 8px;
    position: relative
}

.customSelect--yellow .customSelect-option:after,
.prod .customSelect .customSelect-option:after {
    content: ' ';
    display: block;
    position: absolute;
    background: url(/local/templates/main-rosneft/../images/main/i-arrow-next.png) center no-repeat;
    width: 5px;
    height: 6px;
    background-size: 5px 6px;
    top: 4px;
    right: 0
}

.customSelect--outline.customSelect {
    height: 48px;
    border: 1px solid #d7d7d7;
    color: #424242;
    border-radius: 2px;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    font-family: PFBeauSansPro, Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    z-index: 55;
    position: relative
}

.customSelect--outline.customSelect.is-active .customSelect-list {
    display: block
}

.customSelect--outline.customSelect .customSelect-val {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 20px;
    bottom: 0;
    right: 0;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis
}

.customSelect--outline.customSelect .customSelect-list {
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 50px;
    border: 1px solid #d7d7d7;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    z-index: 55;
    background: #fff;
    border-radius: 2px;
    max-height: 200px;
    overflow: auto
}

.teammate-photo,
.teammate-photo span {
    overflow: hidden
}

.customSelect--outline.customSelect .customSelect-list>div {
    position: relative;
    display: block
}

.customSelect--outline.customSelect .customSelect-list a {
    display: block;
    padding: 10px 20px 6px;
    text-decoration: none;
    color: #424242;
    position: relative
}

.customSelect--outline.customSelect .customSelect-list a:hover {
    background: rgba(0, 0, 0, .1)
}

.customSelect--outline.customSelect .customSelect-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    cursor: pointer;
    background: url(/local/templates/main-rosneft/../images/main/i-arrows.png) 5px 0 no-repeat;
    width: 15px;
    height: 6px;
    background-size: 10px auto;
    margin-top: -6px
}

.customSelect--outline.customSelect .customSelect-slct {
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    opacity: 0;
    display: none
}

.banners,
.banners-row,
.nItem,
.news,
.news-content {
    position: relative
}

.banners {
    padding: 60px 0 55px
}

.banners-content {
    border: 1px solid #ededed;
    border-right: 0;
    border-left: 0;
    padding: 40px 0 0
}

.banners-row {
    padding-bottom: 20px
}

.banners-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.banners-col--50 {
    width: 48%
}

.banners-col--50:first-child {
    padding-right: 2%
}

.banners-col--50:last-child {
    padding-left: 2%
}

.banners-placeholder {
    background: #e5e5e5;
    position: relative;
    min-height: 80px
}

.banners-col--100 {
    width: 100%;
    margin-right: 0
}

.banners-col--100>div {
    height: 100px
}

.news-header {
    padding: 0 20px
}

.news-content {
    padding: 40px 20px 0
}

.news-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.news-col--33 {
    width: 33.33%
}

.news-col--50 {
    width: 50%
}

.nItem {
    display: block;
    text-decoration: none;
    padding-right: 20px;
    font-size: 12px;
    line-height: 1.5em;
    color: #000;
    margin-bottom: 50px
}

.news-main-list{
	margin-bottom: 0px !important;
}

.nItem:hover .nItem-date {
    color: #000;
    opacity: 1
}

.nItem:hover .nItem-header {
    border-color: #fee142
}

.nItem-date,
.nItem-tags {
    padding-top: 2px
}

.nItem-header {
    border-bottom: 1px solid #e9eaed;
    padding-bottom: 10px
}

.nItem-text {
    padding-top: 15px
}

.nItem-date {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-family: PFBeauSansPro, Arial, sans-serif;
    margin-right: 10px
}

.nItem-content {
    padding-right: 10px
}

.nItem-image {
    position: absolute;
    width: 18%;
    top: 2px;
    left: 0
}

.nItem-image img {
    position: relative;
    width: 100%;
    height: auto
}

.news-col--50 .nItem-image {
    width: 23%
}

.news-col--50 .nItem-image+.nItem-content {
    margin-left: 30%
}

.nItem-descrpition {
    color: rgba(0, 0, 0, .75);
    font-size: 11px;
    line-height: 1.6em;
    padding: 10px 0 0
}

.nItem-tags {
    position: relative;
    padding-left: 15px;
    vertical-align: top;
    margin-right: 15px;
    margin-top: 1px;
    opacity: .8;
    text-decoration: none
}

.nItem-tags:before {
    position: absolute;
    content: ' ';
    display: block;
    background: url(/local/templates/main-rosneft/../images/inners/i-tag.png) left center no-repeat;
    background-size: 12px auto;
    width: 12px;
    height: 12px;
    top: 50%;
    margin-top: -7px;
    left: 0
}

.asMain,
.asMain-col,
.asMain-content,
.asMain-row,
.asSport-about,
.nItem--as .nItem-image {
    position: relative
}

a:hover .nItem-tags {
    opacity: 1
}

h1+.news-filter {
    margin-top: 40px
}

.newsMain .news-row,
.newsMain .news-row:last-child {
    margin-bottom: 0
}

.newsMain .nItem-tags {
    display: inline-block
}

.nItem--as .nItem-image {
    display: block;
    float: none;
    width: auto;
    line-height: 0
}

.nItem--as .nItem-image img {
    position: relative;
    max-width: 100%;
    height: auto
}

.nItem--as .nItem-image+.nItem-content {
    margin-left: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 15px 15px 20px
}

.asMain {
    padding: 25px 0 20px
}

.asMain-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.asMain-col--1 {
    display: block;
    margin-right: 240px
}

.asMain-col--2 {
    position: absolute;
    display: block;
    width: 240px;
    height: 400px;
    right: 0;
    margin-right: 0;
    top: 0
}

.asMain .banner-placeholder {
    height: 400px
}

.asMain-sport {
    border: 2px solid #fed02f;
    margin-right: 25px
}

.asMain-sport:after {
    content: ' ';
    display: block;
    clear: both;
    width: 100%
}

.asSport-text {
    padding: 35px 35px 60px;
    max-width: 240px;
    width: 40%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 300px;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 300;
    background: #fed02f
}

.asSport-title {
    font-size: 20px;
    line-height: 1.4em;
    font-family: PFBeauSansPro, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 20px
}

.asSport-more {
    position: absolute;
    bottom: 25px;
    left: 35px;
    color: #000;
    opacity: .7;
    font-size: 14px;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.asSport-autoname,
.partners-title {
    color: #080808;
    text-transform: uppercase
}

.asSport-more:hover {
    opacity: 1
}

.asSport-about {
    margin-left: 220px;
    display: block;
    padding-bottom: 35px
}

.asSport-automodel,
.asSport-autoname {
    position: relative;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.asSport-team {
    max-width: 330px;
    margin: 0 auto;
    padding-top: 55px;
    position: relative
}

.asSport-automobile {
    background: url(/local/templates/main-rosneft/../images/main/auto-sport.png) top right no-repeat;
    padding-right: 150px
}

.asSport-automobile p {
    margin-right: -170px;
    padding-top: 20px
}

.asSport-automodel,
.asSport-autoname,
.asSport-teamcol {
    margin-right: -4px;
    vertical-align: top
}

.asSport-autoname {
    font-size: 20px;
    line-height: 1.2em;
    display: inline-block;
    width: 60px;
    font-weight: 200;
    text-align: left
}

.asSport-autoteam,
.gList-header,
.gSelect-clear,
.geo-tabs,
.popup-close,
.teammate-content {
    text-align: center
}

.asSport-automodel {
    display: inline-block;
    width: 65px;
    font-size: 55px;
    line-height: 1em;
    font-weight: 500
}

.aCar-title,
.asSport-teamtitle {
    font-weight: 200;
    text-transform: uppercase
}

.asSport-autoteam {
    padding-top: 25px;
    position: relative
}

.asSport-teamtitle {
    font-size: 20px;
    line-height: 1.4em;
    font-family: PFBeauSansPro, Arial, sans-serif;
    padding-bottom: 20px
}

.asSport-teamtitle b,
.partners-title {
    font-weight: 500
}

.asSport-teamcol {
    display: -moz-inline-stack;
    display: inline-block;
    width: 30%
}

.teammate-content {
    max-width: 60px;
    display: block;
    margin: 0 auto;
    position: relative;
    font-size: 14px;
    line-height: 16px;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.cnt-info,
.gList-col,
.gMapInfo {
    line-height: 1.42em
}

.teammate-photo {
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    z-index: 1;
    background: #edf3f5
}

.teammate-photo img {
    width: 100%;
    height: auto;
    left: 0;
    position: absolute;
    bottom: 0
}

.teammate-name {
    position: relative;
    padding: 10px 0 0
}

.partners {
    position: relative;
    padding: 0 0 90px
}

.partners-content {
    border: 2px solid #ecf3f5;
    position: relative
}

.partners-text {
    position: absolute;
    left: 0;
    top: 0;
    background: #f6f9fa;
    padding: 35px;
    width: 40%;
    max-width: 240px;
    box-sizing: border-box;
    min-height: 120px;
    height: 100%
}

.partners-title {
    font-size: 20px;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.partners-more {
    padding-top: 10px;
    position: relative
}

.partners-more a {
    font-family: PFBeauSansPro, Arial, sans-serif;
    color: #000;
    opacity: .5
}

.partners-more a:hover {
    opacity: 1
}

.partners-logos {
    margin-left: 240px;
    position: relative;
    padding: 25px 0;
    min-height: 70px
}

.partners-arrow {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 20px;
    user-select: none;
    z-index: 100
}

.geo-zoom,
.popup-arrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none
}

.partners-arrow.partners-arrow--left {
    right: auto;
    left: 20px
}

.partners-arrow:after,
.partners-arrow:before {
    transition: transform .2s, width .2s;
    content: ' ';
    height: 4px;
    width: 30px;
    background: #e3eaec;
    left: 0;
    position: absolute
}

.geo,
.geo-header,
.partners-slider {
    position: relative
}

.partners-arrow:before {
    top: 2px;
    display: block;
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.partners-arrow:after {
    bottom: 2px;
    display: block;
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.partners-arrow:hover:before {
    -webkit-transform: rotate(65deg) translateY(-2px);
    -moz-transform: rotate(65deg) translateY(-2px);
    -ms-transform: rotate(65deg) translateY(-2px);
    -o-transform: rotate(65deg) translateY(-2px);
    transform: rotate(65deg) translateY(-2px)
}

.partners-arrow:hover:after {
    -webkit-transform: rotate(-65deg) translateY(2px);
    -moz-transform: rotate(-65deg) translateY(2px);
    -ms-transform: rotate(-65deg) translateY(2px);
    -o-transform: rotate(-65deg) translateY(2px);
    transform: rotate(-65deg) translateY(2px)
}

.partners-arrow.partners-arrow--left:before {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.partners-arrow.partners-arrow--left:after,
.popup-arrow:before {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg)
}

.partners-arrow.partners-arrow--left:after {
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.partners-arrow.partners-arrow--left:hover:before {
    -webkit-transform: rotate(-65deg) translateY(-2px);
    -moz-transform: rotate(-65deg) translateY(-2px);
    -ms-transform: rotate(-65deg) translateY(-2px);
    -o-transform: rotate(-65deg) translateY(-2px);
    transform: rotate(-65deg) translateY(-2px)
}

.partners-arrow.partners-arrow--left:hover:after {
    -webkit-transform: rotate(65deg) translateY(2px);
    -moz-transform: rotate(65deg) translateY(2px);
    -ms-transform: rotate(65deg) translateY(2px);
    -o-transform: rotate(65deg) translateY(2px);
    transform: rotate(65deg) translateY(2px)
}

.partners-arrow.swiper-button-disabled {
    opacity: .3;
    pointer-events: none;
    cursor: default
}

.partners-slider {
    padding: 0 85px;
    overflow: hidden
}

.partners-slider img {
    max-width: 100%;
    height: auto;
    display: flex;
    align-self: center;
    margin: auto
}

.partners-slider .swiper-wrapper {
    align-items: center
}

.geo {
    padding: 0;
    z-index: 90
}

.geo-header {
    padding: 0 20px
}

.geo-header h2 {
    padding-right: 250px
}

.geo-chk {
    position: absolute;
    top: 9px;
    right: 0
}

.geo-chk .switchery-default:before {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: ' ';
    display: block;
    position: absolute;
    border-radius: 20px;
    z-index: 5;
    background: #fed02f
}

.gList-content,
.gTabs,
.geo-filter,
.geo-list,
.geo-map {
    position: relative
}

.geo-filter {
    padding-top: 25px;
    padding-bottom: 55px;
    z-index: 650
}

.geo-map {
    height: 665px;
    background: gray;
    display: none
}

.geo-map.is-active {
    display: block
}

.gFilter-item {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 400
}

.gFilter-label {
    opacity: .8
}

.geo-list {
    height: 665px;
    display: none
}

.geo-list .inside {
    border-top: 1px solid #e6e6e6
}

.geo-list.is-active {
    display: block
}

.gTabs,
.gTabs-item {
    font-weight: 500;
    vertical-align: top
}

.gList-header {
    padding: 40px 0 50px;
    min-height: 45px
}

.gList-addresses {
    padding-top: 15px
}

.gTabs,
.gTabs-active {
    border-radius: 50px;
    padding: 0 10px
}

.gList-content {
    height: 455px
}

.gTabs {
    display: inline-block;
    margin-right: auto;
    background: #f4f4f4;
    font-size: 14px;
    text-transform: uppercase;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1)
}

.gTabs-active {
    background: #272f39;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    min-width: 50px;
    transition: left .4s, width .4s
}

.gList-col,
.gList-row,
.gTabs-item {
    position: relative
}

.gTabs-active.no-transition {
    transition: none
}

.gTabs-arrow {
    display: none
}

.gTabs-item {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 17px 15px 13px;
    opacity: .7;
    cursor: pointer;
    transition: color .5s, opacity .5s
}

.gTabs-item:last-child {
    margin-right: 1px
}

.gTabs-item.is-active {
    color: #fff;
    opacity: 1
}

.gTabs-item:hover {
    opacity: 1
}

.gList-row {
    padding: 10px 0 0 30px
}

.gList-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 30%;
    padding-right: 3%;
    font-size: 14px;
    color: #000;
    padding-bottom: 60px
}

.gList-col a {
    color: #074da8
}

.gList-col a:hover,
.gMapInfo,
.gSelect-clear,
.gSelect-list,
.gSelect-select:hover .gSelect-val {
    color: #000
}

.gList-col:before {
    background: url(/local/templates/main-rosneft/../images/main/i-location-yellowe.png) no-repeat;
    width: 20px;
    height: 25px;
    background-size: 100% 100%;
    position: absolute;
    content: ' ';
    display: block;
    top: -3px;
    left: -30px
}

.gList-label {
    font-size: 12px;
    padding-top: 25px;
    padding-bottom: 3px;
    display: block;
    color: rgba(0, 0, 0, .5)
}

.gList-label:first-child {
    margin-right: 65px;
    padding-top: 0
}

.gList-addr {
    margin-bottom: -20px
}

.gList-phone {
    font-size: 24px;
    line-height: 24px;
    font-weight: 300
}

.gList-maplink {
    margin: 0 0 0 5px
}

.js-geo-map-map {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.ymaps-2-1-38-copyrights-pane,
.ymaps-2-1-38-map-copyrights-promo,
[class~=copyrights-pane],
[class~=copyrights-promo] {
    display: none!important
}

.gZoom-center,
.gZoom-minus,
.gZoom-plus,
.gZoom-print {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.geo-zoom {
    position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -60px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    z-index: 100;
    user-select: none
}

.gZoom-minus,
.gZoom-plus {
    position: relative;
    background: #272f39;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    margin: 10px auto
}

.gZoom-minus:hover,
.gZoom-plus:hover {
    background: #caa734
}

.gZoom-minus:active,
.gZoom-plus:active {
    background: #caa734;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.gZoom-minus {
    line-height: 42px
}

.gZoom-center {
    background: url(/local/templates/main-rosneft/../images/inners/i-center-zoom.png) center no-repeat #272f39;
    background-size: 18px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.gZoom-center:active,
.gZoom-center:hover {
    background-color: #caa734
}

.gZoom-center:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.gZoom-print {
    position: absolute;
    top: -210px;
    background: url(/local/templates/main-rosneft/../images/inners/i-print.png) center no-repeat #272f39;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.gSelect-arrow,
.gSelect-val {
    vertical-align: top
}

.gZoom-print:active,
.gZoom-print:hover {
    background-color: #caa734
}

.gZoom-print:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.gFilter-select {
    position: relative;
    color: #074da8;
    cursor: pointer;
    margin-right: 10px;
    min-width: 90px
}

.gFilter-select.is-disabled {
    pointer-events: none;
    opacity: .6
}

.gSelect-val {
    display: inline-block;
    margin-right: -4px;
    position: relative;
    padding-left: 0
}

.gSelect-clear {
    vertical-align: top;
    border: 1px solid #000;
    opacity: .6;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin: 0 0 -2px;
    line-height: 17px;
    font-size: 10px;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    display: none
}

.gSelect-arrow,
.gSelect-clear.is-active {
    display: inline-block
}

.gSelect-clear:hover {
    opacity: 1
}

.gSelect-arrow {
    background: url(/local/templates/main-rosneft/../images/main/i-arrow-down.png) center no-repeat;
    width: 5px;
    height: 4px;
    background-size: 5px 4px;
    margin-top: 9px;
    margin-right: 5px
}

.gSelect-select {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    margin-left: 0
}

.is-active .gSelect-clear {
    display: inline-block
}

.gSelect-list {
    position: absolute;
    top: 100%;
    margin-top: 5px;
    width: 200px;
    left: 0;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    z-index: 90;
    max-height: 200px;
    overflow: auto;
    display: none
}

.gSelect-item {
    position: relative;
    display: block;
    padding: 6px 25px 4px 10px
}

.gSelect-item:first-child {
    border-radius: 5px 5px 0 0
}

.gSelect-item:last-child {
    border-radius: 0 0 5px 5px
}

.gSelect-item:hover {
    background: #f6f9fa
}

.gSelect-sel {
    display: none
}

.gMapInfo {
    position: absolute;
    top: 120px;
    background: #fff;
    left: 50%;
    margin-left: -480px;
    width: 300px;
    padding: 25px 40px 50px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    font-size: 14px
}

.gMapInfo-close {
    font-size: 15px;
    opacity: .5;
    position: absolute;
    top: 25px;
    right: 15px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 20px;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10
}

.gMapInfo-close:hover {
    opacity: 1
}

.gMapInfo-label {
    font-size: 12px;
    opacity: .5;
    padding-top: 20px
}

.cMapInfo-row a,
.gList-phone a,
.gMapInfo-label a {
    color: #000;
    text-decoration: none
}

.gList-phone a {
    display: block
}

.cMapInfo-row a:hover,
.gList-phone a:hover,
.gMapInfo-label a:hover {
    color: #fed02f
}

.gMapInfo-addressLinks {
    color: #074da8;
    font-size: 12px;
    padding-top: 10px
}

.gMapInfo-addressLinks a {
    color: #074da8;
    margin-left: 10px
}

.gMapInfo-addressLinks a:hover {
    color: #fed02f
}

.gMapInfo-fax,
.gMapInfo-phone {
    font-size: 26px;
    font-weight: 300;
    padding-top: 5px
}

.gMap-balloon,
.gMapInfo-email,
.gMapInfo-url {
    font-size: 14px
}

.gMapInfo-fax .gMapInfo-row a,
.gMapInfo-phone .gMapInfo-row a {
    display: inline-block;
    margin-bottom: 10px
}

.gMapInfo-fax .gMapInfo-row a:last-child,
.gMapInfo-phone .gMapInfo-row a:last-child {
    margin-bottom: 0
}

.gMapInfo-email a,
.gMapInfo-url a {
    color: #000
}

.gMapInfo-email a:hover,
.gMapInfo-url a:hover {
    color: #fed02f
}

.gMapInfo-address,
.gMapInfo-email,
.gMapInfo-fax,
.gMapInfo-phone {
    position: relative
}

.gMapInfo-address .gMapInfo-row {
    max-width: 90%
}

.gMapInfo-address:after,
.gMapInfo-email:after,
.gMapInfo-fax:after,
.gMapInfo-phone:after {
    right: -5px;
    opacity: .2;
    position: absolute;
    content: ' ';
    display: block
}

.gMapInfo-address:after {
    width: 21px;
    height: 26px;
    background: url(/local/templates/main-rosneft/../images/main/i-info-loc.png) no-repeat;
    background-size: 100% 100%;
    top: 46px
}

.gMapInfo-phone:after {
    width: 22px;
    height: 22px;
    background: url(/local/templates/main-rosneft/../images/main/i-info-phone.png) no-repeat;
    background-size: 100% 100%;
    top: 43px
}

.gMapInfo-fax:after {
    width: 24px;
    height: 24px;
    background: url(/local/templates/main-rosneft/../images/main/i-info-fax.png) no-repeat;
    background-size: 100% 100%;
    top: 43px
}

.gMapInfo-email:after {
    width: 22px;
    height: 16px;
    background: url(/local/templates/main-rosneft/../images/main/i-info-mail.png) no-repeat;
    background-size: 100% 100%;
    top: 44px
}

.geo-tabs {
    position: absolute;
    bottom: 580px;
    z-index: 600;
    left: 0;
    right: 0;
    overflow: visible!important
}

.geo-tabs .jspContainer {
    overflow: visible
}

.gMap-balloon {
    background: #fff;
    width: 300px;
    padding: 15px 20px;
    position: absolute;
    top: 0;
    margin-top: -60px;
    line-height: 18px;
    left: 100%;
    margin-left: 38px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2)
}

.gMap-balloon:before {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
    position: absolute;
    content: ' ';
    display: block;
    left: -10px;
    top: 15px
}

.footer,
.footer-col,
.footer-logo {
    position: relative
}

.gFilter-itemSeparator {
    display: none
}

.footer {
    background: #383838;
    color: #fff;
    color: rgba(255, 255, 255, .5);
    overflow: hidden;
    min-width: 320px
}

.footer-content {
    padding: 60px 20px 0
}

.footer-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.footer-col--1 {
    width: 25.5%
}

.footer-col--2 {
    width: 50%
}

.footer-col--3 {
    width: 50%
}

.footer-col--4 {
    width: 23%
}

.footer-col--5 {
    width: 51.5%
}

.footer-col--double-menu {
    width: 51.5%
}

.footer-col--tablet {
    display: none
}

.footer-wholesite {
    background: 0 0;
    padding: 20px 30px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: auto;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    font-family: PFBeauSansPro, Arial, sans-serif;
    border: 2px solid #4c4c4c;
    cursor: pointer;
    transition: background-color .2s
}

.footer-lImage,
.footer-wholesite:before {
    display: none
}

.footer-wholesite .wholesite-burger {
    margin-left: 0;
    margin-right: 8px
}

.footer-wholesite .wholesite-burger span {
    background: #fff
}

.footer-wholesite:hover {
    background: #4c4c4c
}

.footer-wholesite:active {
    padding: 22px 32px;
    background: #4c4c4c;
    border: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.lSearch-button:active,
.lSearch-button:hover:active {
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .4)
}

.footer-logo {
    width: 172px;
    padding: 20px 0 0 0;
    text-align: center;
}

.footer-lSvg {
    display: block
}

.is-not-svg-support .footer-lSvg {
    display: none
}

.is-not-svg-support .footer-lImage {
    display: block
}

.footer-title {
    padding-top: 5px;
    font-weight: 400;
    font-family: PFBeauSansPro, Arial, sans-serif;
    color: #fff
}

.footer-list,
.footer-row:last-child {
    font-weight: 300;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.footer-list {
    padding: 0 0 17px
}

.footer-list li {
    padding: 0 0 12px
}

.footer-list a {
    color: #fff;
    color: rgba(255, 255, 255, .5);
    text-decoration: none
}

.footer-list a:hover {
    color: #fff
}

.footer-address,
.footer-emails,
.footer-phones {
    padding: 0 0 0 55px;
    margin-bottom: 13px;
    font-size: 12px;
    line-height: 1.667em;
    display: block;
    position: relative;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.footer-address:before,
.footer-emails:before,
.footer-phones:before {
    position: absolute;
    left: 15px;
    top: 10px;
    display: block;
    content: ' '
}

.footer-emails a {
    display: block;
    color: rgba(255, 255, 255, .5);
    margin: 0
}

.footer-address:before {
    background: url(/local/templates/main-rosneft/images/main/i-loc.png) center no-repeat;
    width: 14px;
    height: 16px;
    background-size: 100% 100%
}

.footer-phones nobr {
    display: block
}

.footer-phones:before {
    background: url(/local/templates/main-rosneft/images/main/i-phone-2.png) center no-repeat;
    width: 14px;
    height: 15px;
    background-size: 100% 100%
}

.footer-emails:before {
    background: url(/local/templates/main-rosneft/images/main/i-mail.png) center no-repeat;
    width: 17px;
    height: 13px;
    background-size: 100% 100%
}

.footer-emails a:hover {
    color: #fff
}

.lSearch {
    position: relative;
    padding-top: 8px
}

.lSearch-form {
    position: relative;
    border: 2px solid #5f5f5f
}

.lSearch-button {
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    width: 45px;
    cursor: pointer;
    display: block;
    z-index: 10
}

.lSearch-field {
    height: 40px;
    position: relative;
    display: block
}

.lSearch-input {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: 0 0;
    font-family: PFBeauSansPro, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    outline: 0;
    margin: -2px;
    border: 2px solid transparent;
    transition: border-color .2s;
    width: 100%;
    line-heiht: 29px
}

.lSearch-input:focus {
    border-color: #fed02f
}

.footer-row:first-child {
    padding-bottom: 18px
}

.footer-row:last-child {
    border-top: 2px solid #565656;
    position: relative;
    padding: 20px 0 0
}

.footer-left,
.footer-right {
    position: relative;
    margin-right: -4px;
    padding-top: 5px;
    vertical-align: top
}

.footer-left {
    display: -moz-inline-stack;
    display: inline-block;
    width: 58%
}

.footer-left span {
    display: block
}

.footer-left a {
    color: #fff;
    color: rgba(255, 255, 255, .5)
}

.footer-left a:hover {
    color: #fff
}

.footer-right {
    display: -moz-inline-stack;
    display: inline-block;
    padding-left: 6%;
    width: 36%
}

.footer-right:before {
    position: absolute;
    left: -10px;
    background: url(/local/templates/main-rosneft/../images/main/footer-logo-mini.png) no-repeat;
    width: 50px;
    height: 33px;
    background-size: 100% 100%;
    content: ' ';
    display: block;
    top: 2px
}

.footer-right a {
    color: #fff;
    color: rgba(255, 255, 255, .5)
}

.footer-right a:hover {
    color: #fff
}

.footer .mDropdown {
    top: 0;
    z-index: 90
}

.overlay {
    position: fixed;
    background: rgba(0, 0, 0, .4);
    z-index: 999990;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    cursor: pointer
}

.popup,
.popup-captions,
.popup-close {
    position: absolute
}

.overlay--media {
    background: rgba(0, 0, 0, .85)
}

.popup {
    top: 50%;
    margin: 0 auto;
    left: 50%;
    background: #fafafa;
    padding: 60px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
    z-index: 999991;
    width: auto;
    display: none
}

.popup--noshad {
    box-shadow: none
}

.popup--noshad img {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .25)
}

.popup-close {
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    cursor: pointer;
    z-index: 55;
    font-size: 20px;
    color: #000;
    opacity: .4;
    transition: opacity .2s
}

.popup-col,
.popup-fotorama {
    position: relative
}

.popup-close:hover {
    opacity: 1
}

.popup-content {
    width: 620px
}

.popup-title {
    padding: 0 0 35px;
    text-transform: uppercase;
    font-size: 20px;
    color: #424242;
    font-weight: 500;
    font-family: PFBeauSansPro, Arial, sans-serif;
    border-bottom: 1px solid #dbdbdb
}

.popup-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.popup-col--50 {
    width: 48%;
    padding-right: 2%
}

.popup-col--50:last-child {
    padding-left: 2%;
    padding-right: 0
}

.popup-col--100 {
    display: block;
    width: auto;
    margin: auto
}

.popup-row {
    padding: 30px 0 0
}

.popup-capcha,
.popup-capchaField {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    max-width: 180px
}

.popup-capchaField {
    margin-top: -4px
}

.popup-capchaArrow {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    width: 50px;
    height: 40px;
    background: url(/local/templates/main-rosneft/../images/main/i-ar.png) center no-repeat;
    background-size: 6px 12px
}

.breadcrumbs-item,
.cnt h1,
.form-button,
.form-chk,
.form-file,
.popup-buttons,
.popup-disclaim {
    vertical-align: top
}

.popup-row--b {
    border: 1px solid #dadada;
    border-right: 0;
    border-left: 0;
    margin: 30px 0 0;
    padding-bottom: 30px
}

.popup .button {
    font-size: 14px;
    font-weight: 700;
    padding: 15px 40px 13px
}

.popup .button--outline {
    padding: 13px 38px 11px
}

.popup .button--outline:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    padding: 15px 40px 13px;
    border: 0
}

.form .customSelect,
.form-input,
.form-textarea {
    border: 1px solid #d7d7d7;
    box-sizing: border-box
}

.popup-disclaim {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: -4px;
    background: url(/local/templates/main-rosneft/../images/main/info.png) 0 5px no-repeat;
    background-size: 30px 30px;
    padding-left: 40px;
    font-size: 10px;
    line-height: 12px;
    width: 190px;
    color: rgba(0, 0, 0, .4);
    margin-top: 4px
}

.popup-buttons {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: 20px
}

.popup--media {
    background: 0 0;
    padding: 0!important
}

.popup--media .popup-close {
    top: -55px;
    right: -10px;
    color: #212121
}

.popup--media .popup-content {
    width: auto
}

.popup--media video {
    width: 100%;
    height: auto;
    max-width: 100%!important;
    position: relative;
    display: block
}

.popup-captions {
    color: #fff;
    height: 40px;
    line-height: 20px;
    top: -45px;
    left: 0;
    right: 0;
    width: auto;
    bottom: auto;
    overflow: hidden;
    font-family: PFBeauSansPro, Arial, sans-serif;
    font-size: 20px;
    text-transform: uppercase
}

.popup-counter,
.popup-originals {
    bottom: -30px;
    position: absolute;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.popup-caption {
    position: absolute;
    display: none
}

.popup-caption.is-active {
    display: block;
    color: #212121
}

.popup-originals {
    left: 75%;
    right: 0;
    text-align: right;
    font-size: 12px
}

.popup-originals a {
    color: #fff
}

.popup-originals a:hover {
    color: #fed02f
}

.popup-original {
    display: none
}

.form,
.form-field,
.popup-arrow,
.popup-arrow:after,
.popup-original.is-active {
    display: block
}

.popup-counter {
    left: 50%;
    width: 100px;
    margin-left: -50px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 300
}

.popup-arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    right: -55px;
    user-select: none;
    z-index: 10
}

.cnt-zoom,
.fchk {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.popup-arrow.popup-arrow--left {
    left: -55px;
    right: auto
}

.popup-arrow:after,
.popup-arrow:before {
    content: ' ';
    transition: transform .2s, width .2s;
    height: 4px;
    width: 30px;
    background: #fff;
    left: 0;
    position: absolute
}

.form,
.form-field,
.form-file,
.form-label {
    position: relative
}

.popup-arrow:before {
    top: 2px;
    display: block;
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.popup-arrow:after {
    bottom: 2px;
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.popup-arrow:hover:before {
    -webkit-transform: rotate(65deg) translateY(-2px);
    -moz-transform: rotate(65deg) translateY(-2px);
    -ms-transform: rotate(65deg) translateY(-2px);
    -o-transform: rotate(65deg) translateY(-2px);
    transform: rotate(65deg) translateY(-2px)
}

.popup-arrow:hover:after {
    -webkit-transform: rotate(-65deg) translateY(2px);
    -moz-transform: rotate(-65deg) translateY(2px);
    -ms-transform: rotate(-65deg) translateY(2px);
    -o-transform: rotate(-65deg) translateY(2px);
    transform: rotate(-65deg) translateY(2px)
}

.popup-arrow.popup-arrow--left:before {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.popup-arrow.popup-arrow--left:after {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.popup-arrow.popup-arrow--left:hover:before {
    -webkit-transform: rotate(-65deg) translateY(-2px);
    -moz-transform: rotate(-65deg) translateY(-2px);
    -ms-transform: rotate(-65deg) translateY(-2px);
    -o-transform: rotate(-65deg) translateY(-2px);
    transform: rotate(-65deg) translateY(-2px)
}

.popup-arrow.popup-arrow--left:hover:after {
    -webkit-transform: rotate(65deg) translateY(2px);
    -moz-transform: rotate(65deg) translateY(2px);
    -ms-transform: rotate(65deg) translateY(2px);
    -o-transform: rotate(65deg) translateY(2px);
    transform: rotate(65deg) translateY(2px)
}

.form-input,
.form-textarea {
    background: 0 0;
    height: 48px;
    color: #424242;
    border-radius: 2px;
    padding-left: 20px;
    width: 100%;
    display: inline-block;
    font-family: PFBeauSansPro, Arial, sans-serif;
    font-size: 14px;
    outline: 0;
    transition: all .2s
}

.form-input:focus,
.form-textarea:focus {
    border-color: #fed02f
}

.form-textarea {
    min-height: 160px;
    padding-top: 10px;
    resize: none
}

.form-label {
    font-size: 12px;
    color: #424242;
    display: block;
    font-weight: 600;
    padding-left: 20px;
    padding-bottom: 5px
}

.form-label--start {
    padding-left: 0
}

.form-file {
    display: inline-block;
    margin-right: 30px
}

.form-file:hover .file-link {
    color: #fed02f;
    border-color: #fee142
}

.file-input {
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 6;
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    display: block
}

.file-link,
.form-chk {
    position: relative;
    display: inline-block
}

.file-link {
    border-bottom: 1px dashed rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4);
    z-index: 4
}

.form-chk {
    margin-right: -4px
}

[type=checkbox].form-chkbx:checked,
[type=checkbox].form-chkbx:not(:checked) {
    position: absolute;
    left: -9999px
}

[type=checkbox].form-chkbx:checked+label,
[type=checkbox].form-chkbx:not(:checked)+label {
    position: relative;
    font-size: 12px;
    color: #000;
    padding-top: 3px;
    font-weight: 600;
    font-family: PFBeauSansPro, Arial, sans-serif;
    padding-left: 25px;
    cursor: pointer
}

[type=checkbox].form-chkbx:checked+label:before,
[type=checkbox].form-chkbx:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    border: 1px solid #e2e2e2;
    background: #fff
}

[type=checkbox].form-chkbx:checked+label:after,
[type=checkbox].form-chkbx:not(:checked)+label:after {
    content: ' ';
    position: absolute;
    top: 6px;
    left: 4px;
    font-size: 18px;
    line-height: .8;
    color: #09ad7e;
    transition: all .2s;
    background: url(/local/templates/main-rosneft/../images/main/i-tick.png) center no-repeat;
    width: 10px;
    height: 9px;
    background-size: 100% 100%
}

.breadcrumbs,
.form .customSelect {
    font-size: 14px;
    font-family: PFBeauSansPro, Arial, sans-serif
}

[type=checkbox].form-chkbx:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

[type=checkbox].form-chkbx:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

[type=checkbox].form-chkbx:disabled:checked+label:before,
[type=checkbox].form-chkbx:disabled:not(:checked)+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

[type=checkbox].form-chkbx:disabled:checked+label:after {
    color: #999
}

[type=checkbox].form-chkbx:disabled+label {
    color: #aaa
}

[type=checkbox].form-chkbx:checked:focus+label:before,
[type=checkbox].form-chkbx:not(:checked):focus+label:before {
    border: 1px dotted #00f
}

.form-button {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: 20px
}

.form .customSelect {
    height: 48px;
    color: #424242;
    border-radius: 2px;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    z-index: 55
}

.form .customSelect.is-active .customSelect-list {
    display: block
}

.form .customSelect-val {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 20px;
    bottom: 0;
    right: 40px;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form .customSelect-list {
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 50px;
    border: 1px solid #d7d7d7;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    z-index: 55;
    background: #fff;
    border-radius: 2px;
    max-height: 200px;
    overflow: auto
}

.form .customSelect-list a,
.form .customSelect-list>div {
    display: block;
    position: relative
}

.mFilter-list,
.mItem-image,
.nMedia-col,
.nMedia-item,
.nTags-set {
    overflow: hidden
}

.form .customSelect-list a {
    padding: 8px 20px;
    text-decoration: none;
    color: #424242
}

.form .customSelect-list a:hover {
    background: rgba(0, 0, 0, .1)
}

.form .customSelect-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    cursor: pointer;
    background: url(/local/templates/main-rosneft/../images/main/i-arrows.png) 5px 0 no-repeat;
    width: 15px;
    height: 6px;
    background-size: 10px auto;
    margin-top: -6px
}

.form .customSelect-slct {
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    opacity: 0;
    display: none
}

.form-file {
    z-index: 5
}

.form-chk {
    z-index: 10
}

.breadcrumbs {
    position: relative;
    padding: 30px 0 20px;
    line-height: 1.28em
}

.breadcrumbs a {
    color: #000;
    color: rgba(0, 0, 0, .7);
    position: relative
}

.breadcrumbs a:hover {
    color: #000
}

.breadcrumbs-list {
    position: relative;
    padding: 0 20px
}

.breadcrumbs--noml .breadcrumbs-list {
    padding-left: 0
}

.breadcrumbs-item {
    display: inline-block;
    position: relative;
    margin-right: 25px;
    margin-bottom: 10px
}

.breadcrumbs-home:before,
.breadcrumbs-item:after {
    display: block;
    height: 12px;
    top: 50%;
    content: ' '
}

.breadcrumbs-item:after {
    position: absolute;
    background: url(/local/templates/main-rosneft/../images/inners/i-ar.png) center no-repeat;
    width: 6px;
    background-size: auto 100%;
    right: -16px;
    margin-top: -6px;
    opacity: .7
}

.asport .breadcrumbs-item:after {
    background: url(/local/templates/main-rosneft/../images/inners/i-ar-white.png) center no-repeat
}

.breadcrumbs-item-noactive {
    color: #000;
    color: rgba(0, 0, 0, .5)
}

.breadcrumbs-link {
    position: relative
}

.breadcrumbs-home {
    margin-left: 20px
}

.breadcrumbs-home:before {
    position: absolute;
    background: url(/local/templates/main-rosneft/../images/inners/i-home.png) center left no-repeat;
    width: 20px;
    background-size: auto 100%;
    left: -20px;
    margin-top: -7px
}

.cnt {
    position: relative
}

.cnt h1 {
    font-size: 50px;
    line-height: .9em;
    color: #212121;
    font-weight: 600;
    font-family: PFBeauSansPro, Arial, sans-serif;
    display: inline-block;
    margin-right: 30px
}

.cnt-chk,
.cnt-info.is-active .cnt-col {
    display: -moz-inline-stack;
    vertical-align: top
}

.cnt-header {
    padding: 0 190px 50px 20px
}

.cnt-chk {
    display: inline-block;
    margin-right: -4px;
    margin-top: 7px
}

.cnt-chk .switchery-default:before {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: ' ';
    display: block;
    position: absolute;
    border-radius: 20px;
    z-index: 5;
    background: #fed02f
}

.cnt-button {
    position: absolute;
    right: 30px;
    top: 7px
}

.cnt-button .button {
    min-width: 180px
}

.cnt-map {
    height: 665px;
    background: gray;
    position: relative;
    display: none
}

.cnt-map.is-active {
    display: block
}

.cnt-map .js-cnt-map-map {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute
}

.cnt-list {
    position: relative;
    height: 581px;
    display: none
}

.cnt-list.is-active {
    display: block
}

.cnt-list .gList-content {
    margin: 50px -50px -50px 0;
    height: 495px
}

.cnt-list .gList-col {
    width: 26%;
    padding-right: 7%;
    position: relative;
    cursor: pointer
}

.cnt-list .gList-col:hover:after {
    position: absolute;
    display: block;
    top: -13px;
    left: -20px;
    right: 15%;
    bottom: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    background: url(/local/templates/main-rosneft/../images/main/i-location-yellowe.png) right 10px top 10px no-repeat;
    background-size: 20px auto;
    content: 'на карте';
    text-align: right;
    font-size: 12px;
    padding-top: 13px;
    padding-right: 38px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .5)
}

.nFilter-chk input:checked+span:after,
.nFilter-chk span:before,
.nFilter-month input:checked+span:before,
.nFilter-year input:checked+span:before,
.nMain-tags:before,
.nMain:after,
.news-more a:before {
    content: ' '
}

.cnt-list .gList-col:hover:before {
    opacity: 0
}

.cnt-zoom {
    position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -60px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    z-index: 100
}

.cnt-info {
    position: absolute;
    top: 140px;
    background: #fff;
    left: 50%;
    margin-left: -480px;
    width: 300px;
    padding: 10px 30px 30px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    z-index: 50;
    font-size: 14px;
    color: #000
}

.cMapInfo-address,
.cMapInfo-email,
.cMapInfo-fax,
.cMapInfo-phone,
.cnt-filter,
.cnt-infoContent {
    position: relative
}

.cnt-info.is-active {
    position: relative;
    box-shadow: none;
    top: auto;
    margin: 0 auto;
    left: auto;
    right: auto;
    width: auto;
    max-width: 940px;
    padding: 0 20px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.cnt-info.is-active .cnt-col {
    display: inline-block;
    min-width: 120px;
    margin-right: 10px
}

.cnt-info.is-active .cnt-filter {
    border: 0;
    padding-bottom: 25px
}

.cnt-info.is-active .cnt-infoContent {
    display: none
}

.distrDescription
{
	box-sizing: border-box;
	max-width: 980px;
	margin: 50px auto;
	padding: 20px;
	border-color: #e9eaed;
	border-width: 1px 0;
	border-style: solid;
	font-size: 16px;
	line-height: 20px;
}
.distrDescription img
{
	max-width: 221px;
	float: left;
	margin-right: 20px;
}

.clearfix:after,.clearfix:before
{
	content: ' ';
	display: table
}
.clearfix:after
{
	clear: both;
}

@media (min-width:980px) {
    .cnt-info {
        height: 555px
    }
    .cnt-info.is-active {
        height: auto
    }
    .cnt-info .cnt-infoContent,
    .cnt-info .cnt-infoContent .js-scrollpane {
        height: 405px
    }
}

.cnt-filter {
    font-family: PFBeauSansPro, Arial, sans-serif;
    font-size: 16px;
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.cnt-filter .gSelect {
    margin-left: -14px;
    display: block
}

.cnt-filter .gSelect-clear {
    display: none
}

.cnt-filter .gSelect-clear.is-active {
    display: inline-block
}

.cnt-label {
    font-size: 12px;
    color: rgba(0, 0, 0, .8);
    display: block;
    padding: 20px 0 0
}

.cnt-infoContent {
    padding: 10px 0 0
}

.cnt-infoContent .cMapInfo {
    max-width: 280px;
    padding-bottom: 20px
}

.cnt-infoContent .js-scrollpane {
    height: 250px;
    margin-right: -15px
}

.cnt-infoContent .js-scrollpane .jspHorizontalBar {
    display: none!important
}

.cMapInfo-label {
    font-size: 12px;
    opacity: .8;
    padding-top: 20px;
    padding-bottom: 5px
}

.cMapInfo-addressLinks {
    color: #074da8;
    font-size: 12px;
    padding-top: 10px
}

.cMapInfo-addressLinks a {
    color: #074da8;
    margin-left: 10px
}

.cMapInfo-addressLinks a:hover {
    color: #fed02f
}

.cMapInfo-fax,
.cMapInfo-phone {
    font-size: 26px;
    font-weight: 300;
    padding-top: 5px;
    line-height: 24px
}

.cMapInfo-email,
.nMain-text {
    font-size: 14px
}

.cMapInfo-email a {
    color: #000
}

.cMapInfo-email a:hover {
    color: #fed02f
}

.cMapInfo-address:after,
.cMapInfo-email:after,
.cMapInfo-fax:after,
.cMapInfo-phone:after {
    right: -5px;
    opacity: .6;
    position: absolute;
    content: ' ';
    display: block
}

.cMapInfo-address:after {
    width: 21px;
    height: 26px;
    background: url(/local/templates/main-rosneft/../images/main/i-info-loc.png) no-repeat;
    background-size: 100% 100%;
    top: 46px
}

.cMapInfo-phone:after {
    width: 22px;
    height: 22px;
    background: url(/local/templates/main-rosneft/../images/main/i-info-phone.png) no-repeat;
    background-size: 100% 100%;
    top: 43px
}

.cMapInfo-fax:after {
    width: 24px;
    height: 24px;
    background: url(/local/templates/main-rosneft/../images/main/i-info-fax.png) no-repeat;
    background-size: 100% 100%;
    top: 43px
}

.cMapInfo-email:after {
    width: 22px;
    height: 16px;
    background: url(/local/templates/main-rosneft/../images/main/i-info-mail.png) no-repeat;
    background-size: 100% 100%;
    top: 44px
}

.cnt-print {
    display: none
}

.is-active .cnt-print {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    font-size: 14px;
    font-weight: 400;
    font-family: PFBeauSansPro, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #074da8;
    text-decoration: none;
    z-index: 55;
    transition: none
}

.nMain,
.nMain-photo,
.nMain-tags,
.news-cnt,
.news-hdr {
    position: relative
}

.is-active .cnt-print i {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0 6px;
    background: url(/local/templates/main-rosneft/../images/inners/i-print-icon.png) no-repeat;
    width: 16px;
    height: 17px
}

.nFilter-month,
.nFilter-year,
.nMain-date,
.nMain-source,
.nMain-tags {
    vertical-align: top;
    margin-right: 15px
}

.is-active .cnt-print:hover {
    color: #fed02f
}

.is-active .cnt-print:hover i {
    background-position: 0 -17px
}

.news-hdr {
    padding: 0 20px
}

.news-cnt {
    padding: 55px 20px 0
}

.news-cnt.archive {
    padding: 40px 20px 0
}

.nMain {
    padding-bottom: 55px
}

.nMain-text {
    line-height: 20px
}

.nMain:after {
    display: block;
    width: 100%;
    clear: both
}

.nMain-photo {
    float: left;
    padding-right: 30px
}

.nMain-meta,
.nSingle-meta {
    font-size: 12px;
    font-family: PFBeauSansPro, Arial, sans-serif;
    color: rgba(0, 0, 0, .75);
    padding-bottom: 10px
}

.nMain-meta a,
.nSingle-meta a {
    color: rgba(0, 0, 0, .75);
    text-decoration: none
}

.nMain-meta a:hover,
.nSingle-meta a:hover {
    color: #000
}

.nMain-tags {
    padding-left: 15px;
    display: -moz-inline-stack;
    display: inline-block
}

.nMain-tags:before {
    position: absolute;
    display: block;
    background: url(/local/templates/main-rosneft/../images/inners/i-tag.png) left center no-repeat;
    background-size: 12px auto;
    width: 12px;
    height: 12px;
    top: 50%;
    margin-top: -8px;
    left: 0;
    opacity: .8
}

.nFilter,
.nFilter-col,
.nFilter-row,
.nMain-title {
    position: relative
}

.nMain-source {
    font-style: italic
}

.nMain .nMain-source {
    font-style: normal;
    color: #000
}

.nMain .nMain-source a {
    text-decoration: underline;
    color: #074da8
}

.nMain .nMain-read-more {
    font-size: 12px;
    font-family: 'Exo 2', sans-serif;
    display: inline-block;
    margin-top: 8px
}

.nFilter,
.nTags-header,
.nTags-showall,
.news-more,
.news-subtitle {
    font-family: PFBeauSansPro, Arial, sans-serif
}

.nMain-date {
    display: -moz-inline-stack;
    display: inline-block
}

.nMain-title {
    font-size: 26px;
    line-height: 1.23em;
    display: block;
    color: #000;
    text-decoration: none;
    border: 0;
    font-weight: 600;
    margin-bottom: 15px
}

.nMain-title:hover {
    color: #fed02f
}

.nFilter {
    border: 1px solid #ededed;
    padding: 10px 25px 20px;
    margin-bottom: 70px
}

.nFilter-row {
    padding: 10px 0;
    border-bottom: 1px solid #ededed
}

.nFilter-row+.nFilter-row {
    border: 0;
    padding-bottom: 0
}

.nFilter-reset,
.nFilter-toggle {
    display: none
}

.nFilter-col--left {
    width: 130px;
    position: absolute;
    left: 0;
    top: 10px
}

.nFilter-col--right {
    position: relative;
    margin-left: 130px
}

.nFilter-label {
    font-size: 16px
}

.nFilter-sttmt {
    position: relative;
    font-size: 12px
}

.nFilter-months,
.nFilter-years {
    padding-bottom: 5px
}

.nFilter-month,
.nFilter-year {
    display: -moz-inline-stack;
    display: inline-block;
    color: #074da8;
    position: relative;
    margin-bottom: 5px;
    padding-top: 2px
}

.nFilter-month span,
.nFilter-year span {
    text-decoration: underline;
    position: relative;
    z-index: 5;
    cursor: pointer;
    padding: 2px 0 0
}

.aTeam-mate,
.cFilter-reset,
.cFor-item,
.cFor-link a,
.cProds-item>a,
.footer-list,
.footer-title a,
.linkfile,
.lpro-item a,
.mFilter-item,
.mFilter-link,
.mItem,
.nFilter-month input:checked+span,
.nFilter-month input:disabled+span,
.nFilter-showall a,
.nFilter-year input:checked+span,
.nTags-showall a,
.news-more a,
.pag-link--active,
.prAct,
.proditem-file,
.prodsnew,
.prodstake,
.prtshp-media,
.sReview-link a,
.safety .sSert,
.sm-cnt a {
    text-decoration: none
}

.news-more,
.news-subtitle {
    padding-bottom: 30px
}

.nFilter-month input,
.nFilter-year input {
    display: none
}

.nFilter-month:hover,
.nFilter-year:hover {
    color: #fed02f
}

.nFilter-month input:checked+span,
.nFilter-year input:checked+span {
    color: #000
}

.nFilter-month input:checked+span:before,
.nFilter-year input:checked+span:before {
    position: absolute;
    top: -3px;
    left: -5px;
    right: -5px;
    bottom: -3px;
    background: #fed02f;
    z-index: -1;
    display: block
}

.nFilter-month input:checked+span:before {
    border: 2px solid #fed02f;
    background: 0 0
}

.nFilter-month input:disabled+span {
    color: #000;
    opacity: .5;
    cursor: default
}

.nFilter-month input:disabled+span:before {
    display: none
}

.nFilter-chk,
.nFilter-tagIcon {
    vertical-align: top
}

.nFilter-chk {
    display: inline-block;
    margin-right: 20px;
    padding-left: 10px;
    cursor: pointer
}

.nFilter-chk span {
    position: relative
}

.nFilter-chk span:before {
    width: 8px;
    height: 8px;
    border: 1px solid #dadada;
    position: absolute;
    display: block;
    left: -15px;
    top: 4px
}

.nFilter-chk input {
    display: none
}

.nFilter-chk input:checked+span:after {
    width: 6px;
    height: 6px;
    background: #fdcf43;
    position: absolute;
    display: block;
    left: -13px;
    top: 6px
}

.nFilter-showall {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px
}

.nFilter-showall a {
    color: rgba(0, 0, 0, .7);
    border-bottom: 1px dashed rgba(0, 0, 0, .3)
}

.nFilter-showall a:hover {
    color: #000;
    border-color: rgba(0, 0, 0, .6)
}

.nFilter-tagIcon {
    background: url(/local/templates/main-rosneft/../images/inners/i-tag.png) left center no-repeat;
    background-size: 12px auto;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: -4px;
    opacity: .5;
    margin-top: 0;
    margin-left: 5px
}

.news-subtitle {
    font-size: 20px;
    line-height: 1.4em;
    color: #000;
    font-weight: 600
}

.news-more {
    font-size: 12px;
    border-top: 1px solid #dadada;
    position: relative;
    text-align: center
}

.news-more.in_media {
    margin-top: 30px
}

.news-more a {
    color: rgba(0, 0, 0, .75);
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding-top: 35px
}

.news-more a:after,
.news-more a:before {
    display: block;
    position: absolute;
    left: 50%
}

.news-more a:before {
    background: #fff url('/local/templates/main-rosneft/../images/inners/more.png') center no-repeat;
    width: 80px;
    height: 40px;
    top: -20px;
    margin-left: -40px
}

.news-more a:after {
    color: #fff;
    background: #fed02f;
    width: 45px;
    height: 45px;
    content: +;
    top: -20px;
    margin-left: -22px;
    border-radius: 50%;
    line-height: 48px;
    font-size: 20px
}

.cFilter-col:after,
.cFor-item:after,
.cFor-link a:before,
.cProds:after,
.cProds:before,
.cRow-arrow:after,
.cRow-arrow:before,
.cSector-hdr:after,
.catalog-groupper:after,
.mItem-image:before,
.nSingle-content>ul>li:before,
.nSingle-item:after,
.nTags-header:before {
    content: ' '
}

.news-more a:hover:after {
    background: #fee142
}

.news-more a:active:after {
    background: #fee142;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.news-row:last-child {
    margin-bottom: 60px
}

.news-row-main {
	 margin-bottom: 50px !important;
}
.nMain-photo--mob {
    display: none;
    padding: 5px 0 20px;
    float: none;
    width: 100%
}

.nMain-photo--mob img {
    max-width: 100%;
    height: auto
}

.nSingle {
    padding-top: 30px
}

.nSingle-item {
    padding-bottom: 0
}

.nSingle-item:after {
    display: block;
    width: 100%;
    clear: both
}

.nSingle-meta {
    padding-bottom: 20px
}

.news-sectionTitle {
    padding-bottom: 25px
}

.nMedia {
    padding-top: 15px
}

.nSingle-image,
.nSingle-photo {
    float: left;
    width: 54%;
    padding-bottom: 2%;
    margin-top: 5px
}

.nSingle-photo-free
{
	float: left;
    padding-bottom: 2%;
    padding-right: 2%;
    margin-top: 5px
}
.nSingle-photo-free img
{
	width: 100%;
	height: auto;
}

.nSingle-image img {
    width: 95%;
    height: auto
}

.nSingle-photo img
{
    width: 460px;
    height: auto;
}

.nSingle-content {
    font-size: 16px;
    line-height: 1.625em
}

.nSingle-content>ul>li {
    padding-left: 25px;
    position: relative;
    padding-bottom: 5px
}

.nSingle-content>ul>li:before {
    width: 5px;
    height: 5px;
    background: #fddf52;
    position: absolute;
    left: 10px;
    top: 9px;
    border-radius: 50%;
    margin-bottom: 10px;
    display: block
}

.nMedia,
.nMedia-col,
.nMedia-item,
.nQuote {
    position: relative
}

.nSingle-content p {
    margin-bottom: 25px;
    display: block
}

.nSingle-content .pdf {
    display: block;
    padding-left: 40px;
    margin: 20px 0;
    height: 28px;
    line-height: 28px;
    background: url(/local/templates/main-rosneft/../images/inners/pdf.png) left center no-repeat
}

.nSingle-content .pdf:last-child {
    margin-bottom: 0
}

.nQuote {
    padding: 30px 35px 35px;
    border: 2px solid #c8d6da;
    font-size: 12px;
    line-height: 1.5em
}

.nMedia-col,
.nMedia-item,
.nMedia-photo,
.nMedia-video {
    line-height: 0
}

.nQuote p {
    margin-bottom: 15px
}

.nQuote p:last-child {
    margin-bottom: 0
}

.nQuote-title {
    padding-bottom: 25px
}

.nSingle-quote {
    margin-top: 50px
}

.nMedia-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    width: 140px;
    margin-right: 20px;
    margin-bottom: 20px
}

.nMedia-item {
    cursor: pointer;
    max-height: 105px
}

.nMedia-photo img,
.nMedia-video img {
    position: relative;
    max-width: 100%;
    height: auto;
    min-height: 105px
}

.nMedia-overlay {
    background: url(/local/templates/main-rosneft/../images/inners/i-photo-zoom.png) center no-repeat rgba(0, 0, 0, .7);
    background-size: 41px 41px;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.nMedia-video+.nMedia-overlay {
    background: url(/local/templates/main-rosneft/../images/inners/i-video-zoom.png) center no-repeat rgba(0, 0, 0, .7);
    background-size: 40px 40px
}

.nMedia-item:hover .nMedia-overlay {
    opacity: 1
}

.nTags {
    background: #e5e5e5;
    border: 2px solid #e5e5e5
}

.nTags-header {
    position: relative;
    padding: 15px 25px 15px 60px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px
}

.cFor-link,
.mFilter,
.mFilter-item,
.mItem,
.mItem-label,
.nTags-showall {
    font-size: 14px
}

.nTags-header:before {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url(/local/templates/main-rosneft/../images/inners/i-tag.png) center no-repeat #fff;
    top: 50%;
    background-size: 12px auto;
    margin-top: -15px;
    left: 15px
}

.mFilter-item,
.mFilter-link,
.mFilter-list,
.mItem,
.mItem-image,
.mItem-inner,
.media,
.media-content,
.media-grid,
.media-header {
    position: relative
}

.mFilter-item,
.mFilter-link {
    height: 40px
}

.nTags-cnt {
    background: #fff;
    padding: 15px 20px 15px 35px
}

.nTags-cnt label {
    display: block;
    margin: 5px 0
}

.nTags-set {
    max-height: 120px;
    transition: max-height .5s;
    padding-left: 5px;
    margin-left: -5px
}

.nTags-set.is-active {
    max-height: 800px;
    transition: max-height .2s
}

.nTags-showall {
    margin-left: -4px;
    font-weight: 600;
    padding: 10px 0 5px
}

.nTags-showall a {
    color: rgba(0, 0, 0, .5);
    border-bottom: 1px dashed rgba(0, 0, 0, .3)
}

.nTags-showall a:hover {
    color: #000;
    border-color: rgba(0, 0, 0, .6)
}

.nFilter-tags .nFilter-sttmnt {
    max-height: 15px;
    padding-left: 5px;
    overflow: hidden;
    transition: max-height .2s
}

.nFilter-tags .nFilter-sttmnt.is-active {
    max-height: 250px
}

.media-content .nFilter-tags .nFilter-sttmnt {
    max-height: 100%
}

.js-show-more-news-block .news-row:last-child {
    margin-bottom: 0
}

.media {
    padding: 0
}

.media-header {
    padding: 0 20px
}

.media-content {
    padding: 30px 0 70px
}

.media-content .nFilter {
    margin-bottom: 40px
}

.media-filter {
    position: relative;
    padding-bottom: 20px
}

.mFilter {
    font-family: PFBeauSansPro, Arial, arial, sans-serif;
    display: inline-block;
    border-radius: 40px
}

.aCar-title,
.aRes-name,
.aRes-thdr,
.aTeam,
.asCounter-count,
.asCounter-info,
.asCounter-title,
.asport p,
.cFor,
.cGroupper-title,
.cHdr,
.cProds-code,
.cProds-link,
.cRow-info,
.cSecList-hdr,
.cSecListList-hdr,
.cSector-hdr,
.catalog-buttons,
.countdown-section,
.mItem,
.prAct,
.prAct-title,
.proditem-subtitle,
.prodsnew,
.raceTable-table,
.sSert,
a.sSert {
    font-family: PFBeauSansPro, Arial, sans-serif
}

.mFilter-item {
    color: #000;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    text-transform: uppercase;
    text-align: center;
    width: auto
}

.mFilter-link {
    color: rgba(0, 0, 0, .7);
    display: block;
    line-height: 40px;
    padding: 0 15px;
    transition: none;
    border-radius: 40px
}

.mFilter-link:hover {
    color: #000;
    transition: none
}

.mFilter-link>span {
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 3px
}

.is-active .mFilter-link:after,
.mFilter-arrows,
.mFilter-item:last-child .mFilter-link:after {
    display: none
}

.mFilter-item:first-child .mFilter-link {
    padding-left: 20px
}

.mFilter-item:last-child .mFilter-link {
    padding-right: 20px;
    margin-right: -4px
}

@media (max-width:980px) {
    .asport-pilots .mFilter-link>span {
        margin-top: 3px!important
    }
    .mFilter-link>span {
        margin-top: 5px
    }
}

.is-active .mFilter-link {
    background: #fed02f;
    cursor: default;
    color: #000;
    pointer-events: none
}

.mFilter-list {
    border: 2px solid #fed02f;
    border-radius: 50px
}

.media-grid {
    padding: 0 20px
}

.media-grid .grid-row {
    margin-right: -30px
}

.mItem {
    display: block;
    color: #000;
    box-sizing: border-box;
    border: 2px solid #fed02f;
    line-height: 1.25em;
    min-height: 360px
}

.mItem-image {
    height: 220px;
    line-height: 0;
    margin: -2px -2px 0
}

.mItem-image img {
    position: absolute;
    top: -200px;
    left: -200px;
    right: -200px;
    bottom: -200px;
    display: flex;
    min-height: 100%;
    min-width: 100%;
    margin: auto;
    align-self: center
}

.mItem-image:before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 90
}

.is-ie .mItem-image img {
    display: block;
    left: 0;
    right: 0;
    bottom: auto;
    top: 0;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.mItem-content {
    position: relative;
    padding: 55px 20px 25px;
    background: url(/local/templates/main-rosneft/../images/inners/i-media-photo.png) 20px 25px no-repeat
}

.mItem-content--video {
    background: url(/local/templates/main-rosneft/../images/inners/i-media-video.png) 20px 25px no-repeat
}

.mItem-label {
    color: #666
}

.mItem-image--photo:before {
    background: url(/local/templates/main-rosneft/../images/inners/i-media-photo-yellow.png) center no-repeat rgba(0, 0, 0, .3)
}

.mItem-image--video:before {
    background: url(/local/templates/main-rosneft/../images/inners/i-media-video-yellow.png) center no-repeat rgba(0, 0, 0, .3)
}

.mItem--onlyImage {
    border: 0
}

.mItem--onlyImage .mItem-image {
    height: 360px;
    margin: 0;
    left: 0
}

.mItem--onlyImage .mItem-content {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    top: 20px;
    left: 0;
    padding: 12px 20px 8px 45px;
    background: url(/local/templates/main-rosneft/../images/inners/i-media-photo.png) 15px center no-repeat #fed02f;
    position: absolute;
    z-index: 90
}

.mItem--onlyImage .mItem-content--video {
    background: url(/local/templates/main-rosneft/../images/inners/i-media-video.png) 15px center no-repeat #fed02f
}

.mItem--onlyImage .mItem-label,
.mItem--onlyImage .mItem-title {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    color: #000;
    margin-right: auto
}

a:hover .mItem-image:before {
    opacity: 1
}

.mItem--small {
    min-height: 60px;
    margin-bottom: 20px;
    position: relative;
    border: 0;
    padding-left: 10px
}

.mItem--small:first-child {
    margin-top: 20px
}

.mItem--small .mItem-image {
    position: absolute;
    left: 12px;
    top: 0;
    width: 80px;
    height: 60px;
    margin-left: 0
}

.catalog,
.catalog-cnt,
.catalog-hdr {
    position: relative
}

.mItem--small .mItem-image:before {
    opacity: 1;
    transition: background-color .2s
}

.mItem--small:hover .mItem-image:before {
    background-color: rgba(0, 0, 0, .5)
}

.mItem--small .mItem-content {
    position: relative;
    padding: 0;
    background: 0 0;
    margin-left: 100px
}

.js-tabs-tab {
    display: none
}

.js-tabs-tab.is-active {
    display: block
}

.catalog-hdr {
    padding: 0 20px
}

.catalog-info {
    font-size: 18px;
    line-height: 1.556em;
    padding: 35px 0 0;
    margin-right: 350px
}

.catalog-buttons {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    width: 280px;
    position: absolute;
    right: 20px;
    top: -2px
}

.catalog-buttons .button {
    padding-top: 7px;
    padding-bottom: 0;
    display: block;
    text-align: center;
    margin-right: 0
}

.catalog-buttons .button--outline:active {
    padding-top: 6px;
    padding-bottom: 6px
}

.catalog-buttons .customSelect {
    padding-top: 23px;
    margin: 10px 0 0;
    width: auto;
    display: block
}

.catalog-groupper {
    position: relative;
    padding: 45px 0 28px 20px;
    margin-right: -20px
}

.cGroupper-filters,
.cGroupper-title,
.cGroupper-toggle {
    margin-right: -4px;
    vertical-align: top
}

.catalog-groupper:after {
    position: absolute;
    display: block;
    height: 1px;
    bottom: 0;
    right: 40px;
    background: rgba(0, 0, 0, .15);
    left: 0
}

.cFor,
.cFor-col,
.cFor-item,
.cGroupper-select,
.cGroupper-toggle {
    position: relative
}

.cFor-item:after,
.cFor-link a:before {
    background: #fed02f
}

.cGroupper-title {
    font-size: 24px;
    line-height: 1.667em;
    font-weight: 600;
    padding-top: 15px;
    display: -moz-inline-stack;
    display: inline-block;
    padding-right: 85px
}

.cGroupper-filters {
    display: inline-block;
    padding: 15px 1px 0
}

.cGroupper-toggle {
    display: inline-block;
    z-index: 5
}

.cGroupper-select {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    width: 190px;
    z-index: 10
}

.cGroupper-select .customSelect {
    height: 42px;
    border-width: 2px;
    border-radius: 50px
}

.cGroupper-select .customSelect .customSelect-val {
    line-height: 40px;
    height: 100%;
    width: 80%
}

.cGroupper-select .customSelect .customSelect-arrow {
    margin-top: -3px
}

.cGroupper-toggle .chk-left,
.cGroupper-toggle .chk-right {
    margin-top: 3px
}

.catalog-chk {
    font-size: 13px;
    padding: 8px 13px
}

.cFor {
    padding: 65px 20px 40px;
    font-size: 16px;
    line-height: 1.111em
}

.cFor-cnt,
.catalog-main {
    display: none
}

.cFor-cnt.is-active,
.catalog-main.is-active {
    display: block
}

.cFor-hdr {
    padding-bottom: 45px
}

.cFor-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 33.33%;
    padding-bottom: 35px
}

.cFor-col--25 {
    width: 25%
}

.cFor-item:after,
.cFor-title {
    width: 100%;
    position: absolute
}

.cFor-item {
    display: block;
    color: rgba(0, 0, 0, .3);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 0 20px 80px;
    font-weight: 500;
    transition: color .2s;
    max-height: 20px;
    min-height: 0
}

.cFor-item.is-active,
.cFor-item.is-ready,
.cFor-item:hover {
    color: #000
}

.cFor-image img,
.cFor-item:after {
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s
}

.cFor-item:after {
    bottom: -2px;
    height: 3px;
    left: 0;
    display: block;
    opacity: 0;
    transition: opacity .3s
}

.cFor-item:hover:after
{
	opacity: 1;
}

.cFor-item:hover img {
    opacity: .8;
    transition: none
}

.cFor-title {
    bottom: -45px;
    max-width: 100%
}

.catalog+.banners .banners-content {
    border-top: 0
}

.catalog.is-ready+.banners {
    margin-top: -45px
}

.cFor-col:nth-child(2) .cFor-title {
    max-width: 180px;
    bottom: -62px
}

.cFor-cnt .cFor-col:nth-child(1),
.cFor-cnt .cFor-col:nth-child(2),
.cFor-cnt .cFor-col:nth-child(3),
.cFor-cnt .cFor-col:nth-child(4) {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 40px
}

.cFor-cnt {
    padding-top: 10px
}

.cFor-image {
    left: auto;
    position: absolute;
    bottom: 0;
    right: auto!important
}

@media (max-width:767px) {
    .catalog.is-ready+.banners {
        margin-top: -40px!important
    }
    .cFor-title {
        width: 80%
    }
    .cFor-col:nth-child(1) .cFor-title {
        max-width: 180px;
        bottom: -62px
    }
    .cFor-hdr {
        padding-bottom: 43px
    }
}

.js-catalog-tab-content.is-margin {
    margin-bottom: -30px!important
}

.catalog-main.is-not-empty {
    margin-bottom: 55px
}

.cFor-image img {
    max-width: 100%;
    height: auto;
    position: relative;
    opacity: .4;
    transition: opacity .3s
}

.cFor-item.is-active:after {
    opacity: 1
}

.cFor-item.is-active .cFor-image img {
    opacity: .8
}

.cFor-link {
    padding: 0 10px 0 20px;
    font-weight: 300
}

.cFor-link a {
    display: block;
    color: rgba(0, 0, 0, .4);
    position: relative
}

.cFor-link a:before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    display: block;
    top: 5px;
    left: -10px
}

.cHdr,
.catalog-row {
    position: relative;
}

.cFor-link a:hover {
    color: #fed02f
}

.cFor-link a.is-active {
    color: #000
}

.cFor-link a.is-active:hover {
    color: #fed02f
}

.cHdr {
    padding: 50px 20px;
    font-size: 24px;
    line-height: 1.1667em;
    font-weight: 300;
    border-bottom: 2px solid #fed02f
}

.cHdr-logo {
    position: absolute;
    left: -60px;
    width: 60px;
    height: 80px;
    top: 50%;
    margin-top: -40px;
    line-height: 80px
}

.cHdr-logo img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    display: inline-block
}

.cFilter-col,
.cFilter-reset,
.cProds-prod,
.fchk {
    vertical-align: top
}

.cRow {
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    min-height: 185px
}

.cRow-info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    width: 250px;
    padding-top: 55px
}

.cFilter,
.cFilter-col,
.cRow,
.cRow-products {
    position: relative
}

.cRow-products {
    margin-left: 250px
}

.cRow-title {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 800;
    color: #000
}

.cRow-category {
    font-size: 12px;
    line-height: 1.1667em;
    color: #000;
    color: rgba(0, 0, 0, .5);
    padding-top: 5px
}

.cRow-code {
    font-size: 24px;
    line-height: 1em;
    font-weight: 300;
    text-transform: uppercase;
    color: #000;
    color: rgba(0, 0, 0, .5);
    padding-top: 10px
}

.catalog-mobileFor {
    display: none
}

.cFilter {
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 20px 15px;
    font-size: 12px
}

.cFilter-col {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: -4px
}

.cFilter-col:after {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 1px;
    min-height: 85px;
    background: rgba(0, 0, 0, .1)
}

.fchk input:checked+span:after,
.fchk span:before {
    content: ' ';
    top: 50%
}

.cFilter-col:last-child:after {
    display: none
}

.cFilter-label {
    color: #000;
    color: rgba(0, 0, 0, .5);
    padding-bottom: 15px;
    padding-left: 30px
}

.cFilter-stmnt,
.fchk {
    padding-left: 15px
}

.cFilter-col--1 {
    width: 22%
}

.cFilter-col--2 {
    width: 46%
}

.cFilter-col--3 {
    width: 32%
}

.fchk {
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0;
    cursor: pointer
}

.cProds,
.cRow-arrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none
}

.fchk span {
    position: relative
}

.fchk span:before {
    width: 8px;
    height: 8px;
    border: 1px solid #dadada;
    position: absolute;
    display: block;
    left: -15px;
    margin-top: -6px
}

.fchk input {
    display: none
}

.fchk input:checked+span:after {
    width: 6px;
    height: 6px;
    background: #fed02f;
    position: absolute;
    display: block;
    left: -13px;
    margin-top: -4px
}

.cFilter .fchk {
    margin-right: 20px
}

.cFilter-reset {
    color: #074da8;
    border-bottom: 1px dashed rgba(7, 77, 168, .4);
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 12px;
    line-height: 1em;
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0
}

.cFilter-toggle,
.catalog-category,
.catalog-section {
    display: none
}

.cFilter-reset:hover {
    color: #fed02f;
    border-color: rgba(254, 208, 47, .4)
}

.cFilter-col--3 .fchk {
    min-width: 40px
}

.cFilter-toggle i {
    font-weight: 300;
    font-size: 26px
}

.catalog-category.is-active,
.catalog-section.is-active {
    display: block
}

.cProds {
    position: relative;
    user-select: none
}

.cProds-prod {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: 0;
    width: 180px;
    text-align: center;
    position: relative;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.cProds-code {
    font-size: 18px;
    font-weight: 300;
    padding-top: 5px;
    transition: transform .2s;
    text-decoration: none;
    color: #000
}

.cProds-photo {
    text-align: center;
    height: 180px;
    line-height: 190px;
    transition: transform .2s
}

.cProds-photo img {
    width: 60%;
    height: auto;
    max-width: 90px;
    vertical-align: middle;
    display: inline-block
}

.prodsnew,
.prodsnew-col,
.prodsnew-label i,
.product .prodsmore {
    vertical-align: top
}

.cProds-link {
    color: #074da8;
    font-size: 16px;
    opacity: 0;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    cursor: pointer;
    z-index: 90
}

.cProds-link:hover,
.catalog .prodsblock-specials li:hover {
    color: #fed02f
}

@media (min-width:768px) {
    .cProds:hover .cProds-prod {
        opacity: .5
    }
    .cProds-prod:hover .cProds-link,
    .cProds:hover .cProds-prod:hover {
        opacity: 1
    }
    .cProds-prod:hover .cProds-photo {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    .cProds-prod:hover .cProds-code {
        font-weight: 600;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    .cProds-prod:hover .cProds-code:after {
        background: #fed02f;
        height: 2px;
        bottom: -5px;
        width: 90px;
        left: 50%;
        margin-left: -45px;
        position: absolute;
        content: ' ';
        display: block
    }
}

.cRow-arrow {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
    right: 0;
    user-select: none;
    z-index: 100
}

.aRes-hdr,
.marketing .mFilter-arrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.cRow-arrow.cRow-arrow--left {
    right: auto;
    left: 0
}

.cRow-arrow:after,
.cRow-arrow:before {
    transition: transform .2s, width .2s;
    height: 4px;
    width: 30px;
    background: #074da8;
    left: 0;
    position: absolute
}

.cRow-arrow:before {
    top: 2px;
    display: block;
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.cRow-arrow:after {
    bottom: 2px;
    display: block;
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.cRow-arrow:hover:before {
    -webkit-transform: rotate(65deg) translateY(-2px);
    -moz-transform: rotate(65deg) translateY(-2px);
    -ms-transform: rotate(65deg) translateY(-2px);
    -o-transform: rotate(65deg) translateY(-2px);
    transform: rotate(65deg) translateY(-2px)
}

.cRow-arrow:hover:after {
    -webkit-transform: rotate(-65deg) translateY(2px);
    -moz-transform: rotate(-65deg) translateY(2px);
    -ms-transform: rotate(-65deg) translateY(2px);
    -o-transform: rotate(-65deg) translateY(2px);
    transform: rotate(-65deg) translateY(2px)
}

.cRow-arrow.cRow-arrow--left:before {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.cRow-arrow.cRow-arrow--left:after {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.cRow-arrow.cRow-arrow--left:hover:before {
    -webkit-transform: rotate(-65deg) translateY(-2px);
    -moz-transform: rotate(-65deg) translateY(-2px);
    -ms-transform: rotate(-65deg) translateY(-2px);
    -o-transform: rotate(-65deg) translateY(-2px);
    transform: rotate(-65deg) translateY(-2px)
}

.cRow-arrow.cRow-arrow--left:hover:after {
    -webkit-transform: rotate(65deg) translateY(2px);
    -moz-transform: rotate(65deg) translateY(2px);
    -ms-transform: rotate(65deg) translateY(2px);
    -o-transform: rotate(65deg) translateY(2px);
    transform: rotate(65deg) translateY(2px)
}

.cRow-arrow.swiper-button-disabled {
    display: none;
    opacity: .1;
    cursor: default
}

.cRow-arrow.swiper-button-disabled:after,
.cRow-arrow.swiper-button-disabled:before {
    background: gray
}

.cRow-arrow.swiper-button-disabled.cRow-arrow--right:before,
.cRow-arrow.swiper-button-disabled.cRow-arrow--right:hover:before {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.cRow-arrow.swiper-button-disabled.cRow-arrow--left:before,
.cRow-arrow.swiper-button-disabled.cRow-arrow--left:hover:before,
.cRow-arrow.swiper-button-disabled.cRow-arrow--right:after,
.cRow-arrow.swiper-button-disabled.cRow-arrow--right:hover:after {
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    -o-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.cRow-arrow.swiper-button-disabled.cRow-arrow--left:after,
.cRow-arrow.swiper-button-disabled.cRow-arrow--left:hover:after {
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg)
}

.cProds:after,
.cProds:before {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    z-index: 90;
    cursor: default;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.cSector,
.cSector-hdr,
.cSector-list,
.cSector-row {
    position: relative
}

.cProds:before {
    left: 0;
    right: auto;
    background: -moz-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%)
}

.cSecList-hdr:after,
.cSector-hdr:after {
    background: #fed02f;
    bottom: -1px;
    right: 0
}

.catalog .prodsblock-specials li {
    cursor: pointer
}

.catalog .prodsblock-specials li.is-active {
    color: #000;
    cursor: default;
    font-weight: 500
}

.cSecList-hdr,
.cSector-hdr {
    cursor: pointer
}

.catalog-toggleTab {
    display: none
}

.catalog-toggleTab.is-active,
.catalog-toggleTab.is-block {
    display: block
}

@media (min-width:1024px) {
    .catalog .swiper-container,
    .catalog .swiper-wrapper {
        overflow: visible;
        width: auto;
        white-space: break-all;
        flex-wrap: wrap;
        -webkit-transform: none!important;
        -moz-transform: none!important;
        -ms-transform: none!important;
        -o-transform: none!important;
        -o-transform: none;
        transform: none
    }
    .catalog .swiper-slide {
        width: 180px!important
    }
    .cRow-arrow {
        display: none
    }
}

.aRes,
.asport-info,
.cSecList-cnt,
.cSector-cnt,
.prAct-image,
.prAct-text,
.sReview-info {
    overflow: hidden
}

.cSector-hdr {
    border-bottom: 1px dashed rgba(0, 0, 0, .2);
    padding: 40px 0;
    font-size: 24px
}

.cSector-hdr:after {
    height: 2px;
    position: absolute;
    display: block;
    left: 0;
    opacity: 0
}

.cSector-title {
    padding-left: 80px;
    font-weight: 300;
    position: relative
}

.cSector-title:before {
    position: absolute;
    display: block;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, .1);
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    font-size: 30px;
    color: rgba(0, 0, 0, .1);
    left: 20px;
    top: -12px;
    content: +;
    font-weight: 400
}

.cSecList-hdr,
.cSecList-row {
    position: relative
}

.cSector-hdr:hover .cSector-title {
    color: #fed02f
}

.cSector-row.is-active .cSector-hdr:after {
    opacity: 1
}

.cSector-row.is-active .cSector-title {
    font-weight: 500;
    color: #000
}

.cSector-row.is-active .cSector-title:before {
    content: '\2013';
    color: #fed02f;
    border-color: #fed02f;
    line-height: 40px
}

.cSecList {
    padding-left: 65px
}

.cSecList-cnt {
    max-height: 0;
    transition: max-height .4s
}

.cSecList-hdr {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 40px 0;
    font-size: 18px
}

.cSecList-hdr:after {
    height: 2px;
    position: absolute;
    content: ' ';
    display: block;
    left: 0;
    opacity: 0
}

.cSecList-title {
    padding-left: 50px;
    font-weight: 300;
    position: relative
}

.cSecList-title:before {
    position: absolute;
    display: block;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, .1);
    width: 20px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    font-size: 18px;
    color: rgba(0, 0, 0, .1);
    left: 0;
    top: -2px;
    content: '+';
    font-weight: 400
}

.cSecList-hdr:hover .cSecList-title {
    color: #fed02f
}

.cSecList-row.is-active .cSecList-hdr:after {
    opacity: 1
}

.cSecList-row.is-active .cSecList-cnt {
    max-height: 10000px;
    transition: max-height .9s
}

.cSecList-row.is-active .cSecList-title {
    color: #000;
    font-weight: 500
}

.cSecList-row.is-active .cSecList-title:before {
    content: '\2013';
    color: #fed02f;
    line-height: 21px;
    border-color: #fed02f
}

.cSector-cnt {
    max-height: 0;
    transition: max-height .4s
}

.cSector-row.is-active .cSector-cnt {
    max-height: 10000px;
    transition: max-height .9s
}

.cSecListList {
    background: #fff;
    position: relative;
    padding: 0 0 0 60px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.cSecListList-row:first-child,
.cSecListList-row:last-child,
.cSecListList-row:last-child .cSecListList-hdr {
    border: 0
}

.cSecListList-cnt {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s
}

.cSecListList-row.is-active .cSecListList-cnt {
    max-height: 10000px;
    transition: max-height .9s
}

.cSecListList-row.is-active .cSecListList-hdr {
    color: #000;
    cursor: default
}

.cSecListList-hdr {
    position: relative;
    font-size: 24px;
    line-height: 1.1667em;
    padding: 40px 0;
    border-top: 0;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 300;
    cursor: pointer
}

.cSecListList-hdr:hover {
    color: #fed02f
}

.cSecListList-row.is-active .cSecListList-hdr {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.cSecListList-row.is-active+.cSecListList-row .cSecListList-hdr {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.cSecListList .cRow:last-child {
    border: 0
}

.cSecListList .cRow-info {
    width: 190px
}

.cSecListList .cRow-products {
    margin-left: 180px
}

.cSecListList .cProds:after,
.cSecListList .cProds:before {
    display: none
}

.cSecListList-row {
    position: relative;
    border: 0
}

.is-ready .cSector {
    margin-bottom: 105px
}

@media (min-width:769px) {
    .catalog-button--mobile {
        display: none!important
    }
}

.catalog.is-ready+.banners {
    padding-top: 0
}

.product {
    position: relative;
    padding: 50px 0 0
}

.product h1 {
    font-size: 50px;
    line-height: 1.12em;
    font-weight: 300;
    padding: 0
}

.product h1 b {
    font-weight: 700
}

.product h2 {
    font-size: 46px;
    line-height: 1.2173913043478em;
    font-weight: 300;
    padding: 15px 0 0
}

.product .breadcrumbs,
.product .breadcrumbs .inside,
.product .breadcrumbs-list,
.sm-col--2 .breadcrumbs .inside,
.sm-col--2 .breadcrumbs-list {
    padding: 0
}

.product h2 small,
.product h2 span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    position: relative
}

.product h2 span {
    margin-right: 20px
}

.product h2 small {
    font-size: 16px;
    line-height: 1.125em;
    color: rgba(0, 0, 0, .5);
    max-width: 220px;
    margin-top: 10px
}

.product:after {
    content: ' ';
    display: block;
    width: 100%;
    clear: both
}

.product .prod-col--1 {
    position: relative;
    float: left;
    display: block;
    padding-top: 0;
    width: 330px
}

.product .prod-col--2 {
    width: auto;
    margin-left: 330px;
    max-width: 65%;
    display: block
}

.product .proditem {
    margin-top: 0;
    box-shadow: none;
    border: 0
}

.product .proditem-content {
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .05)
}

.product .prod-content {
    padding: 15px 0 0
}

.product .prodsblock {
    padding-right: 20px;
    margin-bottom: 49px;
}

.prod-buttons {
    position: relative;
    padding: 60px 0 40px
}

.prod-buttons .button {
    min-width: 180px;
    margin-right: 20px;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 8px;
    color: #000!important
}

.prod-buttons .button:active {
    padding-top: 12px;
    padding-bottom: 12px
}

.prod-buttons .button:after,
.prod-buttons .button:before {
    margin-top: 5px
}

.proditem-section {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    padding: 30px 0 35px
}

.proditem-section:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.proditem-photo+.proditem-section {
    margin-top: 35px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.proditem-subtitle {
    font-size: 16px;
    line-height: 1.125em;
    font-weight: 400
}

.linkfile,
.proditem-file {
    display: block;
    position: relative;
    color: #074da8;
    transition: none;
    padding-left: 35px;
    margin-bottom: 20px
}

.linkfile:last-child,
.proditem-file:last-child {
    margin-bottom: 0
}

.linkfile span,
.proditem-file span {
    border-bottom: 1px solid rgba(7, 77, 168, .4);
    transition: color .2s, border-color .2s
}

.linkfile:hover,
.proditem-file:hover {
    color: #fed02f;
    transition: none
}

.linkfile:hover span,
.proditem-file:hover span {
    border-color: rgba(254, 208, 47, .4)
}

.linkfile--pdf,
.proditem-file--pdf {
    min-height: 21px
}

.linkfile--pdf:after,
.linkfile--pdf:before,
.proditem-file--pdf:after,
.proditem-file--pdf:before {
    content: ' ';
    display: block;
    position: absolute;
    top: -6px;
    left: 0;
    width: 22px;
    height: 28px;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.linkfile--pdf:before,
.proditem-file--pdf:before {
    background: url(/local/templates/main-rosneft/../images/inners/i-pdf.png) no-repeat
}

.linkfile--pdf:after,
.proditem-file--pdf:after {
    background: url(/local/templates/main-rosneft/../images/inners/i-pdf.png) 0 -28px no-repeat;
    opacity: 0
}

.linkfile--pdf:hover:before,
.proditem-file--pdf:hover:before {
    opacity: 0
}

.linkfile--pdf:hover:after,
.proditem-file--pdf:hover:after {
    opacity: 1
}

.proditem-big small {
    font-size: 16px;
    color: rgba(0, 0, 0, .75)
}

.prAct,
.prodsnew {
    color: #000
}

.proditem-big+.proditem-big {
    padding-top: 5px
}

.prod-addition .customSelect {
    margin: 35px 0 0
}

.prodsnew {
    border: 2px solid #c8d6da;
    padding: 20px 15px;
    display: -moz-inline-stack;
    display: inline-block;
    width: 260px;
    margin-right: 40px!important;
    margin-bottom: 20px
}

.prodsnew:hover {
    border-color: #fed02f
}

.prodsnew-col {
    display: inline-block;
    margin-right: -4px;
    width: 50%
}

.prodsnew-label {
    font-size: 12px;
    line-height: 18px;
    padding-top: 3px;
    padding-bottom: 10px;
    text-align: left;
    padding-left: 10px;
    font-weight: 400;
    position: relative
}

.prodsnew-label i {
    color: #fed02f;
    display: inline-block;
    position: absolute;
    left: -5px;
    font-style: normal;
    margin-right: 2px
}

.marketing,
.marketing-cnt,
.marketing-hdr,
.prAct,
.prAct-image,
.prAct-title,
.prod-addition {
    position: relative
}

.prodsnew-label i:before {
    content: '★'
}

.asport-cars:after,
.asport-cars:before,
.asport:after,
.sReview-info:after,
.sReview:after,
.sSert-icon:before {
    content: ' '
}

.prodsnew-photo {
    text-align: center;
    padding: 0 10px;
    line-height: 0
}

.prodsnew-photo img {
    max-width: 100%;
    height: auto
}

.prodsnew-brand {
    font-size: 12px
}

.prodsnew-title {
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 600;
    color: #000!important
}

.prodsnew-code {
    font-size: 14px
}

.prodsnew-category {
    font-size: 12px;
    line-height: 1.3333333333333em;
    color: rgba(0, 0, 0, .5)
}

.product .prodsmore {
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: -4px;
    margin-top: 0;
    padding-top: 15px
}

.product .prodsmore-title {
    margin-right: -10px
}

.prod-addition {
    padding: 40px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 40px
}

.prod-mobile {
    display: none
}

.marketing-hdr {
    padding-top: 10px
}

.marketing-cnt {
    padding: 0 20px 60px
}

.marketing-grid {
    margin-right: -30px
}

.prAct {
    display: block;
    border: 2px solid #fed02f;
    min-height: 400px;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 250;
    box-sizing: border-box
}

.prAct-title {
    padding: 25px;
    max-height: 90px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.25em;
    color: #000
}

.lpro h1,
.lpro-text {
    font-weight: 300
}

.prAct-image {
    height: 220px;
    line-height: 0;
    margin-left: -2px;
    margin-right: -2px
}

.prAct-image img {
    position: absolute;
    top: -200px;
    left: -200px;
    right: -200px;
    bottom: -200px;
    display: flex;
    min-height: 100%;
    min-width: 100%;
    margin: auto;
    align-self: center
}

.prAct-text,
.sSert,
.sSert-icon,
.sSert-title,
.sm,
.sm-col--1,
.sm-sert,
.sm-serts,
a.sSert {
    position: relative
}

.is-ie .prAct-image img {
    display: block;
    left: 0;
    right: 0;
    bottom: auto;
    top: 0;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.prAct-text {
    padding: 25px 15px 25px 25px;
    max-height: 14px;
    text-overflow: ellipsis
}

.prAct--large .prAct-image {
    position: relative;
    margin-top: -2px;
    margin-right: -2px;
    margin-left: -2px;
    height: 312px
}

.prAct--large .prAct-title {
    position: absolute;
    top: 15px;
    left: -2px;
    background: #fed02f;
    padding: 10px 15px 8px;
    z-index: 9
}

.prAct:hover {
    background: #fee142;
    transition: background .2s
}

.prAct:hover .prAct-text {
    color: #000
}

.prAct-icon {
    position: absolute;
    top: 0;
    height: 90px;
    line-height: 84px;
    right: 20px;
    width: 26px
}

.prAct-icon img {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.prAct--disabled {
    border-color: rgba(0, 0, 0, .1);
    opacity: .6
}

.prAct--disabled:hover {
    background: 0 0
}

.prAct--disabled .prAct-image {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.prAct--disabled .prAct-title {
    padding-right: 60px
}

@media (min-width:980px) {
    .marketing-grid .swiper-slide {
        margin-right: 0
    }
    .marketing-grid .swiper-wrapper {
        -webkit-transform: none!important;
        -moz-transform: none!important;
        -ms-transform: none!important;
        -o-transform: none!important;
        -o-transform: none;
        transform: none
    }
    .marketing-grid .swiper-container,
    .marketing-grid .swiper-wrapper {
        flex-wrap: wrap
    }
}

.marketing .mFilter-arrows {
    top: 10px;
    right: 0;
    left: auto;
    margin: auto;
    display: none
}

.marketing .mFilter-arrow.swiper-button-disabled {
    opacity: .6;
    pointer-events: none;
    cursor: default
}

.lpro .promoslider-content {
    margin-left: 0;
    padding-top: 150px;
    padding-left: 0
}

.lpro .promoslider-nav {
    margin-left: -490px
}

.lpro-left {
    float: Left;
    width: 275px;
    text-align: center;
    margin-top: 50px;
    height: 275px;
    margin-right: 40px;
    margin-bottom: 10px;
    line-height: 275px;
    border: 1px solid rgba(178, 178, 178, .28)
}

.lpro-left img {
    max-width: 90%;
    vertical-align: middle;
    height: auto
}

.lpro-left+.lpro-cnt {
    padding-left: 0;
    margin-left: 0
}

.lpro-left+.lpro-cnt h1 {
    margin-bottom: 25px;
    margin-top: 10px
}

.lpro-left+.lpro-cnt p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 28px
}

.lpro-items {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 80px;
    padding-top: 20px
}

.lpro-item {
    width: 300px;
	height: 300px;
    margin-bottom: 30px;
	margin-right: 30px;
    display: flex;
	text-align: center;
}
.lpro-item.last
{
	margin-right: 0;
}

.lpro-item a {
    display: flex;
	align-items: center;
	justify-content: center;
    width: 100%;
    padding: 20px 25px 15px;
    border: 1px solid #b4b4b4;
}

.lpro-link--1:hover {
    border-color: #f5d02f;
	border-width: 2px;
}

.lpro-link--2:hover {
    border-color: #e76321
}

.lpro-link--3:hover {
    border-color: #f49d26
}

.lpro-link--4:hover {
    border-color: #f7be30
}

.lpro-link--5:hover {
    border-color: #c01932
}

.lpro-link--6:hover {
    border-color: #9fa7b6
}

.lpro-logo {
    max-width: 100%;
    padding-bottom: 30px
}

.lpro-text {
    font-size: 14px;
    min-height: 35px;
    color: #000000;
}

.lpro-mobile {
    display: none
}

@media (max-width:980px) {
    .lpro .promoslider-nav {
        margin-left: 0
    }
    .lpro-item {
        width: 48%
    }
}

@media (max-width:680px) {
    .lpro-mobile,
    .lpro-mobile img {
        vertical-align: middle
    }
    .lpro-left {
        display: none
    }
    .lpro-mobile {
        display: block;
        max-width: 275px;
        width: auto;
        margin: 20px auto;
        text-align: center;
        height: 275px;
        line-height: 275px;
        border: 1px solid #b2b2b2
    }
    .lpro-item {
        width: 100%;
        max-width: 340px;
        margin: 0 auto 20px
    }
}

.sm h1+h3 {
    margin-top: 20px
}

.sm-col--1 {
    float: left;
    display: block;
    padding-top: 0;
    width: 330px
}

.sm-col--2 {
    width: auto;
    margin-left: 330px;
    max-width: 65%;
    display: block
}

.sm-cnt a {
    border-bottom: 1px solid rgba(7, 77, 168, .4)
}

.sm-cnt a:hover {
    color: #fed02f;
    border-color: rgba(254, 208, 47, .4)
}

.sm-cnt h1+p {
    margin-top: 40px
}

.sm-serts {
    padding-bottom: 30px;
    padding-top: 10px
}

.sm-sert {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    width: 135px;
    margin-right: 20px
}

.sSert,
a.sSert {
    display: block;
    font-size: 12px;
    line-height: 1.667em;
    color: #000;
    border: 0;
    margin-bottom: 30px
}

.sSert-caption {
    color: rgba(0, 0, 0, .75);
    display: block;
    padding: 0 0 0 10px
}

.sSert-title {
    padding: 10px 0 0 10px;
    margin-right: -10px;
    font-size: 11px
}

.sSert-icon {
    height: 186px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .2)
}

.sSert-icon:before {
    background: url(/local/templates/main-rosneft/../images/inners/sert.png) center no-repeat;
    background-size: 100% auto;
    top: 20px;
    left: 25px;
    bottom: 20px;
    right: 25px;
    display: block;
    position: absolute;
    opacity: .4
}

.sSert-hover {
    background: url(/local/templates/main-rosneft/../images/inners/i-zoom.png) center no-repeat rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5;
    opacity: 0;
    transition: opacity .2s
}

.sReview,
.sReview-info,
.sReview-meta,
.sReviews {
    position: relative
}

@media (min-width:768px) {
    a:hover .sSert-hover {
        opacity: 1
    }
}

.sm-inr {
    margin-right: 50px;
    padding-top: 30px
}

.sm-inr .linkfile {
    font-size: 12px
}

.sm-inr .linkfile:after,
.sm-inr .linkfile:before {
    top: -3px
}

.sm-inr .nTags-header {
    padding-left: 70px
}

.sm-inr .nTags-header:before {
    left: 24px
}

.asport:after,
.sReview-info:after {
    left: 0;
    right: 0;
    bottom: 0
}

.sm-inr .nTags-cnt {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 28px
}

@media (min-width:769px) {
    .sm-mobile {
        display: none
    }
}

.asport:after,
.sReview,
.sReview-info b,
.sReview-name b,
.sReview-name span,
.sReview:after {
    display: block
}

.sReviews {
    padding-bottom: 20px
}

.sReview {
    border: 2px solid rgba(0, 0, 0, .05);
    padding: 35px 35px 30px;
    margin: 20px 0 30px
}

.sReview:after {
    width: 100%;
    clear: both
}

.sReview-title {
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    padding-bottom: 35px;
    font-family: PFBeauSansPro, Arial, sans-serif
}

.sReview-info,
.sReview-link,
.sReview-meta {
    font-size: 12px;
    line-height: 1.5em
}

.sReview-meta {
    width: 160px;
    float: left
}

.sReview-info {
    margin-left: 180px;
    max-height: 200px;
    transition: max-height .4s
}

.sReview-info:after {
    display: block;
    position: absolute;
    height: 8px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.sReview-info.is-active {
    max-height: 1000px
}

.sReview-info p {
    margin-bottom: 15px
}

.sReview-name {
    padding-top: 10px
}

.sReview-link {
    margin-left: 180px;
    position: relative;
    padding-top: 15px
}

.sReview-link a {
    color: #074da8;
    border-bottom: 1px dashed rgba(7, 77, 168, .4)
}

.sReview-link a:hover {
    color: #fed02f;
    border-color: rgba(254, 208, 47, .4)
}

@media (min-width:640px) {
    .sm-serts .swiper-container,
    .sm-serts .swiper-wrapper {
        flex-wrap: wrap
    }
}

.asport {
    position: relative;
    background: url(/local/templates/main-rosneft/../images/inners/autosport.jpg) center top no-repeat;
    background-size: 1920px auto;
    color: #fff;
    padding: 30px 0 145px
}

.asport:after {
    position: absolute;
    top: 690px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 30%, #000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 30%, #000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 30%, #000 100%);
    height: auto
}

.aRaces-hdr,
.asport-buttons,
.asport-cars,
.asport-content,
.asport-header,
.asport-races,
.raceTable {
    position: relative
}

.asport .asport-buttons,
.asport .asport-info,
.asport .inside,
.asport h1,
.asport h2,
.asport p {
    z-index: 555
}

.asport h1,
.asport h2 {
    color: #fff;
    margin-bottom: 32px
}

.asport .breadcrumbs-item-noactive,
.asport .breadcrumbs-link,
.asport .button i {
    color: rgba(255, 255, 255, .5)
}

.asport p {
    font-size: 16px;
    line-height: 1.72em;
    font-weight: 300
}

.asport .button {
    min-width: 160px;
    font-size: 14px;
    text-align: center
}

.asport .button i {
    margin-left: 5px;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0
}

.asport .breadcrumbs-link:hover {
    color: #fff
}

.asport .breadcrumbs-home:before {
    background: url(/local/templates/main-rosneft/../images/inners/bbc.png) 0 center no-repeat
}

.asport .breadcrumbs,
.asport .breadcrumbs .inside,
.asport .breadcrumbs-list {
    padding-left: 0;
    padding-right: 0
}

.asport-header {
    padding: 0 20px
}

.asport-header p {
    margin-bottom: 20px
}

.newsAs,
.newsAs-cnt .news-row:last-child {
    margin-bottom: 0
}

.asport-content {
    padding: 40px 20px 0
}

.asport-content h4 {
    display: block;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(255, 255, 255, .4)
}

.asport-buttons {
    padding: 15px 0 30px
}

.asport-buttons .button i.minus,
.asport-buttons .button.is-active i.plus {
    display: none
}

.asport-buttons .button.is-active i.minus {
    display: inline-block
}

.asport-ctrs .jspHorizontalBar {
    background: 0 0;
    height: 5px
}

.asport-ctrs .jspTrack {
    background: rgba(255, 255, 255, .2);
    height: 5px
}

.asport-ctrs .jspDrag {
    background: rgba(255, 255, 255, .5);
    height: 5px
}

.newsAs {
    padding-top: 75px;
    padding-bottom: 0
}

.nItem-text,
.newsAs .nItem-text {
    font-size: 13px
}

.newsAs .nItem-description {
    font-size: 11px
}

.newsAs-hdr {
    padding: 0 20px 40px
}

.newsAs-cnt {
    padding-left: 20px
}

.asport-grid {
    padding-left: 0;
    padding-right: 0
}

.asport-media {
    padding-top: 35px;
    padding-bottom: 80px
}

.asport-hdr {
    padding: 0 20px 45px
}

.asport-grid {
    padding: 0 20px
}

.asport-races {
    background: #f4f7f8;
    padding: 45px 0 80px
}

.aRaces-hdr {
    padding: 0 20px 40px
}

.raceTable {
    width: 100%;
    padding: 0
}

.raceTable .jspHorizontalBar {
    background: 0 0;
    height: 5px
}

.raceTable .jspTrack {
    background: #ebf0f2;
    height: 5px
}

.raceTable .jspDrag {
    background: #d9e3e6;
    height: 5px
}

.raceTable-inner {
    padding-bottom: 20px
}

.raceTable-table {
    min-width: 800px;
    font-size: 14px;
    line-height: 1.285em;
    font-weight: 500;
    width: 100%
}

.raceTable-header {
    font-weight: 300
}

.raceTable-header td {
    padding: 28px 0 25px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.raceTable-row td {
    padding: 20px 0 0
}

.raceTable .td1 {
    padding-left: 20px;
    width: 18%
}

.raceTable .td2 {
    width: 41%
}

.raceTable .td3 {
    width: 17%
}

.asport-car {
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.714em
}

.aCar-info,
.asport-cars .mFilter-item {
    font-size: 14px
}

.asport-car h2 {
    padding-bottom: 5px
}

.asport-cars {
    padding-top: 65px;
    background: #f4f7f8
}

.asport-cars:after,
.asport-cars:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -3000px;
    border-left: 6000px solid transparent;
    z-index: 90
}

.asport-cars:before {
    border-bottom: 180px solid #f4f7f8;
    top: -140px
}

.asport-cars:after {
    border-bottom: 180px solid #fff;
    bottom: 0
}

.aCar-model,
.aCar-title {
    margin-right: -4px;
    vertical-align: top
}

.asport-cars .mFilter {
    margin-bottom: 70px;
    z-index: 100
}

.asport-cars h2 {
    margin-bottom: 30px
}

.aCar-about {
    position: relative;
    padding: 45px 0 160px;
    z-index: 100
}

.aCar-about .button {
    min-width: 180px;
    text-align: center
}

.aCar-about .button:after {
    margin-top: 8px
}

.aCar-auto {
    position: absolute;
    bottom: 0;
    right: -70px;
    max-width: 760px;
    width: 90%
}

.aCar-auto.smallimg_2 {
    max-width: 660px;
    bottom: 40px
}

.aCar-auto.smallimg_3 {
    max-width: 630px;
    bottom: 10px
}

.aCar-auto img {
    width: 100%;
    height: auto
}

.aCar-title {
    font-size: 40px;
    line-height: 1.2em;
    width: 130px;
    display: inline-block
}

.aCar-model {
    font-size: 114px;
    font-weight: 500;
    line-height: 1em;
    display: inline-block
}

.aCar-info {
    max-width: 340px;
    line-height: 1.428em;
    color: rgba(0, 0, 0, .7);
    padding: 25px 0 40px
}

.asCounter-info,
.asCounter-title {
    font-size: 14px;
    color: #fff
}

.asport-counters {
    position: relative;
    padding: 30px 0;
    min-width: 910px;
    min-height: 164px
}

.asCounter-title {
    font-weight: 400;
    padding: 0 0 30px
}

.asCounter-info {
    font-weight: 500;
    padding: 12px 0 0
}

.asCounter-info p {
    line-height: 18px
}

.asCounter-count,
.countdown-section {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: 24px;
    position: relative;
    text-align: center
}

.asCounter-count:after,
.countdown-section:after {
    content: ':';
    position: absolute;
    display: block;
    top: 6px;
    height: 40px;
    right: -24px;
    font-size: 40px;
    font-weight: 500;
    color: rgba(255, 255, 255, .5);
    width: 28px;
    text-align: center
}

.aPilots,
.asport-cars .mFilter {
    position: relative
}

.asCounter-count:last-child:after,
.countdown-section:last-child:after {
    display: none
}

.asCounter-time,
.countdown-amount {
    font-size: 34px;
    font-weight: 300;
    color: #fff;
    line-height: 30px;
    padding-bottom: 0;
    display: block
}

.asCounter-label,
.countdown-period {
    font-size: 12px;
    color: rgba(255, 255, 255, .4);
    display: block;
    text-align: left
}

.asCounter-colon {
    font-size: 40px;
    font-weight: 500;
    color: rgba(255, 255, 255, .5);
    width: 28px;
    text-align: center
}

.asCounter {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 33%
}

.asport-cars .mFilter-arrows {
    margin-top: -15px
}

.aPilots {
    padding-top: 110px;
    padding-bottom: 70px
}

.aPilots-pilots {
    position: absolute;
    right: 30%;
    left: 0;
    bottom: 78px;
    padding-left: 20px;
    text-align: center
}

.aPilots-pilot {
    display: -moz-inline-stack;
    display: inline-block;
    width: 53%;
    margin-right: -30%;
    vertical-align: bottom;
    line-height: 0
}

.aPilots-pilot:last-child {
    margin-right: 0
}

.aPilots-pilot img {
    position: relative;
    max-width: 100%;
    height: auto
}

.aPilots-info {
    position: relative;
    margin-left: 72%;
    width: 28%;
    padding: 100px 0 0;
    min-height: 420px;
    font-size: 12px;
    line-height: 1.5em
}

.aPilots-info h2 {
    margin-bottom: 25px
}

.aPilots-info:after {
    position: absolute;
    content: ' ';
    display: block;
    top: 70px;
    right: 0;
    background: #fee142;
    width: 200px;
    height: 110px;
    -webkit-transform: skewY(-11.5deg);
    -moz-transform: skewY(-11.5deg);
    -ms-transform: skewY(-11.5deg);
    -o-transform: skewY(-11.5deg);
    transform: skewY(-11.5deg)
}

.aPilots-inner {
    max-width: 250px;
    position: relative;
    z-index: 10;
    font-size: 14px;
    line-height: 22px
}

.aTeam {
    position: relative;
    border: 2px solid #ecf3f5;
    min-height: 75px;
    text-align: center
}

.aTeam-label {
    background: #f6f9fa;
    color: #b6c7cd;
    font-weight: 700;
    position: absolute;
    right: 0;
    width: 28%;
    top: 0;
    height: 100%;
    line-height: 79px;
    font-size: 16px;
    text-transform: uppercase
}

.aTeam-people {
    margin-right: 36%;
    margin-left: 5%
}

.aTeam-mate {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 33%;
    font-size: 16px;
    line-height: 70px;
    min-height: 75px;
    border: 0;
    color: #212121
}

.aTeam-mate b {
    text-transform: uppercase;
    font-weight: 600
}

.aTeam-mate>span {
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 11px
}

.aFilter-select,
.aFilter-toggle {
    vertical-align: top;
    margin-right: -4px
}

.aTeam-mate:hover {
    color: #212121!important
}

.aPilots-choose {
    display: none
}

.aRes {
    position: relative;
    padding: 10px 0 70px
}

.aRes-hdr {
    padding: 0 20px 40px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.aRes-filter {
    position: absolute;
    top: -4px;
    right: 20px;
    text-align: right
}

.aFilter-select,
.aFilter-toggle,
.aRes-col,
.aRes-col span,
.aRes-tright {
    position: relative
}

.aRes-filter .customSelect {
    height: 42px;
    border-width: 2px;
    border-radius: 50px;
    text-align: left
}

.aRes-filter .customSelect .customSelect-val {
    line-height: 40px;
    height: 100%;
    width: 80%
}

.aRes-filter .customSelect .customSelect-arrow {
    margin-top: -3px
}

.aFilter-select {
    display: -moz-inline-stack;
    display: inline-block;
    width: 190px;
    padding-top: 13px;
    z-index: 10
}

.aFilter-toggle {
    display: -moz-inline-stack;
    display: inline-block;
    margin-left: 10px;
    padding-top: 10px;
    z-index: 5
}

.aFilter-toggle .chk {
    background: 0 0
}

.aRes-thdr {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 30px 20px;
    font-size: 14px
}

.aRes-thdr .aRes-col {
    margin-right: -4.6px
}

.aRes-tleft,
.aRes-tright {
    margin-right: -4px;
    vertical-align: top
}

.aRes-tleft {
    display: -moz-inline-stack;
    display: inline-block;
    width: 25%
}

.aRes-tright {
    display: -moz-inline-stack;
    display: inline-block;
    width: 75%
}

.aRes-cols {
    display: block;
    margin-right: 100px
}

.aRes-col {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 5.55%;
    text-align: center
}

.aRes-col.is-hidden {
    display: none
}

.aRes-col:before,
.aRes-thdr .aRes-col.has-text .after {
    display: block;
    content: ' ';
    left: 0
}

.aRes-col span {
    z-index: 4
}

.aRes-col:before {
    position: absolute;
    top: -20px;
    right: 0;
    bottom: -2px;
    background: #fef9e6;
    z-index: 1;
    opacity: 0
}

.aRes-col.is-highlighted:before {
    opacity: 1
}

.aRes-thdr .aRes-col:before {
    bottom: -30px;
    top: -30px
}

.aRes-thdr .aRes-col.has-text .after {
    position: absolute;
    top: -30px;
    bottom: -10000px;
    background: 0 0;
    right: -200%;
    z-index: 5
}

.aRes-tooltiptext {
    display: none!important
}

.aRes-trow:first-child .aRes-col:before {
    top: -25px
}

@media (max-width:768px) {
    .aRes-col:before,
    .aRes-thdr .aRes-col .after {
        display: none
    }
}

.aRes-col--empty {
    color: rgba(0, 0, 0, .3)
}

.aRes-final {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    text-align: left
}

.aRes-tcnt {
    padding-top: 10px
}

.aRes-trow {
    padding: 15px 20px 1px
}

.aRes-flag,
.aRes-index,
.aRes-name {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.aRes-index {
    width: 20px
}

.aRes-flag {
    margin-right: 4px;
    margin-top: -1px;
    margin-bottom: 1px
}

.aRes-name {
    font-weight: 500
}

.aRes-trow .aRes-final {
    font-weight: 600
}

.aRes-table {
    display: none
}

.aRes-table.is-active {
    display: block
}

.aRes-arrow {
    z-index: 909;
    border-radius: 50%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .039);
    background: #fed02f;
    position: absolute;
    width: 20px;
    top: -2px;
    height: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.aRes-arrow:hover {
    background: #fee142
}

.aRes-arrow:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}

.lSearch-button,
.lSearch-button:hover {
    box-shadow: none
}

.aRes-arrow.is-disabled,
.aRes-arrow.is-disabled:hover {
    pointer-events: none;
    background: #fed02f;
    cursor: default;
    opacity: .5;
    box-shadow: none
}

.aRes-arrow--left {
    left: -25px
}

.aRes-arrow--left:before,
.aRes-arrow--right:before {
    position: absolute;
    content: ' ';
    display: block;
    width: 5px;
    height: 6px;
    top: 50%;
    margin-top: -2px;
    left: 50%
}

.aRes-arrow--left:before {
    background: url(/local/templates/main-rosneft/../images/autosport/ars.png) no-repeat;
    background-size: 100% auto;
    margin-left: -3px
}

.aRes-arrow--right {
    right: 90px
}

.aRes-arrow--right:before {
    background: url(/local/templates/main-rosneft/../images/autosport/ars.png) 0 -6px no-repeat;
    background-size: 100% auto;
    margin-left: -2px
}

.is-count-17 .aRes-col {
    width: 5.55%
}

.is-count-9 .aRes-col {
    width: 9.95%
}

.is-count-5 .aRes-col {
    width: 16%
}

.is-count-0 .aRes-col {
    display: none
}

.asport-info {
    max-height: 0;
    transition: max-height .5s
}

.asport-info.is-active {
    max-height: 1000px
}

@media (max-width:1200px) {
    .promoslider-arrow {
        left: auto;
        margin-left: auto;
        right: 20px
    }
    .promoslider-arrow.promoslider-arrow--left {
        margin-left: auto;
        left: 20px;
        right: auto
    }
    .cHdr-logo {
        left: auto;
        right: 0
    }
}

@media (max-width:1020px) {
    .topContacts,
    .topContacts-row--location {
        font-family: PFBeauSansPro, Arial, sans-serif
    }
    .mDropdown-item,
    .mDropdown-title {
        letter-spacing: .05em;
        text-transform: uppercase
    }
    .footer .mDropdown-close {
        right: 10px;
        top: -20px
    }
    .header {
        height: 120px;
        z-index: 888
    }
    .header-search {
        display: none
    }
    .header-logo {
        margin-top: 25px;
        padding-left: 25px;
    }
    .distributorLogo
    {
        margin-top: 25px;
        padding-right: 25px;
    }
    .distributorLogo img
    {
        height: 77px;
    }
    .header-contacts {
        min-width: 500px;
        margin-left: 55px;
        margin-top: 0;
        position: absolute;
        top: 30px;
        right: auto;
    }
    .header-customs {
        top: 32px
    }
    .topContacts-address
    {
        width: 240px;
    }
    .topContacts-phone {
        font-size: 20px;
        padding-top: 5px
    }
    .topContacts-email,
    .topContacts-label {
        font-size: 12px;
        margin-top: -4px
    }
    .topContacts-email {
        margin-top: -2px
    }
    .topContacts-row {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
    }
    .topContacts-row--location:first-child
    {
        margin: 0 30px 0 0;
    }
    .topContacts-row--phone.mobileOnly,
    .topContacts-row--phone
    {
        display: none;
    }
    .topContacts-row:before {
        left: -33px
    }
    .logotype-image {
        width: 105px;
        height: auto
    }
    .topCustoms-ask,
    .topCustoms-button {
        display: none
    }
    .topCustoms-lang {
        margin-right: 10px
    }
    .topContacts-row--location:before {
        top: 0
    }
    .header .customSelect.is-active .customSelect-list {
        left: auto;
        right: 0
    }
    .mainmenu-mobile {
        position: absolute;
        top: 0;
        right: 30px;
        display: block;
        left: 0;
        text-align: right
    }
    .mDropdown-ordinary,
    .mainmenu-link {
        display: none
    }
    .mainmenu-list {
        margin-left: 120px
    }
    .js-scrollpane-horizontal {
        outline: 0!important
    }
    .mainmenu-links {
        height: 67px
    }
    .mainmenu-wholesite {
        width: auto;
        padding-right: 24px;
        padding-top: 23px
    }
    .mainmenu-dropdown {
        padding: 30px 0 10px
    }
    .mDropdown-tablet {
        display: block
    }
    .mDropdown-col--1,
    .mDropdown-col--2,
    .mDropdown-col--3 {
        width: 30%;
        padding-right: 3%
    }
    .mDropdown-title {
        font-size: 16px
    }
    .mDropdown-item {
        font-size: 12px;
        font-weight: 250
    }
    .mDropdown-content {
        padding-right: 0;
        padding-left: 0;
        margin-right: -20px
    }
    .cnt-info {
        margin-left: 0;
        left: 40px
    }
    .cnt-info.is-active {
        padding-left: 40px;
        padding-right: 40px
    }
    .media-grid {
        padding-left: 0;
        padding-right: 0
    }
    .aCar-auto {
        width: 75%;
        bottom: 80px
    }
    .aCar-auto.smallimg_2,
    .aCar-auto.smallimg_3 {
        width: 70%
    }
    .aPilots {
        padding-top: 0;
        left: 0
    }
    .aPilots-pilots {
        right: 30%
    }
    .aPilots-pilot {
        width: 50%
    }
    .aTeam-label,
    .aTeam-mate {
        font-size: 16px
    }
    .footer-col--4 .footer-title,
    .footer-col--tablet .footer-title {
        text-transform: uppercase;
        letter-spacing: .05em
    }
}

@media (max-width:980px) {
    .cnt h1,
    .cnt h1.is-mid-fs,
    .product h1,
    .product h1.is-mid-fs,
    h1,
    h1.is-mid-fs,
    h2,
    h2.is-mid-fs {
        font-size: 35px
    }
    .product h2 {
        font-size: 32px
    }
    .header-contacts {
        right: auto;
    }
    .topContacts-row {
        margin-right: 0
    }
    .footer-col--noTablet {
        display: none
    }
    .footer-col--tablet {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px
    }
    .footer-col--tablet a {
        font-size: 16px;
        line-height: 18px;
        color: #fff
    }
    .footer-col--tablet a:hover {
        color: #898989
    }
    .footer-col--tablet .footer-list {
        margin-right: 20px
    }
    .footer-col,
    .footer-col--1,
    .footer-col--4,
    .footer-col--5 {
        width: 31%;
        padding-right: 2%
    }
    .footer-col--4 {
        margin-top: -6px
    }
    .footer-left {
        width: 40%
    }
    .footer-right {
        width: 50%;
        padding-left: 8%
    }
    .footer-list li {
        padding-bottom: 15px
    }
    footer {
        height: 450px;
        margin-top: -450px
    }
    #wrap {
        padding-bottom: 450px
    }
    .footer .mDropdown {
        height: 100%
    }
    .footer .mDropdown-close {
        right: 10px;
        top: -70px
    }
    .footer .mDropdown-content {
        padding: 0;
        margin: 50px 0 0
    }
    .promoslider-arrow {
        right: 10px
    }
    .promoslider-arrow.promoslider-arrow--left {
        left: 10px;
        right: auto
    }
    .promoslider-title {
        font-size: 36px;
        line-height: 1.05em
    }
    .promoslider-content {
        margin-right: 50px
    }
    .promoslider-nav {
        left: 355px;
        margin-left: auto
    }
    .geo-chk {
        top: -5px;
        right: 10px
    }
    .gList-addresses {
        padding: 15px 0 0 20px;
        max-width: 720px;
        margin: 0 auto
    }
    .cnt-list .gList-col,
    .gList-col {
        width: 44%;
        padding-right: 6%
    }
    .cnt-list .gList-col:nth-child(2n),
    .gList-col:nth-child(2n) {
        margin-left: 2%;
        padding-right: 4%
    }
    .gTabs {
        padding: 0;
        width: 100%
    }
    .geo-content {
        z-index: 55;
        position: relative
    }
    .gTabs-active,
    .gTabs-arrow {
        position: absolute;
        top: 0;
        display: block
    }
    .geo-tabs {
        bottom: 456px;
        z-index: 550;
        height: 53px;
        background: #272f39
    }
    .gTabs-active {
        opacity: 0;
        left: 0!important;
        z-index: 85;
        right: 0!important;
        width: auto!important;
        height: 55px;
        cursor: default
    }
    .gTabs-arrow {
        height: 53px;
        background: #272f39;
        width: 40px;
        cursor: pointer;
        opacity: .8;
        transition: opacity .2s;
        z-index: 90
    }
    .gTabs-arrow:hover {
        opacity: 1
    }
    .gTabs-arrow.is-disabled {
        opacity: .4;
        pointer-events: none;
        cursor: default
    }
    .gTabs-arrow--left {
        left: 0
    }
    .gTabs-arrow--left:before,
    .gTabs-arrow--right:before {
        width: 6px;
        height: 12px;
        content: ' ';
        display: block;
        top: 50%;
        margin-top: -6px;
        left: 50%;
        margin-left: -3px;
        position: absolute
    }
    .gTabs-arrow--left:before {
        background: url(/local/templates/main-rosneft/../images/inners/i-ars.png) 0 -12px no-repeat;
        background-size: 100% auto
    }
    .gTabs-arrow--right {
        right: 0
    }
    .gTabs-arrow--right:before {
        background: url(/local/templates/main-rosneft/../images/inners/i-ars.png) no-repeat;
        background-size: 100% auto
    }
    .gTabs-item {
        color: #fff;
        width: 100%;
        margin: auto;
        position: absolute;
        top: 3px;
        left: 0;
        background: #272f39;
        padding-left: 0;
        padding-right: 0;
        opacity: 1;
        display: none;
        transition: transform .2s
    }
    .gTabs-item.is-active {
        display: block;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    .gTabs-item.is-prev {
        display: block;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    .gTabs-item.is-next {
        display: block;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
    .geo-list,
    .geo-map {
        min-height: 500px;
        height: auto;
        overflow: visible;
        padding-top: 1px
    }
    .gList-header {
        padding-bottom: 0;
        padding-top: 35px
    }
    .gList-content {
        height: 400px
    }
    .geo-tabs {
        top: 0
    }
    .gMapInfo {
        top: auto;
        position: relative;
        margin: 500px auto 0;
        left: 0;
        width: auto
    }
    .geo-zoom {
        top: 195px
    }
    #geomap {
        max-height: 501px
    }
    .gMapInfo-address,
    .gMapInfo-addressLinks,
    .gMapInfo-email,
    .gMapInfo-fax,
    .gMapInfo-label,
    .gMapInfo-phone,
    .gMapInfo-row {
        max-width: 520px;
        margin: 0 auto
    }
    .popup {
        left: 30px;
        right: 30px;
        width: auto;
        margin-left: auto!important;
        margin-right: auto!important;
        padding: 50px 40px;
        max-width: 620px
    }
    .popup-content {
        width: 100%
    }
    .popup-disclaim {
        display: none
    }
    .popup-close {
        right: 0;
        top: 4px;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 38px
    }
    .news-cnt {
        padding-top: 20px
    }
    .nMain-title {
        font-size: 24px;
        line-height: 1.25em
    }
    .cnt-button {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 30px
    }
    .cnt-chk {
        position: absolute;
        margin: 0;
        right: 30px;
        top: -3px
    }
    .cnt-header {
        padding-bottom: 40px
    }
    .cnt-map {
        height: 500px;
        overflow: visible
    }
    .cnt-map .gZoom-print {
        top: -170px
    }
    .cnt-info {
        margin-top: 0;
        top: auto;
        bottom: 25px
    }
    .prodsblock h1 {
        display: block;
        position: relative
    }
    .prodsblock h1 small {
        right: 0;
        position: absolute;
        margin-right: 0
    }
    .prodsblock-open {
        display: none
    }
    .prodsblock-list {
        position: relative;
        max-height: 10000px;
        border: 1px solid rgba(0, 0, 0, .1);
        border-right: 0;
        border-left: 0;
        padding: 0;
        margin: 40px 0
    }
    .prodsblock-col {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0
    }
    .prodsblock-for:after,
    .prodsblock-for:before,
    .prodsblock-image {
        display: none
    }
    .prodsblock-for {
        border: 0!important;
        border-bottom: 1px dashed rgba(0, 0, 0, .1)!important;
        cursor: pointer;
        font-size: 18px;
        padding: 30px 0!important;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none
    }
    .prodsblock-for b {
        font-weight: 300;
        width: auto;
        max-width: 100%!important;
        margin-right: 100px
    }
    .prodsblock-col:nth-child(3) .prodsblock-for:after,
    .prodsblock-for:after {
        width: 20px;
        height: 20px;
        right: 10px!important;
        top: 50%;
        left: auto!important;
        display: block!important;
        font-size: 18px;
        color: rgba(0, 0, 0, .2);
        background: 0 0;
        content: '+';
        line-height: 23px;
        font-weight: 300;
        text-align: center
    }
    .prodsblock-for:after {
        border: 2px solid rgba(0, 0, 0, .1);
        border-radius: 50%;
        margin: -10px 0 0!important
    }
    .prodsblock-col:nth-child(3) .prodsblock-for {
        margin-bottom: -2px
    }
    .prodsblock-col:nth-child(3) .prodsblock-for:after {
        border: 2px solid rgba(0, 0, 0, .1);
        border-radius: 50%;
        margin: -10px 0 0!important
    }
    .prodsblock-specials {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        border-bottom-width: 0;
        font-size: 16px;
        font-weight: 300;
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s, padding-top .5s, padding-bottom .5s;
        padding: 0 0 0 20px
    }
    .prodsblock-specials li {
        padding-bottom: 10px;
        display: block
    }
    .prodsblock-specials li:before {
        left: -15px
    }
    .prodsblock-specials:after,
    .prodsblock-specials:before {
        display: none
    }
    .prodsmore-select {
        position: relative;
        top: auto;
        margin-top: 25px
    }
    .asSport-text,
    .prod-col--1 {
        position: absolute
    }
    .prodsmore {
        padding-top: 0
    }
    .is-active .prodsblock-specials {
        max-height: 600px;
        padding: 20px 0 15px 20px;
        border-bottom-width: 1px
    }
    .is-active .prodsblock-for {
        border-bottom: 2px solid #fed02f!important
    }
    .is-active .prodsblock-for:after,
    .prodsblock-col:nth-child(3).is-active .prodsblock-for:after {
        border: 2px solid #fed02f;
        color: #fed02f;
        content: '–';
        line-height: 16px
    }
    .prod-col--2 {
        width: auto;
        display: block;
        margin-left: 340px;
        min-height: 580px
    }
    .media .grid-row {
        margin-right: -20px
    }
    .media .grid-col--2 {
        width: 100%
    }
    .media .grid-col--1,
    .media .grid-col--1+.grid-col--2 {
        width: 50%
    }
    .mFilter-link {
        height: 40px;
        line-height: 38px;
        padding: 0 10px
    }
    .mFilter-link:after {
        height: 30px;
        margin-top: -15px
    }
    .media-header {
        padding: 0
    }
    .banners-col--50 {
        width: 48.5%;
        padding-right: 1.5%
    }
    .banners-col--50:last-child {
        padding-left: 1.5%;
        padding-right: 0
    }
    .banners-placeholder {
        height: 80px
    }
    .banners-row {
        max-width: 708px;
        margin: 0 auto
    }
    .newsMain .news-header {
        padding: 0
    }
    .newsMain .news-content {
        padding-top: 25px;
        padding-left: 0;
        padding-right: 0
    }
    .newsMain .nItem {
        margin-bottom: 30px
    }
    .asSport {
        min-height: 400px;
        box-sizing: border-box
    }
    .asSport-text {
        width: auto;
        top: 0;
        left: 0;
        padding: 9px;
        text-align: center;
        min-height: 0;
        max-width: 100%;
        bottom: auto;
        height: auto;
        right: 25px
    }
    .asSport-about {
        margin: 10px auto 0;
        max-width: 380px;
        padding-bottom: 0
    }
    .asSport-autoteam {
        padding-top: 10px
    }
    .asSport-automobile p {
        margin-right: -150px
    }
    .asSport-team {
        max-width: 330px;
        margin-left: 10px
    }
    .asSport-title {
        padding: 3px 0 0;
        margin: 0;
        font-size: 16px;
        font-weight: 500
    }
    .asSport-content,
    .asSport-more {
        display: none
    }
    .partners-slider {
        padding: 0 75px
    }
    .partners {
        padding-bottom: 65px
    }
    .partners-arrow.partners-arrow--left {
        left: 10px
    }
    .partners-arrow.partners-arrow--right {
        right: 10px
    }
    .asMain {
        padding-bottom: 60px
    }
    .cFilter-col--1 {
        width: 28%
    }
    .cFilter-col--2 {
        width: 37%
    }
    .cFilter-col--3 {
        width: 35%
    }
    .product h2 {
        padding-top: 10px
    }
    .product h2 small {
        margin-top: 7px;
        font-size: 14px;
        line-height: 1em;
        max-width: 180px
    }
    .product .prod-col--2 {
        margin-left: 325px
    }
    .prod-buttons {
        padding: 40px 0 20px
    }
    .prod-buttons .button {
        margin-bottom: 15px
    }
    .prod-content ul {
        margin-left: 15px
    }
    .cRow-info {
        width: 230px
    }
    .cRow-products {
        margin-left: 220px
    }
    .cProds .cRow-arrow,
    .cProds:after {
        right: 0
    }
    .cProds:before {
        left: 0
    }
    .cProds .cRow-arrow.cRow-arrow--left {
        left: -20px
    }
    .cFor-link {
        padding-right: 0
    }
    .ctlg .prodsblock-col:nth-child(3) .prodsblock-for:after,
    .ctlg .prodsblock-for:after {
        position: absolute;
        display: block;
        border-radius: 50%;
        border: 2px solid rgba(0, 0, 0, .1);
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 38px;
        color: rgba(0, 0, 0, .1);
        left: 20px;
        top: 27px;
        content: +;
        font-weight: 400
    }
    .ctlg .is-active .prodsblock-for:after,
    .ctlg .prodsblock-col:nth-child(3).is-active .prodsblock-for:after {
        line-height: 35px;
        border-color: #fed02f;
        color: #fed02f;
        content: '–'
    }
    .marketing .swiper-slide {
        min-width: 295px;
        width: 295px!important
    }
    .marketing .swiper-slide.grid-col--2 {
        min-width: 600px;
        width: 600px!important
    }
    .lpro .promoslider-content,
    .mrktng .promoslider-content {
        padding-left: 50px
    }
    .asport-grid,
    .raceTable .td1 {
        padding-left: 10px
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav {
        left: 70px
    }
    .asport {
        padding-bottom: 115px
    }
    .aRaces-hdr,
    .asport-car,
    .asport-content,
    .asport-hdr,
    .asport-header,
    .newsAs-cnt,
    .newsAs-hdr {
        padding-left: 10px;
        padding-right: 0
    }
    .asport-grid {
        padding-right: 10px
    }
    .asport-cars {
        padding-top: 0
    }
    .asport-cars .inside {
        z-index: 180
    }
    .asport-cars .mFilter {
        margin-bottom: 40px
    }
    .asport-cars .mFilter-item {
        font-size: 14px
    }
    .asport-cars:before {
        top: -115px;
        border-bottom-width: 130px
    }
    .aRes-filter {
        top: -13px
    }
}

@media (max-width: 850px)
{
    .header-contacts
    {
        margin-left: 35px;
    }
    .topContacts-row:first-child
    {
        margin: 0 10px 0 0;
    }
}

@media (max-width:767px) {
    .aPilots-inner,
    .sm-col--2 {
        max-width: 100%
    }
    .header {
        height: 60px
    }
    .logotype-image {
        display: none
    }
    .header-logo {
        top: 0;
        left: 0;
        width: 60px;
        height: 60px
    }
    .header-logo a {
        display: block;
        background: url(/local/templates/main-rosneft/../images/inners/logo-mini.png) center no-repeat;
        width: 100%;
        height: 100%;
        background-size: auto 26px;
        top: 0;
        left: 0
    }

    .header-logo {
        margin-top: 0;
        padding-left: 10px;
        border-left: 0;
    }
    .distributorLogo
    {
        margin-top: 0;
        padding-right: 10px;
    }
    .distributorLogo img
    {
        height: 60px;
    }


    .topContacts-address,
    .topContacts-email,
    .topContacts-row--location:before,
    .topContacts-row:before {
        display: none
    }
    .header-contacts {
        top: 11px;
        right: 0;
        min-width: auto;
    }
    .topContacts-row.topContacts-row--phone.mobileOnly
    {
        display: inline-block;
        margin: 7px 0 0 0;
    }
    .topContacts-row {
        margin-right: 25px
    }
    .topContacts-lc {
        display: block;
        background: url(/local/templates/main-rosneft/../images/main/i-location.png) center no-repeat;
        background-size: 18px auto;
        width: 21px;
        height: 26px;
        border: 0;
        margin-top: 5px;
        opacity: .5
    }
    .breadcrumbs-home:before,
    .mainmenu .wholesite-link,
    .popup-arrow {
        display: none
    }
    .topContacts-phone {
        font-size: 18px
    }
    .topCustoms-lang {
        margin: 0;
        height: 60px;
        width: 50px
    }
    .topCustoms-lang .customSelect {
        padding: 21px 0 20px;
        cursor: pointer
    }
    .header-customs {
        top: 0;
        right: 10px;
        height: 60px
    }
    .mainmenu .wholesite {
        padding-top: 18px;
        padding-right: 12px
    }
    .mainmenu-list {
        margin-left: 40px
    }
    .mSearch-field {
        margin-right: -20px
    }
    .mainmenu-links {
        height: 57px
    }
    .mainmenu-buy,
    .mainmenu-quest {
        margin-top: 18px;
        margin-left: 15px
    }
    .mainmenu-buy a,
    .mainmenu-quest a {
        margin: -18px -20px -20px 0;
        padding: 18px 20px 20px 10px
    }
    .nFilter,
    .nItem {
        margin-bottom: 40px
    }
    .mainmenu-quest a {
        margin-left: -18px;
        padding-left: 38px
    }
    .mainmenu-mobile {
        right: 10px
    }
    .mainmenu-search {
        margin-top: 6px
    }
    .mainmenu-dropdown {
        top: 57px
    }
    .breadcrumbs-home {
        padding-left: 0;
        margin-left: 0
    }
    .nItem {
        padding-right: 30px
    }
    .news-row {
        margin-right: -20px
    }
    .nFilter-tags .nFilter-sttmnt {
        margin-right: 60px
    }
    .promoslider-content {
        padding-left: 280px
    }
    .promoslider-nav {
        left: 295px
    }
    .prod-col--2 {
        margin-left: 285px
    }
    .popup--media {
        padding: 10px!important
    }
    .popup--media .popup-close {
        right: 0;
        top: -45px
    }
    .popup-originals {
        width: 100%;
        left: auto;
        z-index: 50
    }
    .popup-captions,
    .popup-counter {
        font-size: 15px
    }
    .popup-arrow {
        right: 10px
    }
    .popup-arrow.popup-arrow--left {
        left: 10px
    }
    .catalog-buttons {
        display: block;
        position: relative;
        right: auto;
        top: auto;
        width: auto;
        margin: auto;
        padding-top: 32px
    }
    .catalog-buttons .button,
    .catalog-buttons .customSelect {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        width: auto;
        margin-right: 20px;
        margin-bottom: 10px
    }
    .catalog-buttons .button {
        min-width: 220px
    }
    .catalog-info {
        margin-right: 0;
        width: auto;
        padding-top: 22px
    }
    .catalog-groupper {
        padding-top: 10px;
        padding-bottom: 40px
    }
    .catalog-groupper:after {
        left: 0;
        right: 40px
    }
    .cGroupper-filters {
        display: block;
        width: auto;
        padding-top: 20px
    }
    .cFor {
        padding-top: 35px
    }
    .cFor-hdr {
        padding-bottom: 38px
    }
    .cFor-item {
        padding-left: 0
    }
    .cFor-image {
        right: 0
    }
    .cFor,
    .cGroupper,
    .cHdr,
    .cRow,
    .catalog-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .catalog-cnt,
    .catalog-hdr {
        padding-left: 10px;
        padding-right: 10px
    }
    .ctlg .breadcrumbs-list {
        padding-left: 10px
    }
    .cHdr {
        padding: 35px 0
    }
    .cRow {
        padding: 25px 0
    }
    .cRow-info {
        left: 0
    }
    .cFilter {
        padding: 0
    }
    .cFilter-col {
        display: block;
        width: auto;
        margin: 0;
        padding: 15px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
    .cFilter-col:last-child {
        border: 0
    }
    .cFilter-col:after {
        display: none
    }
    .cFilter-label {
        position: absolute;
        left: 20px;
        top: 15px;
        width: 100px;
        padding: 0
    }
    .cFilter-stmnt {
        position: relative;
        display: block;
        margin-left: 100px;
        padding-left: 0
    }
    .cFilter-reset {
        position: relative;
        top: auto;
        right: auto;
        margin: 10px 0 0
    }
    .cSecList {
        padding-left: 20px
    }
    .cSector-hdr {
        padding: 35px 0
    }
    .cSecList-hdr {
        padding: 25px 0
    }
    .cSecListList {
        padding-left: 20px
    }
    .cSecList-row.is-active .cSecList-title:before {
        line-height: 21px
    }
    .cSecListList-hdr {
        font-size: 20px;
        padding: 30px 0
    }
    .cSector-title {
        padding-left: 60px
    }
    .cSector-title:before {
        left: 0
    }
    .cSecListList .cRow-products {
        margin-left: 200px;
        margin-right: 20px
    }
    .catalog-button--nomobile {
        display: none!important
    }
    .catalog-buttons .customSelect {
        text-align: center
    }
    .catalog-buttons .customSelect-list {
        text-align: left
    }
    .cFor-col {
        font-size: 16px
    }
    .ctlg .prodsblock-col:nth-child(3) .prodsblock-for:after,
    .ctlg .prodsblock-for:after {
        position: absolute;
        display: block;
        border-radius: 50%;
        border: 2px solid rgba(0, 0, 0, .1);
        text-align: center;
        color: rgba(0, 0, 0, .1);
        top: 50%;
        margin-top: -20px!important;
        content: +;
        font-weight: 400;
        right: 0!important;
        width: 35px;
        height: 35px;
        font-size: 28px;
        line-height: 39px
    }
    .ctlg .prodsblock-col:nth-child(3) .prodsblock-for b,
    .ctlg .prodsblock-for b {
        margin-right: 60px
    }
    .ctlg .is-active .prodsblock-for:after,
    .ctlg .prodsblock-col:nth-child(3).is-active .prodsblock-for:after {
        line-height: 35px;
        border-color: #fed02f;
        color: #fed02f;
        content: '–'
    }
    .mrktng .breadcrumbs {
        padding-top: 30px;
        padding-bottom: 5px
    }
    .lpro .promoslider-content,
    .mrktng .promoslider-content {
        padding-left: 50px
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav {
        left: 60px;
        margin-left: 0
    }
    .sm-col--1 {
        display: none
    }
    .sm-col--2 {
        margin-left: 0;
        width: auto;
        display: block;
        margin-right: 0;
        padding-bottom: 40px
    }
    .sm h3 {
        margin-bottom: 15px
    }
    .sm p {
        margin-bottom: 10px
    }
    .sm .nTags {
        margin-bottom: 40px
    }
    .sm .linkfile,
    .sm .nTags a,
    .sm .proditem-file {
        margin-bottom: 25px
    }
    .sm .nTags a {
        border: 0
    }
    .sm .linkfile--pdf:after,
    .sm .linkfile--pdf:before,
    .sm .proditem-file--pdf:after,
    .sm .proditem-file--pdf:before {
        top: -2px
    }
    .sm .nTags-header {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .sm .nTags-cnt {
        padding-left: 20px;
        padding-top: 30px;
        padding-bottom: 10px
    }
    .sm-cnt {
        margin-top: -10px
    }
    .sm-cnt h1+p {
        margin-top: 20px
    }
    .catalog.is-ready+.banners {
        margin-top: -99px
    }
    .catalog-main.is-not-empty,
    .is-ready .cSector {
        margin-bottom: 98px
    }
    .asport-races {
        padding-bottom: 40px
    }
    .asport-cars:before {
        top: -115px;
        border-bottom-width: 130px
    }
    .aPilots-pilots {
        display: none
    }
    .aPilots-info,
    .aPilots-inner {
        display: block;
        width: auto;
        margin: 0 auto
    }
    .aPilots-info {
        min-height: 0;
        padding-top: 0
    }
    .aPilots-info:after {
        top: -20px
    }
    .aPilots,
    .aPilots-info {
        overflow: visible;
        z-index: 18
    }
    .aPilots {
        z-index: 100
    }
    .aPilots .mFilter-item {
        display: none;
        width: 100%
    }
    .aPilots .mFilter-item.is-active {
        display: block;
        width: auto;
        margin-right: 86px;
        background: 0 0
    }
    .aPilots .mFilter-link {
        background: 0 0!important;
        text-align: left;
        padding-left: 15px;
        height: 50px;
        line-height: 47px
    }
    .aPilots .mFilter-link:after {
        display: none
    }
    .aPilots .mFilter-arrows {
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -25px;
        z-index: 80;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none
    }
    .aPilots-choose,
    .aPilots-choose .mFilter {
        position: relative
    }
    .aPilots .mFilter-arrow {
        border: 1px solid #fed02f;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin-right: 0;
        margin-left: 5px;
        background: url(/local/templates/main-rosneft/../images/inners/i-ar.png) center 10px no-repeat #fff;
        background-size: 5px 9px;
        width: 28px;
        height: 28px;
        cursor: pointer
    }
    .aPilots .mFilter-arrow:hover {
        background-color: #fed02f
    }
    .aPilots .mFilter-arrow.is-disabled,
    .aPilots .mFilter-arrow.is-disabled:hover {
        opacity: .4;
        background-color: #fff;
        cursor: default;
        pointer-events: none
    }
    .aPilots .mFilter-arrow--left {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        background-position: center 9px
    }
    .aPilots-team {
        display: none
    }
    .aPilots-frame {
        overflow: hidden;
        text-align: center;
        height: 250px
    }
    .aPilots-frame img {
        max-width: 100%;
        height: auto
    }
    .aPilots-choose {
        display: block;
        max-width: 420px;
        margin: 30px auto 0
    }
    .aPilots-choose .mFilter-link {
        font-size: 16px;
        line-height: 1.6em
    }
    .aPilots-choose .mFilter-link b {
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        margin-top: -5px
    }
    .aPilots-choose .mFilter-arrows {
        margin-top: -15px
    }
    .aPilots-tab {
        display: none
    }
    .aPilots-tab.is-active {
        display: block
    }
    .aRes-tleft {
        width: 33%
    }
    .aRes-tright {
        width: 66%
    }
    .aRes-cnt,
    .aRes-hdr,
    .aRes-trow {
        padding-left: 0;
        padding-right: 0
    }
}

.abt-cnt ul li:before,
.action-cnt:after,
.action:after,
.prtshp-image:after {
    content: ' '
}

@media (max-width:768px) and (min-width:620px) {
    .sm-serts .swiper-wrapper {
        justify-content: space-between
    }
    .sm-serts {
        margin-right: -17px
    }
}

@media (max-width:720px) {
    .cnt h1,
    .cnt h1.is-mid-fs,
    h1,
    h1.is-mid-fs,
    h2,
    h2.is-mid-fs {
        font-size: 28px;
        padding-right: 0
    }
    .cnt h1 span,
    h1 small,
    h1 span,
    h2 small,
    h2 span {
        margin-right: 15px
    }
    h4 {
        font-size: 20px;
        line-height: 1.1em
    }
    .js-jumper-column,
    .js-jumper-column.is-animating {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        transition: none
    }
    .prod-proditem {
        margin-top: 0
    }
    .promoslider-content {
        max-width: 320px;
        margin: 0 auto;
        padding: 50px 0 0
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav,
    .promoslider-nav {
        max-width: 320px;
        left: 50%;
        margin-left: -165px
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav {
        padding-left: 27px
    }
    .promoslider-arrow {
        display: none
    }
    .prod-col--2,
    .product .prod-col--1 {
        vertical-align: top
    }
    .promoslider,
    .promoslider-slide {
        height: 360px
    }
    .promoslider .fotorama__html,
    .promoslider .fotorama__stage,
    .promoslider .fotorama__stage__shaft,
    .promoslider .fotorama__wrap {
        height: 360px!important
    }
    .promoslider-title {
        font-size: 22px;
        line-height: 1.182em
    }
    .promoslider-text {
        font-size: 16px;
        line-height: 1.625em
    }
    .prod-col--1 {
        position: relative;
        width: 33%;
        padding-right: 5%;
        padding-top: 40px
    }
    .prod-col--2 {
        margin-left: 0;
        display: inline-block;
        margin-right: -4px;
        width: 61%
    }
    .prod-content {
        padding-top: 45px
    }
    .proditem-content {
        padding: 20px
    }
    .proditem-photo img {
        max-width: 100%;
        width: auto;
        height: auto
    }
    .proditem-header {
        padding-left: 20px;
        padding-right: 20px;
        background-image: none
    }
    .footer-content {
        padding: 40px 0 0
    }
    .footer-col--tablet {
        display: none
    }
    .footer-row:last-child {
        margin-top: 10px
    }
    .footer-col--1 {
        width: 40%;
        padding-left: 10%;
        padding-right: 0
    }
    .footer-col--4 {
        width: 50%;
        padding-right: 0
    }
    .footer-search {
        max-width: 250px
    }
    .footer-left,
    .footer-right {
        display: block;
        width: auto;
        text-align: center;
        margin: 0 auto;
        padding: 0
    }
    .footer-right {
        padding-top: 15px
    }
    .footer-right:before {
        display: none
    }
    .gFilter-itemSeparator,
    .geo-chk {
        display: block
    }
    footer {
        height: 430px;
        margin-top: -430px
    }
    .footer .mDropdown-close {
        right: 5px;
        top: -20px
    }
    #wrap {
        padding-bottom: 430px
    }
    .footer .mDropdown-content {
        margin-top: 0
    }
    .breadcrumbs-list,
    .geo-header {
        padding: 0
    }
    .breadcrumbs {
        padding: 25px 0 15px
    }
    .geo-header h2 {
        padding-right: 0
    }
    .geo-chk {
        position: relative;
        background: 0 0;
        top: auto;
        margin: 20px 0 0;
        padding: 0;
        left: auto;
        right: auto
    }
    .geo-chk .chk-left {
        margin-left: 0
    }
    .gFilter {
        padding-top: 15px;
        padding-bottom: 25px
    }
    .gFilter-item {
        margin-bottom: 10px
    }
    .gSelect-list {
        width: 100%;
        top: 5px
    }
    .gFilter-item,
    .gFilter-select {
        position: static
    }
    .aRes-filter,
    .asMain-col,
    .cnt-chk {
        position: relative
    }
    .gTabs,
    .gTabs-active {
        border-radius: 0
    }
    .geo-map {
        min-height: 350px
    }
    #geomap {
        max-height: 351px
    }
    .gList-addresses {
        padding-left: 0
    }
    .gMap-balloon,
    .geo-map [class~=balloon_layout_panel],
    .ymaps-2-1-38-balloon {
        display: none!important
    }
    .gMapInfo {
        margin-top: 350px
    }
    .popup {
        left: 10px;
        right: 10px;
        width: auto;
        margin-left: auto!important;
        margin-right: auto!important;
        padding: 30px 20px
    }
    .nMain,
    .news-cnt,
    .news-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .nMain-photo {
        width: 240px;
        padding-right: 20px
    }
    .nMain-photo img {
        width: 100%;
        height: auto
    }
    .news-more,
    .news-row:last-child {
        margin-bottom: 20px
    }
    .news-row:last-child {
        padding-top: 30px
    }
    .nFilter {
        margin-bottom: 40px
    }
    .nMain {
        padding-bottom: 30px
    }
    .nQuote {
        padding: 30px 25px 25px
    }
    .nSingle-item {
        padding-bottom: 40px
    }
    .news-sectionTitle {
        padding-bottom: 15px
    }
    .nSingle .news-row:last-child {
        padding-top: 0
    }
    .news-col,
    .news-col--33 {
        width: 50%
    }
    .cnt-header {
        padding-left: 0;
        padding-right: 0
    }
    .cnt-chk {
        display: block;
        background: 0 0;
        top: auto;
        margin: 20px 0 0;
        padding: 0;
        left: auto;
        right: auto
    }
    .cnt-button,
    .cnt-print {
        display: none
    }
    .cnt-chk .chk-left {
        margin-left: 0
    }
    .cnt-map {
        height: 350px
    }
    .cnt-zoom,
    geo-zoom {
        right: 20px
    }
    .cnt-zoom .gZoom-print,
    geo-zoom .gZoom-print {
        top: -100px
    }
    .cnt-info {
        top: 460px;
        left: 0;
        width: auto;
        right: 0;
        z-index: 555;
        margin: 0 auto;
        bottom: auto;
        background: #fff;
        padding-left: 20px;
        padding-right: 20px
    }
    .cnt-infoContent .cMapInfo {
        width: 90%;
        max-width: 90%
    }
    .cMapInfo-row {
        padding-right: 50px
    }
    .cnt-list.is-active {
        margin-bottom: -405px
    }
    .cnt {
        padding-bottom: 450px
    }
    .cnt-info.is-active {
        padding-left: 20px;
        padding-right: 20px
    }
    .asMain {
        padding-bottom: 20px
    }
    .asMain-col {
        display: block;
        margin: 0 auto;
        max-width: 420px
    }
    .asMain-col--2 {
        margin: 60px auto 40px
    }
    .asSport {
        margin-right: 0
    }
    .asSport-text {
        right: 0
    }
    .asSport-team {
        margin-left: 20px
    }
    .partners-text {
        width: 33%;
        padding: 35px 25px
    }
    .partners-logos {
        margin-left: 210px
    }
    .partners-arrow.partners-arrow--left {
        left: 15px
    }
    .partners-arrow.partners-arrow--right {
        right: 15px
    }
    .newsMain .news-content {
        padding-top: 0
    }
    .catalog-info {
        padding-top: 15px;
        font-size: 18px;
        line-height: 1.5556em
    }
    .catalog-buttons {
        max-width: 320px;
        margin: 0 auto
    }
    .catalog-buttons .button,
    .catalog-buttons .customSelect {
        display: block;
        margin-right: 0
    }
    .catalog-buttons .button {
        width: auto;
        min-width: 0
    }
    .cFor,
    .cGroupper:after {
        display: none
    }
    .cGroupper {
        padding-bottom: 0;
        border: 0
    }
    .cGroupper-filters {
        padding-top: 5px
    }
    .catalog-mobileFor {
        display: block
    }
    .catalog-mobileFor .prodsblock-list {
        margin: 20px 0
    }
    .cHdr {
        padding: 15px 0;
        font-size: 20px;
        line-height: 1.4em
    }
    .cHdr-title {
        margin-right: 60px
    }
    .cHdr-logo {
        top: 5px;
        margin: 0;
        bottom: 5px;
        height: auto
    }
    .cHdr-logo img {
        height: 100%;
        width: auto;
        display: block;
        margin: auto
    }
    .catalog-cnt,
    .catalog-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .ctlg .breadcrumbs-list {
        padding-left: 0
    }
    .product+.banners {
        display: none
    }
    .product .prod-col--1 {
        width: 34%;
        margin: auto -4px auto auto;
        top: auto;
        left: auto;
        float: none;
        padding-left: 0;
        padding-right: 0;
        display: inline-block
    }
    .product .prod-col--1 .prod-mobile {
        padding-bottom: 20px
    }
    .product .prod-col--2 {
        width: 62%;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        padding-left: 4%;
        padding-right: 0;
        margin: auto auto auto 0
    }
    .product .prod-addition {
        margin-bottom: 60px
    }
    .product .prodsmore {
        margin-top: 30px
    }
    .product .prod-mobile {
        max-width: 360px;
        margin: 0 auto
    }
    .product .prod-mobile .prod-buttons {
        padding: 0;
        margin: 15px auto 30px;
        display: block
    }
    .product .prod-mobile .button {
        display: block;
        text-align: center;
        margin: 0 auto 15px;
        max-width: 200px
    }
    .product .prod-mobile h1 {
        font-size: 22px;
        line-height: 1.3em;
        width: auto;
        max-width: 100%
    }
    .product .prod-mobile h2 {
        width: auto;
        max-width: 100%;
        line-height: 1.4em;
        font-size: 18px;
        padding: 0
    }
    .product .prod-mobile h2 small {
        padding: 0;
        font-size: 14px
    }
    .product .prod-mobile h2 span {
        padding: 0;
        margin: 0 0 -5px;
        font-size: 20px;
        display: block;
        width: auto;
        max-width: 100%
    }
    .is-ready .cSector,
    .sReview-title {
        margin-bottom: 20px
    }
    .cRow-info {
        width: 190px
    }
    .cRow-products {
        margin-left: 180px
    }
    .cRow-title {
        font-size: 16px
    }
    .cRow-code {
        font-size: 20px
    }
    .cProds .cRow-arrow.cRow-arrow--left,
    .cProds:before {
        left: 0
    }
    .catalog.is-ready+.banners {
        margin-top: -21px
    }
    .cFilter-stmnt .fchk {
        padding-top: 7px;
        display: block
    }
    .cFilter-col--3 .cFilter-stmnt .fchk {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
        width: 33%;
        box-sizing: border-box
    }
    .marketing-cnt,
    .marketing-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .sReview {
        padding: 25px 25px 20px
    }
    .sReview-title,
    .sReviews {
        padding-bottom: 0
    }
    .aRes-filter {
        width: auto;
        right: auto;
        top: auto;
        text-align: left
    }
    .aFilter-toggle .chk {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:640px) {
    .cFilter-toggle i,
    .nFilter-toggle i {
        font-style: normal
    }
    .header-contacts {
        top: 11px;
        right: 55px
    }
    .header-customs {
        right: 0
    }
    .mainmenu-buy,
    .mainmenu-quest {
        padding-right: 22px;
        margin-top: 19px;
        padding-left: 1px
    }
    .mainmenu-quest {
        margin: 0;
        height: 57px;
        width: 40px;
        padding: 0 2px;
        text-align: center
    }
    .mainmenu-quest:after {
        margin-top: -6px
    }
    .mainmenu-quest i {
        margin: 18px auto 0
    }
    .topContacts-row {
        margin-right: 8px;
        margin-left: 6px
    }
    .mSearch-field {
        overflow: hidden;
        top: 0;
        bottom: 0;
        margin-right: 5px!important;
        padding-right: 0;
        position: absolute;
        z-index: 55;
        width: 45px;
        right: -5px;
        left: auto;
        transition: transform .2s, background .2s, width .2s
    }
    .mSearch-field input {
        opacity: 0;
        width: 100%;
        -o-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        cursor: pointer;
        margin-top: -20px;
        height: 56px;
        margin-left: 5px
    }
    .is-active .mSearch-field {
        width: 210px;
        background: #fed02f;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    .is-active .mSearch-field input {
        opacity: 1;
        cursor: text;
        margin-top: auto;
        height: auto;
        margin-left: 0
    }
    .is-active .mSearch-button {
        z-index: 60
    }
    .mainmenu-quest a {
        display: none
    }
    .mainmenu-search {
        margin-top: 8px;
        margin-left: 0;
        margin-right: 6px
    }
    .mainmenu-mobile {
        right: 0
    }
    .mainmenu-buy {
        margin-left: 0
    }
    .header .customSelect-val {
        font-size: 12px;
        opacity: .5;
        font-weight: 500;
        margin-right: -8px
    }
    .mainmenu-dropdown {
        padding: 20px 0 0
    }
    .mDropdown-tablet {
        display: none
    }
    .mDropdown-content {
        padding: 10px 0 0 10px
    }
    .mDropdown-ordinary {
        display: block
    }
    .mDropdown-col--1,
    .mDropdown-col--2,
    .mDropdown-col--3,
    .mDropdown-col--4 {
        width: 48%;
        padding-right: 2%
    }
    .footer-col--1 {
        display: block;
        padding: 0;
        margin: 0 auto;
        width: 170px
    }
    .footer-col--4 {
        display: none
    }
    .footer-logo {
        padding-top: 0;
        padding-bottom: 100px
    }
    .footer-wholesite {
        position: absolute;
        bottom: 0;
        z-index: 55
    }
    .footer .mDropdown-col {
        display: block;
        width: auto;
        position: relative;
        text-align: center
    }
    .footer .mDropdown-item {
        display: none
    }
    .footer .mDropdown-list,
    .footer .mDropdown-list li {
        padding: 0
    }
    .footer .mDropdown-title {
        padding: 10px 0
    }
    .footer .mDropdown-ordinary {
        padding-top: 30px
    }
    .footer .mDropdown-close {
        right: 10px;
        top: -10px
    }
    .news-col,
    .news-col--33,
    .news-col--50 {
        width: 100%;
        display: block;
        margin: 0 auto 35px
    }
    .nItem {
        padding-right: 0;
        margin-bottom: 0
    }
    .nItem-image,
    .news-col--50 .nItem-image {
        width: 60px
    }
    .nItem-image+.nItem-content,
    .news-col--50 .nItem-image+.nItem-content {
        margin-left: 75px
    }
    .nMain {
        padding-bottom: 15px
    }
    .nFilter-row {
        padding: 5px 0;
        margin: 0
    }
    .nFilter {
        padding: 0 15px 15px;
        margin-top: 10px
    }
    .nFilter-col--left,
    .nFilter-label {
        position: relative;
        width: auto;
        font-size: 14px;
        color: rgba(0, 0, 0, .5)
    }
    .nFilter-label {
        padding-bottom: 14px
    }
    .nFilter-chk,
    .nFilter-chk label,
    .nFilter-chk label span,
    .nFilter-chk span,
    .nFilter-label,
    .nFilter-label label,
    .nFilter-label label span,
    .nFilter-label span,
    .nFilter-month,
    .nFilter-month label,
    .nFilter-month label span,
    .nFilter-month span,
    .nFilter-year,
    .nFilter-year label,
    .nFilter-year label span,
    .nFilter-year span {
        font-size: 14px
    }
    .nFilter-tags .nFilter-chk {
        margin-bottom: 4px
    }
    .nFilter-col--right {
        position: relative;
        width: auto;
        margin: 5px 0 0
    }
    .nFilter-showall {
        display: block;
        padding: 5px 0 0;
        position: relative;
        right: auto;
        top: auto
    }
    .nFilter-dates,
    .nFilter-tags .nFilter-sttmnt {
        padding-left: 5px
    }
    .nFilter-toggle {
        display: block;
        right: 0;
        top: 17px;
        font-size: 40px;
        font-weight: light;
        color: rgba(0, 0, 0, .2);
        cursor: pointer;
        z-index: 80;
        position: absolute
    }
    .nFilter-dates.is-active .nFilter-toggle i,
    .nFilter-tags.is-active .nFilter-toggle i,
    .nFilter-toggle i:last-child {
        display: none
    }
    .nFilter-dates,
    .nFilter-tags {
        overflow: hidden;
        max-height: 32px;
        transition: max-height .3s ease-out
    }
    .nFilter-dates .nFilter-sttmnt,
    .nFilter-tags .nFilter-sttmnt {
        opacity: 0;
        -o-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .nFilter-dates.is-active,
    .nFilter-tags.is-active {
        max-height: 300px
    }
    .nFilter-dates.is-active .nFilter-sttmnt,
    .nFilter-tags.is-active .nFilter-sttmnt {
        opacity: 1
    }
    .nFilter-dates.is-active .nFilter-toggle i:last-child,
    .nFilter-reset,
    .nFilter-tags.is-active .nFilter-toggle i:last-child,
    .nSingle-photo,
    .prod-col {
        display: block
    }
    .nFilter-dates {
        margin-left: -5px
    }
    .nFilter-reset {
        bottom: 0;
        right: 0;
        position: absolute;
        border: 0
    }
    .nFilter-reset a {
        text-decoration: none;
        color: #074da8;
        border-bottom: 1px dashed #7eb4fa
    }
    .nFilter-reset a:hover {
        color: #000;
        border-color: rgba(0, 0, 0, .5)
    }
    .nSingle-photo {
        float: none;
        width: auto;
        padding: 0 0 25px
    }
    .nSingle-photo img {
        max-width: 100%
    }
    .nSingle-content {
        font-size: 14px
    }
    .nSingle-content p {
        margin-bottom: 15px
    }
    .news-row {
        margin-right: 0
    }
    .media .grid-col,
    .media .grid-col--1,
    .media .grid-col--1+.grid-col--2,
    .media .grid-col--2 {
        width: 100%;
        display: block;
        max-width: 380px;
        margin: 0 auto 20px
    }
    .prod-col {
        padding-left: 0;
        padding-right: 0;
        position: relative;
        width: auto;
        min-height: 0
    }
    .proditem {
        max-width: 360px;
        margin: 0 auto
    }
    .prodsblock-for {
        padding: 15px 0 20px!important;
        font-size: 18px
    }
    .prodsblock-for b {
        margin-right: 30px
    }
    .proditem-showall {
        position: relative;
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s ease-out
    }
    .is-active .proditem-showall {
        max-height: 500px
    }
    .proditem-button {
        margin-top: 30px
    }
    .proditem-showlink {
        color: rgba(0, 0, 0, .5);
        display: inline-block;
        font-size: 12px;
        font-family: PFBeauSansPro, Arial, sans-serif;
        font-weight: 300;
        margin-top: 10px;
        cursor: pointer;
        border-bottom: 1px dashed rgba(0, 0, 0, .2)
    }
    .cGroupper-filters,
    .cGroupper-select .customSelect,
    .catalog-buttons .customSelect {
        display: block;
        width: auto
    }
    .proditem-showlink:hover {
        color: #000;
        border-color: rgba(0, 0, 0, .5)
    }
    .proditem-header {
        background: url(/local/templates/main-rosneft/../images/main/i-star.png) right 25px center no-repeat #272f39;
        background-size: 16px auto
    }
    .prod {
        padding-bottom: 50px
    }
    .prodsblock-more {
        max-width: 320px;
        width: 100%;
        text-align: center;
        margin: 0 auto
    }
    .prodsmore-select .customSelect {
        text-align: left
    }
    .bannersMain {
        padding: 0 0 50px
    }
    .banners-col {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px
    }
    .banners-col:last-child {
        padding: 0
    }
    .banners-row {
        padding: 0;
        max-width: 300px;
        margin: 0 auto
    }
    .banners-content {
        padding-top: 20px
    }
    .partners-logos {
        margin-left: 0
    }
    .partners-arrow.partners-arrow--left {
        left: 10px
    }
    .partners-arrow.partners-arrow--right {
        right: 10px
    }
    .partners-slider {
        padding: 0 55px
    }
    .asMain-content {
        margin: 0 -24px
    }
    .asSport-team {
        margin-left: 10px
    }
    .asSport-automobile {
        background-size: 40% auto;
        background-position: top right 15px
    }
    .partners-title {
        font-size: 20px
    }
    .partners-more {
        padding-top: 10px
    }
    .partners-text {
        position: relative;
        width: auto;
        text-align: center;
        max-width: 100%;
        padding-bottom: 25px
    }
    .cGroupper-select,
    .cGroupper-toggle {
        display: block;
        width: auto;
        margin: 0 0 10px
    }
    .cGroupper-title {
        font-size: 20px;
        line-height: 1.2em;
        padding-bottom: 10px
    }
    .catalog-buttons .button {
        margin-right: 0;
        min-width: 0
    }
    .catalog-buttons .customSelect {
        padding-left: 0;
        padding-right: 0;
        min-width: 0;
        text-align: center;
        margin-right: 0
    }
    .catalog-buttons .customSelect .customSelect-list {
        text-align: left
    }
    .catalog-buttons .customSelect-listtitle {
        text-align: center;
        padding-right: 18px
    }
    .cGroupper-filters {
        margin-right: 20px;
        padding-right: 0
    }
    .catalog-chk {
        background: 0 0;
        border-radius: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 12px
    }
    .catalog-chk .chk-left,
    .catalog-chk .chk-right {
        margin: 0 -4px 0 0;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        width: 39%;
        max-width: 130px
    }
    .catalog-chk .chk-chk {
        margin-right: 15px
    }
    .cFilter {
        margin-bottom: 30px
    }
    .cFilter-col {
        padding-right: 40px;
        padding-left: 15px
    }
    .cSecList,
    .ctlg .breadcrumbs-list {
        padding-left: 0
    }
    .cFilter-label,
    .cFilter-stmnt {
        position: relative;
        top: auto;
        left: auto;
        padding: 0;
        display: block;
        width: auto;
        margin: 0;
        max-width: 100%
    }
    .cFilter-toggle {
        display: block;
        right: 10px;
        top: 14px;
        font-size: 40px;
        font-weight: light;
        color: rgba(0, 0, 0, .2);
        cursor: pointer;
        z-index: 80;
        position: absolute
    }
    .cFilter-col.is-active .cFilter-toggle i,
    .cFilter-toggle i:last-child {
        display: none
    }
    .cFilter-stmnt {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height .3s, opacity .3s
    }
    .cFilter-col.is-active .cFilter-stmnt {
        max-height: 800px;
        opacity: 1
    }
    .cFilter-col.is-active .cFilter-toggle i:last-child {
        display: block
    }
    .product .breadcrumbs {
        display: none
    }
    .product .prod-col--1 {
        float: none;
        display: block;
        margin: 0 auto 30px;
        width: auto
    }
    .product .prod-col--2 {
        padding: 0;
        margin: 0 auto;
        display: block;
        width: auto;
        max-width: 100%
    }
    .product .prod-buttons,
    .product .prod-content h1,
    .product .prod-content h2 {
        display: none
    }
    .aCar-auto,
    .marketing .mFilter-arrows,
    .prod-mobile,
    .product .prod-addition,
    .sReview-title {
        display: block
    }
    .product .prod-addition {
        max-width: 320px;
        margin: 0 auto 50px;
        text-align: center
    }
    .product .prodsmore,
    .product .prodsnew {
        margin: 0 auto;
        width: auto;
        max-width: 100%;
        text-align: left
    }
    .cRow-products,
    .cSecListList .cRow-products {
        margin-left: 0
    }
    .product .prodsmore .customSelect-list,
    .product .prodsnew .customSelect-list {
        text-align: left
    }
    .product .prodsmore .customSelect-listtitle,
    .product .prodsnew .customSelect-listtitle,
    .sReview-meta,
    .sReview-title {
        text-align: center
    }
    .product .prodsmore {
        margin-top: 30px
    }
    .product .prodsnew {
        margin-right: auto!important
    }
    .product .prod-content {
        padding-right: 0
    }
    .catalog-cnt,
    .catalog-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .cRow-info,
    .cSector .cRow-info {
        width: auto;
        display: block;
        float: none;
        position: relative;
        padding: 0
    }
    .cSector .cRow-info {
        width: 95%
    }
    .cRow-title {
        font-size: 20px
    }
    .cRow-code {
        font-size: 24px;
        position: absolute;
        right: 0;
        top: 0
    }
    .aCar-auto,
    .sReview,
    .sReview-meta {
        position: relative
    }
    .cSecListList-hdr {
        font-size: 18px;
        padding: 20px 0 15px
    }
    .cSector .cRow-code {
        padding-top: 0
    }
    .cSector .cRow-arrow--right {
        right: 10px
    }
    .cSector-hdr {
        padding: 25px 0
    }
    .cSecList-hdr {
        padding: 15px 0
    }
    .cSector-title {
        padding-left: 0;
        font-size: 20px;
        padding-right: 45px
    }
    .cSector-title:before {
        right: 0;
        left: auto;
        width: 35px;
        height: 35px;
        font-size: 35px;
        line-height: 40px
    }
    .cSecList-title {
        font-size: 16px;
        line-height: 1.125em;
        padding-left: 0;
        padding-right: 30px
    }
    .cSecList-title:before {
        right: 0;
        left: auto;
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 25px
    }
    .cSector-row.is-active .cSector-title:before {
        line-height: 36px
    }
    .marketing .swiper-slide,
    .marketing .swiper-slide.grid-col--2 {
        min-width: 295px;
        width: 295px!important
    }
    .prAct--large .prAct-title {
        padding: 6px 10px;
        width: auto;
        right: -2px;
        box-sizing: border-box
    }
    .prAct-text,
    .prAct-title {
        padding-left: 15px;
        padding-right: 10px
    }
    .sReview-title {
        margin: 0 auto 20px
    }
    .sReview-meta {
        margin: 0 auto;
        float: none;
        width: 100%
    }
    .sReview-photo {
        width: 140px;
        margin: 0 auto
    }
    .sReview-photo img {
        width: 100%;
        height: auto
    }
    .sReview-info,
    .sReview-link {
        margin: 0 auto;
        width: auto;
        position: relative
    }
    .sReview-info {
        margin-top: 30px;
        padding-bottom: 15px
    }
    .newsAs-cnt .news-col {
        max-width: 380px;
        margin: 0 auto 20px
    }
    .newsAs-cnt .news-row:first-child {
        padding-top: 0
    }
    .newsAs-cnt {
        padding-right: 10px
    }
    .asport-hdr,
    .newsAs-hdr {
        padding-bottom: 30px
    }
    .asport-header .breadcrumbs {
        padding: 0 0 15px
    }
    .aCar-auto {
        bottom: auto;
        right: auto;
        margin: 0 auto -40px;
        width: auto;
        padding: 50px 0 0
    }
    .newsAs {
        padding-top: 40px
    }
    .asport:after {
        top: 400px
    }
    .aRes-tleft {
        width: 40%
    }
    .aRes-tright {
        width: 60%
    }
    .prod .prod-col--1 {
        float: none;
        max-width: 250px
    }
}

@media (max-width:540px) {
    h1 small,
    h2 small {
        white-space: nowrap
    }
    .mainmenu-dropdown {
        padding: 20px 0 0
    }
    .mDropdown-content {
        padding: 0
    }
    .mDropdown-ordinary {
        display: block
    }
    .mDropdown-col--1,
    .mDropdown-col--2,
    .mDropdown-col--3,
    .mDropdown-col--4 {
        width: 100%;
        padding-right: 0;
        display: block
    }
    .mainmenu-buy a {
        padding-right: 18px
    }
    .mainmenu-quest {
        padding: 0
    }
    .geo-map {
        min-height: 310px
    }
    #geomap {
        max-height: 311px
    }
    .geo-list {
        height: auto
    }
    .gMapInfo {
        margin-top: 310px;
        padding: 20px 20px 25px
    }
    .gMapInfo-row {
        margin-right: 40px
    }
    .gList-content {
        height: auto;
        max-height: 100000px
    }
    .gList-content .jspContainer {
        overflow: visible;
        position: relative;
        height: auto!important;
        max-height: 100000px!important
    }
    .gList-content .jspPane {
        position: relative;
        top: 0!important
    }
    .gList-content .jspVerticalBar {
        display: none!important
    }
    .cnt-list .gList-col,
    .gList-col {
        display: block;
        width: auto;
        margin: 0 auto 25px;
        padding: auto
    }
    .cnt-list {
        height: auto
    }
    .cnt-list .gList-content {
        height: auto;
        padding-bottom: 30px;
        margin-right: 0
    }
    .cnt-list .gList-col:hover:after {
        right: 5px
    }
    .cnt-print,
    .is-active .cnt-print {
        font-size: 0
    }
    .popup {
        left: 0;
        right: 0;
        width: auto;
        margin-left: auto!important;
        margin-right: auto!important;
        padding: 30px 10px
    }
    .popup-col,
    .popup-col--50,
    .popup-col--50:last-child {
        display: block;
        width: auto;
        margin: auto;
        padding: 0
    }
    .nFilter-showall,
    .popup-col--50:last-child {
        padding-top: 20px
    }
    .popup-row,
    .popup-row--b {
        padding-top: 20px;
        border: 0;
        padding-bottom: 0;
        margin: 0
    }
    .popup .form-textarea {
        min-height: 100px
    }
    .popup .form-chk,
    .popup .form-file,
    .popup-capcha,
    .popup-capchaField {
        display: block;
        width: auto;
        margin: 0 auto
    }
    .popup-capchaField {
        max-width: 100%
    }
    .popup .form-file,
    .popup-capcha {
        margin-bottom: 10px
    }
    .popup-capchaArrow {
        display: none
    }
    .popup-buttons {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
    .popup-buttons .button {
        width: 200px;
        margin-top: 10px
    }
    .nMain-photo {
        display: none
    }
    .nMain-photo--mob {
        display: block
    }
    .nMain-title {
        font-size: 20px;
        line-height: 24px
    }
    .nMain-date,
    .nMain-source {
        display: block;
        margin: 0 0 5px
    }
    .nQuote {
        padding: 20px
    }
    .nQuote p {
        margin-bottom: 15px
    }
    .nQuote-title {
        padding-bottom: 15px
    }
    .breadcrumbs-list {
        display: none
    }
    .nFilter-years {
        padding-bottom: 10px
    }
    .nSingle-quote {
        margin-top: 40px
    }
    .nMedia {
        padding-top: 5px
    }
    .partners {
        padding-bottom: 50px
    }
    .catalog .inside {
        padding-left: 10px;
        padding-right: 10px
    }
    .lpro .promoslider-content,
    .mrktng .promoslider-content {
        padding-left: 5px;
        margin-left: 0
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav {
        left: 22px!important;
        margin-left: 0!important;
        padding-left: 0!important
    }
    .marketing-hdr {
        padding-bottom: 30px
    }
    .marketing-hdr h1 {
        font-size: 22px
    }
    .marketing .mFilter-arrows {
        top: 5px
    }
    .mrktng .breadcrumbs {
        padding-top: 20px;
        padding-bottom: 0
    }
    .aRes-tleft {
        width: 90%
    }
    .aRes-tright {
        width: 10%
    }
    .aRes-arrow {
        display: none!important
    }
    .aRes-thdr {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .aRes-hdr {
        border: 0;
        padding-bottom: 0
    }
    .aRes-table {
        max-width: 320px;
        margin: 0 auto
    }
}

.prtshp-content p {
    font-size: 14px;
    line-height: 24px
}

@media (max-width:980px) {
    .action h4,
    .action-info p {
        margin-bottom: 10px
    }
    .action-image {
        width: 50%;
        padding-top: 15px
    }
    .action-info {
        margin-left: 50%;
        padding-top: 10px
    }
    .action-prise,
    .action-win {
        padding-top: 30px
    }
    .action-info h1,
    .action-info h2 {
        font-size: 36px
    }
    .action h4 {
        margin-top: 20px
    }
    .contentArea .prise ul li {
        padding-right: 2%
    }
    .action-win {
        margin-left: 0;
        margin-right: 0
    }
    .contentArea .action-win ul li {
        padding-left: 22px
    }
    .win-number {
        min-width: 15px;
        margin-left: -22px;
        display: inline-block
    }
}

@media (max-width:640px) {
    .action-info,
    .action-stmt {
        margin-left: 0;
        padding-top: 0;
        display: block;
        margin-top: 20px
    }
    .prise {
        margin-top: 30px;
        padding: 20px 25px 5px
    }
    .prise-conent,
    .prise-level {
        margin-bottom: 0!important
    }
    .action-prods {
        margin-top: 35px
    }
    .prise ul {
        margin-top: 10px!important;
        margin-bottom: 15px!important
    }
    .action-info h2 {
        display: none
    }
    .action-image {
        display: block;
        width: auto;
        float: none;
        max-width: 340px
    }
    .action-image img {
        max-width: 100%
    }
    .action-image h4 {
        display: block;
        margin-bottom: 15px
    }
    .action-cnt {
        padding-bottom: 15px;
        margin-bottom: 35px
    }
    .contentArea .action-win h4 {
        margin-bottom: 0
    }
    .contentArea .action-win ul {
        max-height: 0;
        overflow: hidden;
        display: block;
        transition: max-height .2s, margin .2s;
        margin-left: 0
    }
    .contentArea .action-win ul li {
        padding-left: 22px!important
    }
    .contentArea .action-win {
        padding: 15px 20px;
        cursor: pointer
    }
    .action-marketing {
        margin-top: 25px
    }
    .contentArea .action-win h4+ul.is-active {
        margin-top: 20px
    }
    .contentArea .action-win ul.is-active {
        max-height: 1000px
    }
    .action .inside,
    .action-marketing .inside {
        padding: 0 10px
    }
}

@media (min-width:720px) {
    .srchres-cnt,
    .srchres-hdr {
        padding: 0 20px
    }
    .srchres-form {
        margin: 0 -20px
    }
    .srchres-form .topSearch-input {
        font-size: 14px;
        font-family: 'Exo 2';
        font-weight: 600;
        color: #000
    }
    .srchres-form .topSearch-button {
        width: 200px;
        font-size: 16px;
        line-height: 45px;
        text-indent: 20px;
        font-family: 'Exo 2';
        color: #fff;
        background-position: 20px center
    }
}

.fct-cnt .nSingle-content>p,
.slctr-sectors {
    font-size: 16px
}

.prod-addition .prodsinf--short .customSelect,
.prodsinf--short .prodsmore-title {
    display: inline-block;
    margin-right: 10px;
    margin-top: 0!important
}

.banner-980 {
    display: block
}

.banner-300,
.banner-708 {
    display: none
}

.banner-300 {
    text-align: center
}

@media (max-width:980px) {
    .banner-980 {
        display: none
    }
    .banner-708 {
        display: block
    }
    .banner-300 {
        display: none
    }
}

@media (max-width:767px) {
    .banner-708,
    .banner-980 {
        display: none
    }
    .banner-300 {
        display: block
    }
}

@media (max-width:640px) {
    .fct-item,
    .fct-item--2 {
        width: 100%;
        display: block
    }
    .fct-items {
        max-width: 400px;
        display: block
    }
    .fctr--big .fctr-image {
        max-height: 220px
    }
    .fctr--big .fctr-title {
        font-size: 16px;
        line-height: 20px;
        font-family: PFBeauSansPro, Arial, sans-serif;
        color: #000;
        text-decoration: none;
        display: block;
        background: 0 0;
        padding: 0 0 15px!important;
        top: auto;
        left: auto;
        position: relative
    }
    .fctr--big .fctr-title:hover {
        color: #fdcf43;
        background: 0 0
    }
}

.sdTypes-title,
.slctr-sectors {
    font-family: 'Exo 2'
}

.slctr-sectors {
    position: absolute;
    right: 20px;
    top: 13px;
    color: #074da8
}

.slctr-sectors:hover {
    color: #fed02f
}

@media (max-width:880px) {
    .slctr-about,
    .slctr-group {
        padding-left: 0;
        margin-left: 0;
        margin-right: 0
    }
    .slctr-cnt,
    .slctr-col {
        padding-bottom: 20px
    }
    .slctr-sectors {
        right: 0
    }
    .slctr-col {
        width: 48%;
        padding-right: 2%;
        max-width: 320px;
        padding-top: 0
    }
    .slctr-group {
        margin-bottom: 30px;
        padding-right: 0
    }
    .slctr-col+.slctr-line {
        vertical-align: top;
        margin-top: 23px;
        width: 48%;
        margin-right: 0;
        padding-right: 2%;
        max-width: 320px
    }
    .slctr-col+.slctr-line .button {
        padding-left: 0;
        padding-right: 0;
        width: auto;
        display: block;
        text-align: center
    }
    .slctr-about {
        padding-right: 0
    }
    .slctr-about .button {
        display: block;
        max-width: 280px;
        margin-top: 20px;
        position: relative;
        right: auto;
        top: auto
    }
    .slctr-group+.slctr-col {
        z-index: 1000
    }
}

@media (max-width:760px) {
    .slctr-sectors {
        position: relative;
        display: block;
        right: auto
    }
}

@media (max-width:640px) {
    .slctr-sectors {
        position: relative;
        display: block;
        right: auto;
        top: auto
    }
    .slctr .cRow-category {
        padding-top: 15px
    }
    .slctr .cRow-code {
        bottom: -5px;
        top: auto
    }
    .slctr-row1>.slctr-header {
        font-size: 16px;
        padding: 20px 50px 20px 10px
    }
    .slctr-row1>.slctr-header:before {
        right: 10px;
        left: auto
    }
    .slctr-row2>.slctr-header {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 20px;
        font-family: 'Exo 2'
    }
    .slctr-row2 .slctr-content {
        padding-left: 0
    }
    .slctr-cnt .cRow {
        padding-left: 20px;
        padding-right: 20px
    }
    .slctr-col {
        display: block;
        width: auto;
        padding-right: 0;
        margin-right: auto;
        max-width: 100%
    }
    .slctr-info {
        padding: 25px 0 20px
    }
    .slctr-group {
        padding-bottom: 10px
    }
    .slctr-group+.slctr-col {
        margin-top: 20px
    }
    .slctr-line {
        display: block;
        width: auto!important;
        margin: 0 auto!important;
        padding: 0!important;
        max-width: 100%!important;
        text-align: center
    }
    .slctr-clear {
        margin: 25px auto 15px;
        display: inline-block
    }
    .slctr-call {
        text-align: left
    }
    .slctr-about .button {
        margin: 15px auto 0
    }
    .slctr-about {
        padding-top: 20px
    }
    .slctr-group+.slctr-col+.slctr-col {
        z-index: 96
    }
    .slctr-cnt:not(:empty) {
        margin-bottom: 30px
    }
}

.p404,
.prodstake,
.prtshp-content p,
.prtshp-text {
    font-family: PFBeauSansPro, Arial, arial, sans-serif
}

@media (max-width:700px) {
    .prod-addition--tablet .prodsmore-title {
        text-align: center!important
    }
}

@media (max-width:980px) {
    .nMain--massMedia .nMain-photo img {
        width: 30vw!important;
        height: auto;
        max-width: 230px
    }
}

@media (max-width:800px) {
    .nMain--massMedia .nMain-photo img {
        width: 25vw!important
    }
    .nMain--massMedia .nMain-photo {
        width: auto
    }
}

@media (max-width:640px) {
    .nMain--massMedia .nMain-photo img {
        display: none!important
    }
    .nMain--massMedia .nMain-photo.nMain-photo--mob img {
        display: block!important;
        width: auto!important;
        max-width: 100%
    }
}

@media (max-width:800px) {
    .mFilter {
        display: block
    }
    .mFilter-list {
        margin: 0;
        border-radius: 0
    }
    .mFilter-item {
        display: none;
        width: 100%
    }
    .mFilter-item.is-active {
        display: block;
        width: auto;
        margin-right: 86px;
        background: 0 0
    }
    .mFilter-item:after {
        display: none!important
    }
    .mFilter-link {
        background: 0 0!important;
        text-align: left;
        padding-left: 15px;
        height: 40px;
        line-height: 37px
    }
    .mFilter-link:after {
        display: none
    }
    .mFilter-arrows {
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -25px;
        z-index: 80;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none
    }
    .mFilter-arrow {
        border: 1px solid #fed02f;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin-right: 0;
        margin-left: 5px;
        background: url(/local/templates/main-rosneft/../images/inners/i-ar.png) center 10px no-repeat #fff;
        background-size: 5px 9px;
        width: 28px;
        height: 28px;
        cursor: pointer
    }
    .mFilter-arrow:hover {
        background-color: #fed02f
    }
    .mFilter-arrow.is-disabled,
    .mFilter-arrow.is-disabled:hover {
        opacity: .4;
        background-color: #fff;
        cursor: default;
        pointer-events: none
    }
    .mFilter-arrow--left {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        background-position: center 9px
    }
}

@media (max-width:720px) {
    .cnt h1,
    .cnt h1.is-mid-fs,
    h1,
    h1.is-mid-fs,
    h2,
    h2.is-mid-fs {
        font-size: 28px;
        padding-right: 0
    }
    .cnt h1 span,
    h1 small,
    h1 span,
    h2 small,
    h2 span {
        margin-right: 15px
    }
    h4 {
        font-size: 20px;
        line-height: 1.1em
    }
    .js-jumper-column,
    .js-jumper-column.is-animating {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        transition: none
    }
    .prod-proditem {
        margin-top: 0
    }
    .promoslider-content {
        max-width: 320px;
        margin: 0 auto;
        padding: 50px 0 0
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav,
    .promoslider-nav {
        max-width: 320px;
        left: 50%;
        margin-left: -165px
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav {
        padding-left: 27px
    }
    .promoslider-arrow {
        display: none
    }
    .prod-col--2,
    .product .prod-col--1 {
        vertical-align: top
    }
    .promoslider,
    .promoslider-slide {
        height: 360px
    }
    .promoslider .fotorama__html,
    .promoslider .fotorama__stage,
    .promoslider .fotorama__stage__shaft,
    .promoslider .fotorama__wrap {
        height: 360px!important
    }
    .promoslider-title {
        font-size: 22px;
        line-height: 1.182em
    }
    .promoslider-text {
        font-size: 16px;
        line-height: 1.625em
    }
    .prod-col--1 {
        position: relative;
        width: 33%;
        padding-right: 5%;
        padding-top: 40px
    }
    .prod-col--2 {
        margin-left: 0;
        display: inline-block;
        margin-right: -4px;
        width: 61%
    }
    .prod-content {
        padding-top: 45px
    }
    .proditem-content {
        padding: 20px
    }
    .proditem-photo img {
        max-width: 100%;
        height: auto
    }
    .proditem-header {
        padding-left: 20px;
        padding-right: 20px;
        background-image: none
    }
    .footer-content {
        padding: 40px 0 0
    }
    .footer-col--tablet {
        display: none
    }
    .footer-row:last-child {
        margin-top: 10px
    }
    .footer-col--1 {
        width: 40%;
        padding-left: 10%;
        padding-right: 0
    }
    .footer-col--4 {
        width: 50%;
        padding-right: 0
    }
    .footer-search {
        max-width: 250px
    }
    .footer-left,
    .footer-right {
        display: block;
        width: auto;
        text-align: center;
        margin: 0 auto;
        padding: 0
    }
    .footer-right {
        padding-top: 15px
    }
    .footer-right:before {
        display: none
    }
    .gFilter-itemSeparator,
    .geo-chk {
        display: block
    }
    footer {
        height: 430px;
        margin-top: -430px
    }
    .footer .mDropdown-close {
        right: 5px;
        top: -20px
    }
    #wrap {
        padding-bottom: 430px
    }
    .footer .mDropdown-content {
        margin-top: 0
    }
    .breadcrumbs-list,
    .geo-header {
        padding: 0
    }
    .breadcrumbs {
        padding: 25px 0 15px
    }
    .geo-header h2 {
        padding-right: 0
    }
    .geo-chk {
        position: relative;
        background: 0 0;
        top: auto;
        margin: 20px 0 0;
        padding: 0;
        left: auto;
        right: auto
    }
    .geo-chk .chk-left {
        margin-left: 0
    }
    .gFilter {
        padding-top: 15px;
        padding-bottom: 25px
    }
    .gFilter-item {
        margin-bottom: 10px
    }
    .gSelect-list {
        width: 100%;
        top: 5px
    }
    .gFilter-item,
    .gFilter-select {
        position: static
    }
    .aRes-filter,
    .asMain-col,
    .cnt-chk {
        position: relative
    }
    .gTabs,
    .gTabs-active {
        border-radius: 0
    }
    .geo-map {
        min-height: 350px
    }
    #geomap {
        max-height: 351px
    }
    .gList-addresses {
        padding-left: 0
    }
    .gMap-balloon,
    .geo-map [class~=balloon_layout_panel],
    .ymaps-2-1-38-balloon {
        display: none!important
    }
    .gMapInfo {
        margin-top: 350px
    }
    .popup {
        left: 10px;
        right: 10px;
        width: auto;
        margin-left: auto!important;
        margin-right: auto!important;
        padding: 30px 20px
    }
    .nMain,
    .news-cnt,
    .news-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .nMain-photo {
        width: 240px;
        padding-right: 20px
    }
    .nMain-photo img {
        width: 100%;
        height: auto
    }
    .news-more,
    .news-row:last-child {
        margin-bottom: 20px
    }
    .news-row:last-child {
        padding-top: 30px
    }
    .nFilter {
        margin-bottom: 40px
    }
    .nMain {
        padding-bottom: 30px
    }
    .nQuote {
        padding: 30px 25px 25px
    }
    .nSingle-item {
        padding-bottom: 40px
    }
    .news-sectionTitle {
        padding-bottom: 15px
    }
    .nSingle .news-row:last-child {
        padding-top: 0
    }
    .news-col,
    .news-col--33 {
        width: 50%
    }
    .cnt-header {
        padding-left: 0;
        padding-right: 0
    }
    .cnt-chk {
        display: block;
        background: 0 0;
        top: auto;
        margin: 20px 0 0;
        padding: 0;
        left: auto;
        right: auto
    }
    .cnt-button,
    .cnt-print {
        display: none
    }
    .cnt-chk .chk-left {
        margin-left: 0
    }
    .cnt-map {
        height: 350px
    }
    .cnt-zoom,
    geo-zoom {
        right: 20px
    }
    .cnt-zoom .gZoom-print,
    geo-zoom .gZoom-print {
        top: -100px
    }
    .cnt-info {
        top: 460px;
        left: 0;
        width: auto;
        right: 0;
        z-index: 555;
        margin: 0 auto;
        bottom: auto;
        background: #fff;
        padding-left: 20px;
        padding-right: 20px
    }
    .cnt-infoContent .cMapInfo {
        width: 90%;
        max-width: 90%
    }
    .cMapInfo-row {
        padding-right: 50px
    }
    .cnt-list.is-active {
        margin-bottom: -405px
    }
    .cnt {
        padding-bottom: 450px
    }
    .cnt-info.is-active {
        padding-left: 20px;
        padding-right: 20px
    }
    .asMain {
        padding-bottom: 20px
    }
    .asMain-col {
        display: block;
        margin: 0 auto;
        max-width: 420px
    }
    .asMain-col--2 {
        margin: 60px auto 40px
    }
    .asSport {
        margin-right: 0
    }
    .asSport-text {
        right: 0
    }
    .asSport-team {
        margin-left: 20px
    }
    .partners-text {
        width: 33%;
        padding: 35px 25px
    }
    .partners-logos {
        margin-left: 210px
    }
    .partners-arrow.partners-arrow--left {
        left: 15px
    }
    .partners-arrow.partners-arrow--right {
        right: 15px
    }
    .newsMain .news-content {
        padding-top: 0
    }
    .catalog-info {
        padding-top: 15px;
        font-size: 18px;
        line-height: 1.5556em
    }
    .catalog-buttons {
        max-width: 320px;
        margin: 0 auto
    }
    .catalog-buttons .button,
    .catalog-buttons .customSelect {
        display: block;
        margin-right: 0
    }
    .catalog-buttons .button {
        width: auto;
        min-width: 0
    }
    .cFor,
    .cGroupper:after {
        display: none
    }
    .cGroupper {
        padding-bottom: 0;
        border: 0
    }
    .cGroupper-filters {
        padding-top: 5px
    }
    .catalog-mobileFor {
        display: block
    }
    .catalog-mobileFor .prodsblock-list {
        margin: 20px 0
    }
    .cHdr {
        padding: 15px 0;
        font-size: 20px;
        line-height: 1.4em
    }
    .cHdr-title {
        margin-right: 60px
    }
    .cHdr-logo {
        top: 5px;
        margin: 0;
        bottom: 5px;
        height: auto
    }
    .cHdr-logo img {
        height: 100%;
        width: auto;
        display: block;
        margin: auto
    }
    .catalog-cnt,
    .catalog-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .ctlg .breadcrumbs-list {
        padding-left: 0
    }
    .product+.banners {
        display: none
    }
    .product .prod-col--1 {
        width: 34%;
        margin: auto -4px auto auto;
        top: auto;
        left: auto;
        float: none;
        padding-left: 0;
        padding-right: 0;
        display: inline-block
    }
    .product .prod-col--1 .prod-mobile {
        padding-bottom: 20px
    }
    .product .prod-col--2 {
        width: 62%;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        padding-left: 4%;
        padding-right: 0;
        margin: auto auto auto 0
    }
    .product .prod-addition {
        margin-bottom: 60px
    }
    .product .prodsmore {
        margin-top: 30px
    }
    .product .prod-mobile {
        max-width: 360px;
        margin: 0 auto
    }
    .product .prod-mobile .prod-buttons {
        padding: 0;
        margin: 15px auto 30px;
        display: block
    }
    .product .prod-mobile .button {
        display: block;
        text-align: center;
        margin: 0 auto 15px;
        max-width: 200px
    }
    .product .prod-mobile h1 {
        font-size: 22px;
        line-height: 1.3em;
        width: auto;
        max-width: 100%
    }
    .product .prod-mobile h2 {
        width: auto;
        max-width: 100%;
        line-height: 1.4em;
        font-size: 18px;
        padding: 0
    }
    .product .prod-mobile h2 small {
        padding: 0;
        font-size: 14px
    }
    .product .prod-mobile h2 span {
        padding: 0;
        margin: 0 0 -5px;
        font-size: 20px;
        display: block;
        width: auto;
        max-width: 100%
    }
    .is-ready .cSector,
    .sReview-title {
        margin-bottom: 20px
    }
    .cRow-info {
        width: 190px
    }
    .cRow-products {
        margin-left: 180px
    }
    .cRow-title {
        font-size: 16px
    }
    .cRow-code {
        font-size: 20px
    }
    .cProds .cRow-arrow.cRow-arrow--left,
    .cProds:before {
        left: 0
    }
    .catalog.is-ready+.banners {
        margin-top: -21px
    }
    .cFilter-stmnt .fchk {
        padding-top: 7px;
        display: block
    }
    .cFilter-col--3 .cFilter-stmnt .fchk {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
        width: 33%;
        box-sizing: border-box
    }
    .marketing-cnt,
    .marketing-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .sReview {
        padding: 25px 25px 20px
    }
    .sReview-title,
    .sReviews {
        padding-bottom: 0
    }
    .aRes-filter {
        width: auto;
        right: auto;
        top: auto;
        text-align: left
    }
    .aFilter-toggle .chk {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:640px) {
    .cFilter-toggle i,
    .nFilter-toggle i {
        font-style: normal
    }
    .header-contacts {
        top: 11px;
        right: 55px
    }
    .header-customs {
        right: 0
    }
    .mainmenu-buy,
    .mainmenu-quest {
        padding-right: 22px;
        margin-top: 19px;
        padding-left: 1px
    }
    .mainmenu-quest {
        margin: 0;
        height: 57px;
        width: 40px;
        padding: 0 2px;
        text-align: center
    }
    .mainmenu-quest:after {
        margin-top: -6px
    }
    .mainmenu-quest i {
        margin: 18px auto 0
    }
    .topContacts-row {
        margin-right: 8px;
        margin-left: 6px
    }
    .mSearch-field {
        overflow: hidden;
        top: 0;
        bottom: 0;
        margin-right: 5px!important;
        padding-right: 0;
        position: absolute;
        z-index: 55;
        width: 45px;
        right: -5px;
        left: auto;
        transition: transform .2s, background .2s, width .2s
    }
    .mSearch-field input {
        opacity: 0;
        width: 100%;
        -o-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        cursor: pointer;
        margin-top: -20px;
        height: 56px;
        margin-left: 5px
    }
    .is-active .mSearch-field {
        width: 210px;
        background: #fed02f;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    .is-active .mSearch-field input {
        opacity: 1;
        cursor: text;
        margin-top: auto;
        height: auto;
        margin-left: 0
    }
    .is-active .mSearch-button {
        z-index: 60
    }
    .mainmenu-quest a {
        display: none
    }
    .mainmenu-search {
        margin-top: 8px;
        margin-left: 0;
        margin-right: 6px
    }
    .mainmenu-mobile {
        right: 0
    }
    .mainmenu-buy {
        margin-left: 0
    }
    .header .customSelect-val {
        font-size: 12px;
        opacity: .5;
        font-weight: 500;
        margin-right: -8px
    }
    .mainmenu-dropdown {
        padding: 20px 0 0
    }
    .mDropdown-tablet {
        display: none
    }
    .mDropdown-content {
        padding: 10px 0 0 10px
    }
    .mDropdown-ordinary {
        display: block
    }
    .mDropdown-col--1,
    .mDropdown-col--2,
    .mDropdown-col--3,
    .mDropdown-col--4 {
        width: 48%;
        padding-right: 2%
    }
    .footer-col--1 {
        display: block;
        padding: 0;
        margin: 0 auto;
        width: 170px
    }
    .footer-col--4 {
        display: none
    }
    .footer-logo {
        padding-top: 0;
        padding-bottom: 100px
    }
    .footer-wholesite {
        position: absolute;
        bottom: 0;
        z-index: 55
    }
    .footer .mDropdown-col {
        display: block;
        width: auto;
        position: relative;
        text-align: center
    }
    .footer .mDropdown-item {
        display: none
    }
    .footer .mDropdown-list,
    .footer .mDropdown-list li {
        padding: 0
    }
    .footer .mDropdown-title {
        padding: 10px 0
    }
    .footer .mDropdown-ordinary {
        padding-top: 30px
    }
    .footer .mDropdown-close {
        right: 10px;
        top: -10px
    }
    .news-col,
    .news-col--33,
    .news-col--50 {
        width: 100%;
        display: block;
        margin: 0 auto 35px
    }
    .nItem {
        padding-right: 0;
        margin-bottom: 0
    }
    .nItem-image,
    .news-col--50 .nItem-image {
        width: 60px
    }
    .nItem-image+.nItem-content,
    .news-col--50 .nItem-image+.nItem-content {
        margin-left: 75px
    }
    .nMain {
        padding-bottom: 15px
    }
    .nFilter-row {
        padding: 5px 0;
        margin: 0
    }
    .nFilter {
        padding: 0 15px 15px;
        margin-top: 10px
    }
    .nFilter-col--left,
    .nFilter-label {
        position: relative;
        width: auto;
        font-size: 14px;
        color: rgba(0, 0, 0, .5)
    }
    .nFilter-label {
        padding-bottom: 14px
    }
    .nFilter-chk,
    .nFilter-chk label,
    .nFilter-chk label span,
    .nFilter-chk span,
    .nFilter-label,
    .nFilter-label label,
    .nFilter-label label span,
    .nFilter-label span,
    .nFilter-month,
    .nFilter-month label,
    .nFilter-month label span,
    .nFilter-month span,
    .nFilter-year,
    .nFilter-year label,
    .nFilter-year label span,
    .nFilter-year span {
        font-size: 14px
    }
    .nFilter-tags .nFilter-chk {
        margin-bottom: 4px
    }
    .nFilter-col--right {
        position: relative;
        width: auto;
        margin: 5px 0 0
    }
    .nFilter-showall {
        display: block;
        padding: 5px 0 0;
        position: relative;
        right: auto;
        top: auto
    }
    .nFilter-dates,
    .nFilter-tags .nFilter-sttmnt {
        padding-left: 5px
    }
    .nFilter-toggle {
        display: block;
        right: 0;
        top: 17px;
        font-size: 40px;
        font-weight: light;
        color: rgba(0, 0, 0, .2);
        cursor: pointer;
        z-index: 80;
        position: absolute
    }
    .nFilter-dates.is-active .nFilter-toggle i,
    .nFilter-tags.is-active .nFilter-toggle i,
    .nFilter-toggle i:last-child {
        display: none
    }
    .nFilter-dates,
    .nFilter-tags {
        overflow: hidden;
        max-height: 32px;
        transition: max-height .3s ease-out
    }
    .nFilter-dates .nFilter-sttmnt,
    .nFilter-tags .nFilter-sttmnt {
        opacity: 0;
        -o-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .nFilter-dates.is-active,
    .nFilter-tags.is-active {
        max-height: 300px
    }
    .nFilter-dates.is-active .nFilter-sttmnt,
    .nFilter-tags.is-active .nFilter-sttmnt {
        opacity: 1
    }
    .nFilter-dates.is-active .nFilter-toggle i:last-child,
    .nFilter-reset,
    .nFilter-tags.is-active .nFilter-toggle i:last-child,
    .nSingle-photo,
    .prod-col {
        display: block
    }
    .nFilter-dates {
        margin-left: -5px
    }
    .nFilter-reset {
        bottom: 0;
        right: 0;
        position: absolute;
        border: 0
    }
    .nFilter-reset a {
        text-decoration: none;
        color: #074da8;
        border-bottom: 1px dashed #7eb4fa
    }
    .nFilter-reset a:hover {
        color: #000;
        border-color: rgba(0, 0, 0, .5)
    }
    .nSingle-photo {
        float: none;
        width: auto;
        padding: 0 0 25px
    }
    .nSingle-photo img {
        max-width: 100%
    }
    .nSingle-content {
        font-size: 14px
    }
    .nSingle-content p {
        margin-bottom: 15px
    }
    .news-row {
        margin-right: 0
    }
    .media .grid-col,
    .media .grid-col--1,
    .media .grid-col--1+.grid-col--2,
    .media .grid-col--2 {
        width: 100%;
        display: block;
        max-width: 380px;
        margin: 0 auto 20px
    }
    .prod-col {
        padding-left: 0;
        padding-right: 0;
        position: relative;
        width: auto;
        min-height: 0
    }
    .proditem {
        max-width: 360px;
        margin: 0 auto
    }
    .prodsblock-for {
        padding: 15px 0 20px!important;
        font-size: 18px
    }
    .prodsblock-for b {
        margin-right: 30px
    }
    .proditem-showall {
        position: relative;
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s ease-out
    }
    .is-active .proditem-showall {
        max-height: 500px
    }
    .proditem-button {
        margin-top: 30px
    }
    .proditem-showlink {
        color: rgba(0, 0, 0, .5);
        display: inline-block;
        font-size: 12px;
        font-family: PFBeauSansPro, Arial, arial, sans-serif;
        font-weight: 300;
        margin-top: 10px;
        cursor: pointer;
        border-bottom: 1px dashed rgba(0, 0, 0, .2)
    }
    .cGroupper-filters,
    .cGroupper-select .customSelect,
    .catalog-buttons .customSelect {
        display: block;
        width: auto
    }
    .proditem-showlink:hover {
        color: #000;
        border-color: rgba(0, 0, 0, .5)
    }
    .proditem-header {
        background: url(/local/templates/main-rosneft/../images/main/i-star.png) right 25px center no-repeat #272f39;
        background-size: 16px auto
    }
    .prod {
        padding-bottom: 50px
    }
    .prodsblock-more {
        max-width: 320px;
        width: 100%;
        text-align: center;
        margin: 0 auto
    }
    .prodsmore-select .customSelect {
        text-align: left
    }
    .bannersMain {
        padding: 0 0 50px
    }
    .banners-col {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px
    }
    .banners-col:last-child {
        padding: 0
    }
    .banners-row {
        padding: 0;
        max-width: 300px;
        margin: 0 auto
    }
    .banners-content {
        padding-top: 20px
    }
    .partners-logos {
        margin-left: 0
    }
    .partners-arrow.partners-arrow--left {
        left: 10px
    }
    .partners-arrow.partners-arrow--right {
        right: 10px
    }
    .partners-slider {
        padding: 0 55px
    }
    .asMain-content {
        margin: 0 -24px
    }
    .asSport-team {
        margin-left: 10px
    }
    .asSport-automobile {
        background-size: 40% auto;
        background-position: top right 15px
    }
    .partners-title {
        font-size: 20px
    }
    .partners-more {
        padding-top: 10px
    }
    .partners-text {
        position: relative;
        width: auto;
        text-align: center;
        max-width: 100%;
        padding-bottom: 25px
    }
    .cGroupper-select,
    .cGroupper-toggle {
        display: block;
        width: auto;
        margin: 0 0 10px
    }
    .cGroupper-title {
        font-size: 20px;
        line-height: 1.2em;
        padding-bottom: 10px
    }
    .catalog-buttons .button {
        margin-right: 0;
        min-width: 0
    }
    .catalog-buttons .customSelect {
        padding-left: 0;
        padding-right: 0;
        min-width: 0;
        text-align: center;
        margin-right: 0
    }
    .catalog-buttons .customSelect .customSelect-list {
        text-align: left
    }
    .catalog-buttons .customSelect-listtitle {
        text-align: center;
        padding-right: 18px
    }
    .cGroupper-filters {
        margin-right: 20px;
        padding-right: 0
    }
    .catalog-chk {
        background: 0 0;
        border-radius: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 12px
    }
    .catalog-chk .chk-left,
    .catalog-chk .chk-right {
        margin: 0 -4px 0 0;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        width: 39%;
        max-width: 130px
    }
    .catalog-chk .chk-chk {
        margin-right: 15px
    }
    .cFilter {
        margin-bottom: 30px
    }
    .cFilter-col {
        padding-right: 40px;
        padding-left: 15px
    }
    .cSecList,
    .ctlg .breadcrumbs-list {
        padding-left: 0
    }
    .cFilter-label,
    .cFilter-stmnt {
        position: relative;
        top: auto;
        left: auto;
        padding: 0;
        display: block;
        width: auto;
        margin: 0;
        max-width: 100%
    }
    .cFilter-toggle {
        display: block;
        right: 10px;
        top: 14px;
        font-size: 40px;
        font-weight: light;
        color: rgba(0, 0, 0, .2);
        cursor: pointer;
        z-index: 80;
        position: absolute
    }
    .cFilter-col.is-active .cFilter-toggle i,
    .cFilter-toggle i:last-child {
        display: none
    }
    .cFilter-stmnt {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height .3s, opacity .3s
    }
    .cFilter-col.is-active .cFilter-stmnt {
        max-height: 800px;
        opacity: 1
    }
    .cFilter-col.is-active .cFilter-toggle i:last-child {
        display: block
    }
    .product .breadcrumbs {
        display: none
    }
    .product .prod-col--1 {
        float: none;
        display: block;
        margin: 0 auto 30px;
        width: auto
    }
    .product .prod-col--2 {
        padding: 0;
        margin: 0 auto;
        display: block;
        width: auto;
        max-width: 100%
    }
    .product .prod-buttons,
    .product .prod-content h1,
    .product .prod-content h2 {
        display: none
    }
    .aCar-auto,
    .marketing .mFilter-arrows,
    .prod-mobile,
    .product .prod-addition,
    .sReview-title {
        display: block
    }
    .product .prod-addition {
        max-width: 320px;
        margin: 0 auto 50px;
        text-align: center
    }
    .product .prodsmore,
    .product .prodsnew {
        margin: 0 auto;
        width: auto;
        max-width: 100%;
        text-align: left
    }
    .cRow-products,
    .cSecListList .cRow-products {
        margin-left: 0
    }
    .product .prodsmore .customSelect-list,
    .product .prodsnew .customSelect-list {
        text-align: left
    }
    .product .prodsmore .customSelect-listtitle,
    .product .prodsnew .customSelect-listtitle,
    .sReview-meta,
    .sReview-title {
        text-align: center
    }
    .product .prodsmore {
        margin-top: 30px
    }
    .product .prodsnew {
        margin-right: auto!important
    }
    .product .prod-content {
        padding-right: 0
    }
    .catalog-cnt,
    .catalog-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .cRow-info,
    .cSector .cRow-info {
        width: auto;
        display: block;
        float: none;
        position: relative;
        padding: 0
    }
    .cSector .cRow-info {
        width: 95%
    }
    .cRow-title {
        font-size: 20px
    }
    .cRow-code {
        font-size: 24px;
        position: absolute;
        right: 0;
        top: 0
    }
    .aCar-auto,
    .sReview,
    .sReview-meta {
        position: relative
    }
    .cSecListList-hdr {
        font-size: 18px;
        padding: 20px 0 15px
    }
    .cSector .cRow-code {
        padding-top: 0
    }
    .cSector .cRow-arrow--right {
        right: 10px
    }
    .cSector-hdr {
        padding: 25px 0
    }
    .cSecList-hdr {
        padding: 15px 0
    }
    .cSector-title {
        padding-left: 0;
        font-size: 20px;
        padding-right: 45px
    }
    .cSector-title:before {
        right: 0;
        left: auto;
        width: 35px;
        height: 35px;
        font-size: 35px;
        line-height: 40px
    }
    .cSecList-title {
        font-size: 16px;
        line-height: 1.125em;
        padding-left: 0;
        padding-right: 30px
    }
    .cSecList-title:before {
        right: 0;
        left: auto;
        width: 20px;
        height: 20px;
        font-size: 20px;
        line-height: 25px
    }
    .cSector-row.is-active .cSector-title:before {
        line-height: 36px
    }
    .marketing .swiper-slide,
    .marketing .swiper-slide.grid-col--2 {
        min-width: 295px;
        width: 295px!important
    }
    .prAct--large .prAct-title {
        padding: 6px 10px;
        width: auto;
        right: -2px;
        box-sizing: border-box
    }
    .prAct-text,
    .prAct-title {
        padding-left: 15px;
        padding-right: 10px
    }
    .sReview-title {
        margin: 0 auto 20px
    }
    .sReview-meta {
        margin: 0 auto;
        float: none;
        width: 100%
    }
    .sReview-photo {
        width: 140px;
        margin: 0 auto
    }
    .sReview-photo img {
        width: 100%;
        height: auto
    }
    .sReview-info,
    .sReview-link {
        margin: 0 auto;
        width: auto;
        position: relative
    }
    .sReview-info {
        margin-top: 30px;
        padding-bottom: 15px
    }
    .newsAs-cnt .news-col {
        max-width: 380px;
        margin: 0 auto 20px
    }
    .newsAs-cnt .news-row:first-child {
        padding-top: 0
    }
    .newsAs-cnt {
        padding-right: 10px
    }
    .asport-hdr,
    .newsAs-hdr {
        padding-bottom: 30px
    }
    .asport-header .breadcrumbs {
        padding: 0 0 15px
    }
    .aCar-auto {
        bottom: auto;
        right: auto;
        margin: 0 auto -40px;
        width: auto;
        padding: 50px 0 0
    }
    .newsAs {
        padding-top: 40px
    }
    .asport:after {
        top: 400px
    }
    .aRes-tleft {
        width: 40%
    }
    .aRes-tright {
        width: 60%
    }
}

.js-popup-feedback-fake-to-show,
.p404 {
    text-align: center
}

@media (max-width:540px) {
    h1 small,
    h2 small {
        white-space: nowrap
    }
    .mainmenu-dropdown {
        padding: 20px 0 0
    }
    .mDropdown-content {
        padding: 0
    }
    .mDropdown-ordinary {
        display: block
    }
    .mDropdown-col--1,
    .mDropdown-col--2,
    .mDropdown-col--3,
    .mDropdown-col--4 {
        width: 100%;
        padding-right: 0;
        display: block
    }
    .mainmenu-buy a {
        padding-right: 18px
    }
    .mainmenu-quest {
        padding: 0
    }
    .geo-map {
        min-height: 310px
    }
    #geomap {
        max-height: 311px
    }
    .geo-list {
        height: auto
    }
    .gMapInfo {
        margin-top: 310px;
        padding: 20px 20px 25px
    }
    .gMapInfo-row {
        margin-right: 40px
    }
    .gList-content {
        height: auto;
        max-height: 100000px
    }
    .gList-content .jspContainer {
        overflow: visible;
        position: relative;
        height: auto!important;
        max-height: 100000px!important
    }
    .gList-content .jspPane {
        position: relative;
        top: 0!important
    }
    .gList-content .jspVerticalBar {
        display: none!important
    }
    .cnt-list .gList-col,
    .gList-col {
        display: block;
        width: auto;
        margin: 0 auto 25px;
        padding: auto
    }
    .cnt-list {
        height: auto
    }
    .cnt-list .gList-content {
        height: auto;
        padding-bottom: 30px;
        margin-right: 0
    }
    .cnt-list .gList-col:hover:after {
        right: 5px
    }
    .cnt-print,
    .is-active .cnt-print {
        font-size: 0
    }
    .popup {
        left: 0;
        right: 0;
        width: auto;
        margin-left: auto!important;
        margin-right: auto!important;
        padding: 30px 10px
    }
    .popup-col,
    .popup-col--50,
    .popup-col--50:last-child {
        display: block;
        width: auto;
        margin: auto;
        padding: 0
    }
    .nFilter-showall,
    .popup-col--50:last-child {
        padding-top: 20px
    }
    .popup-row,
    .popup-row--b {
        padding-top: 20px;
        border: 0;
        padding-bottom: 0;
        margin: 0
    }
    .popup .form-textarea {
        min-height: 100px
    }
    .popup .form-chk,
    .popup .form-file,
    .popup-capcha,
    .popup-capchaField {
        display: block;
        width: auto;
        margin: 0 auto
    }
    .popup-capchaField {
        max-width: 100%
    }
    .popup .form-file,
    .popup-capcha {
        margin-bottom: 10px
    }
    .popup-capchaArrow {
        display: none
    }
    .popup-buttons {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
    .popup-buttons .button {
        width: 200px;
        margin-top: 10px
    }
    .nMain-photo {
        display: none
    }
    .nMain-date,
    .nMain-photo--mob {
        display: block
    }
    .nMain-title {
        font-size: 20px;
        line-height: 24px
    }
    .nMain-date {
        margin: 0 0 5px
    }
    .nQuote {
        padding: 20px
    }
    .nQuote p {
        margin-bottom: 15px
    }
    .nQuote-title {
        padding-bottom: 15px
    }
    .breadcrumbs-list {
        display: none
    }
    .nFilter-years {
        padding-bottom: 10px
    }
    .nSingle-quote {
        margin-top: 40px
    }
    .nMedia {
        padding-top: 5px
    }
    .partners {
        padding-bottom: 50px
    }
    .catalog .inside {
        padding-left: 10px;
        padding-right: 10px
    }
    .lpro .promoslider-content,
    .mrktng .promoslider-content {
        padding-left: 5px;
        margin-left: 0
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav {
        left: 22px!important;
        margin-left: 0!important;
        padding-left: 0!important
    }
    .marketing-hdr {
        padding-bottom: 30px
    }
    .marketing-hdr h1 {
        font-size: 22px
    }
    .marketing .mFilter-arrows {
        top: 5px
    }
    .mrktng .breadcrumbs {
        padding-top: 20px;
        padding-bottom: 0
    }
    .aRes-tleft {
        width: 90%
    }
    .aRes-tright {
        width: 10%
    }
    .aRes-arrow {
        display: none!important
    }
    .aRes-thdr {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .aRes-hdr {
        border: 0;
        padding-bottom: 0
    }
    .aRes-table {
        max-width: 320px;
        margin: 0 auto
    }
}

@media (max-width:420px) {
    .asSport-team {
        margin-left: auto;
        max-width: 300px
    }
}

@media (max-width:370px) {
    .promoslider-nav {
        margin: 0;
        left: 20px
    }
    .lpro .promoslider-nav,
    .mrktng .promoslider-nav {
        left: 20px
    }
}

.p404 {
    position: relative;
    padding: 60px 0 100px;
    font-size: 24px
}

.p404-text {
    padding: 60px 0 0;
    font-weight: 300
}

.p404-image {
    max-width: 500px;
    margin: 0 auto
}

.p404-image img {
    max-width: 100%;
    height: auto
}

@media (max-width:980px) {
    .p404 {
        padding: 45px 0 50px
    }
    .p404-image {
        max-width: 430px
    }
    .p404-text {
        padding-top: 50px
    }
}

@media (max-width:768px) {
    .p404 {
        padding: 40px 0 50px
    }
    .p404-image {
        max-width: 300px;
        width: 100%
    }
    .p404-text {
        font-size: 18px;
        padding-top: 25px;
        line-height: 24px
    }
}

.js-popup-feedback-fake-to-show,
.js-popup-feedback-hidden {
    display: none
}

.popup-row--last {
    margin-top: 35px
}

@media (max-width:540px) {
    .popup-row--last {
        margin-top: 20px
    }
}

.popup-row--bt {
    border-top: 1px solid #dadada
}

.popup-disclaim {
    position: absolute;
    right: 0
}

.field--required {
    border-color: red
}

@media(max-width:620px) {
    .popup-formset {
        border-top: 1px solid #dadada;
        margin-top: 25px
    }
}

.popup .is-active .customSelect-arrow {
    -webkit-transform: rotate(180deg) translateX(-4px);
    transform: rotate(180deg) translateX(-4px)
}

.popup .customSelect-arrow {
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s
}

.nSingle-table {
    position: relative
}

.nSingle-table:after,
.nSingle-table:before {
    position: absolute;
    bottom: 20px;
    width: 30px;
    z-index: 80;
    -webkit-transition: opacity .2s;
    content: ' ';
    top: 0;
    display: block
}

.nSingle-table:before {
    left: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    transition: opacity .2s
}

.nSingle-table:after {
    right: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    transition: opacity .2s
}

.prtshp,
.prtshp-content,
.prtshp-image,
.prtshp-media {
    position: relative
}

.nSingle-table.is-at-left:before,
.nSingle-table.is-at-right:after {
    opacity: 0
}

.nSingle-table .jspHorizontalBar {
    height: 5px;
    background: 0 0
}

.nSingle-table .jspTrack {
    background: #f4f7f8;
    border-radius: 5px
}

.nSingle-table .jspDrag {
    background: #dee6e9
}

.nQuote-table table,
.nSingle-content table,
.nSingle-table table {
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 20px
}

.nQuote-table table td,
.nQuote-table table th,
.nSingle-content table td,
.nSingle-content table th,
.nSingle-table table td,
.nSingle-table table th {
    padding: 7px 20px 4px;
    margin: 0;
    border: 1px solid #eaeaea;
    text-align: center;
    border-collapse: collapse
}

.nQuote-table table th,
.nSingle-content table th,
.nSingle-table table th {
    background: #fed02f;
    border-color: #fed02f #e4bc2a #fed02f #fed02f;
    font-weight: 600;
    padding: 15px 20px
}

.nQuote-table table big,
.nSingle-content table big,
.nSingle-table table big {
    font-size: 12px
}

.nQuote-table table td:first-child,
.nQuote-table table th:first-child,
.nSingle-content table td:first-child,
.nSingle-content table th:first-child,
.nSingle-table table td:first-child,
.nSingle-table table th:first-child {
    text-align: left
}

.nQuote-table table th:last-child,
.nSingle-content table th:last-child,
.nSingle-table table th:last-child {
    border-right-color: #fed02f
}

.prtshp-header {
    padding: 0 20px
}

.prtshp-content {
    padding: 40px 0 0
}

.prtshp-content h4 {
    margin-top: 30px
}

.prtshp-content h4+p,
.prtshp-media+p {
    margin-top: 26px
}

.prtshp-media {
    float: left;
    display: block;
    color: #090a0a;
    width: 300px;
    border: 1px solid #fee24a;
    margin: 8px 40px 40px 0
}

.prtshp-media--mt {
    margin-top: 30px
}

.prtshp-media--r {
    float: right;
    margin-right: 0;
    margin-left: 40px
}

.prtshp-image {
    display: block;
    line-height: 0
}

.prtshp-image:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    z-index: 5;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.prtshp-icon {
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 5;
    background: url(/local/templates/main-rosneft/../images/inners/i-media-photo.png) no-repeat;
    width: 30px;
    height: 30px
}

.abt,
.abt-cnt,
.abt-cnt ul li,
.prtshp-image img,
.prtshp-text {
    position: relative
}

.abt-cnt ul li:before,
.action-cnt:after {
    left: 0
}

.prtshp-image img {
    display: block;
    width: 100%;
    height: auto
}

.prtshp-text {
    padding: 25px 20px 20px;
    font-size: 16px;
    line-height: 20px;
    display: block
}

.prtshp-title {
    display: block
}

.prtshp-cnt {
    font-weight: 300;
    padding: 20px 0 0;
    color: #b0b0b0;
    display: block
}

.prtshp-media--mobile {
    display: none
}

@media (max-width:620px) {
    .prtshp-media {
        display: block;
        float: none;
        margin: 25px auto;
        max-width: 300px;
        width: auto
    }
    .prtshp-content {
        padding-top: 0
    }
    .prtshp .inside {
        padding: 0 10px
    }
}

.abt-hdr {
    padding: 0
}

.abt-cnt {
    padding: 20px 0 0
}

@media (min-width:720px) {
    .abt-cnt,
    .abt-hdr {
        padding-left: 20px;
        padding-right: 20px
    }
}

.abt-cnt h4 {
    margin-top: 32px
}

.abt-cnt h4+p {
    margin-top: 20px
}

.abt-cnt ul {
    margin-top: 0;
    margin-bottom: 10px
}

.abt-cnt p+ul {
    margin-top: -20px
}

.abt-cnt ul li {
    padding: 7px 0 7px 15px
}

.abt-cnt ul li:before {
    position: absolute;
    top: 16px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fed02f
}

.action,
.action-cnt,
.action-image,
.action-image img,
.action-prods {
    position: relative
}

@media (max-width:720px) {
    .abt-cnt ul li:before {
        top: 16px
    }
}

@media (min-width:720px) {
    .action-cnt {
        padding: 10px 20px 0
    }
}

.action:after {
    clear: both;
    display: block
}

.action-image {
    float: left;
    width: 45%;
    max-width: 420px
}

.action-image img {
    display: block;
    width: 89%;
    height: auto;
    border: 1px solid #cfcfcf
}

.action h4 {
    margin-top: 26px;
    margin-bottom: 20px
}

.action h1,
.action h2 {
    font-size: 42px;
    line-height: 1.14em;
    margin-bottom: 16px
}

.action-info,
.action-stmt {
    font-size: 14px;
    font-weight: 300;
    line-height: 26px
}

.action-info {
    display: block;
    margin-left: 44%;
    padding-top: 10px
}

.action-info ul {
    margin-left: 4px;
    margin-bottom: -15px
}

.contentArea .action-info ul li,
.contentArea .action-stmt ul li {
    padding-bottom: 20px
}

.contentArea .action-stmt ul li:last-child {
    padding-bottom: 0
}

.action-stmt {
    padding: 30px 0 0;
    clear: both
}

.action-info big {
    font-size: 16px;
    font-weight: 400
}

.action-stmt b {
    font-weight: 600
}

.action-prise {
    margin: 55px 0 0;
    padding: 5px 35px 0
}

.contentArea .action-prods ul li,
.contentArea .prise ul li {
    display: inline-block;
    width: 50%;
    padding-right: 5%;
    padding-bottom: 20px;
    vertical-align: top;
    box-sizing: border-box
}

.prise {
    border: 2px solid #fed02f;
    font-weight: 300
}

.action-win h4,
.action-winners,
.prise-level {
    font-weight: 600
}

.prise ul {
    margin-top: 20px
}

.contentArea .prise ul li {
    margin-right: -4px
}

.prise-conent+.prise-level {
    margin-top: -30px
}

.prise-conent:last-child,
.prise-level:last-child {
    margin-bottom: -15px
}

.action-prods {
    margin: 55px 0 0
}

.action-prods ul {
    margin-top: -10px
}

.contentArea .action-prods ul li {
    margin-right: -4px
}

.action-winners p {
    margin-bottom: 15px
}

.action-cnt {
    padding-bottom: 50px;
    margin-bottom: 80px
}

.action-cnt:after {
    position: absolute;
    display: block;
    height: 2px;
    right: 0;
    bottom: 0;
    background: #feda55
}

.action-win {
    position: relative;
    border: 2px solid #c8d6da;
    padding: 5px 35px;
    font-size: 12px;
    line-height: 18px;
    margin: 0 20px
}

.action-win h4 {
    font-size: 20px;
    margin-bottom: 35px
}

.action-win ul,
.contentArea .action-win ul li {
    font-size: 12px;
    line-height: 18px
}

.action-win ul {
    display: inline-block;
    width: 47%;
    padding-right: 3%;
    margin-right: -4px;
    vertical-align: top
}

.action-win ul:last-child {
    padding-right: 0;
    padding-left: 3%
}

.action-win li {
    padding: 0!important
}

.action-win li:before {
    display: none!important
}

.action-win li b,
.win-number {
    margin-right: 4px
}

.action-marketing {
    margin: 45px 0 0
}

.action-marketing .mItem-content,
.action-marketing .mItem-label,
.action-marketing .mItem-title {
    color: #000!important
}

.action-image h4 {
    display: none
}

@media (max-width:980px) {
    .action h4,
    .action-info p {
        margin-bottom: 10px
    }
    .action-image {
        width: 50%;
        padding-top: 15px
    }
    .action-info {
        margin-left: 50%;
        padding-top: 10px
    }
    .action-prise,
    .action-win {
        padding-top: 30px
    }
    .action-info h1,
    .action-info h2 {
        font-size: 36px
    }
    .action h4 {
        margin-top: 20px
    }
    .action h4:first-child {
        margin-top: 0
    }
    .contentArea .prise ul li {
        padding-right: 2%
    }
    .action-win {
        margin-left: 0;
        margin-right: 0
    }
    .contentArea .action-win ul li {
        padding-left: 22px
    }
    .win-number {
        min-width: 15px;
        margin-left: -22px;
        display: inline-block
    }
}

@media (max-width:900px) {
    .action-image {
        width: 60%;
        padding-top: 15px;
        max-width: 100%
    }
    .action-info {
        margin-left: 60%;
        padding-top: 5px
    }
}

@media (max-width:680px) {
    .action-image {
        width: 50%;
        padding-top: 15px
    }
    .action-info {
        margin-left: 50%;
        padding-top: 5px
    }
    .contentArea .action-prods ul li,
    .contentArea .prise ul li {
        display: block;
        width: auto
    }
    .contentArea .action-win {
        padding-bottom: 30px
    }
    .contentArea .action-win h4 {
        margin-bottom: 20px
    }
    .contentArea .action-win ul {
        display: block;
        width: auto;
        padding: 0!important;
        margin: 0 0 0 25px
    }
    .contentArea .action-info ul li,
    .contentArea .action-prods ul li,
    .contentArea .action-stmt ul li,
    .contentArea .prise ul li {
        padding-bottom: 5px
    }
    .action-info h4 {
        margin-top: 20px;
        margin-bottom: 10px
    }
    .action-info ul {
        margin-bottom: 5px
    }
    .prise {
        padding-bottom: 15px;
        padding-top: 25px
    }
    .action-cnt {
        padding-bottom: 30px;
        margin-bottom: 50px
    }
    .prise-conent+.prise-level {
        margin-top: 0;
        margin-bottom: -10px
    }
}

@media (max-width:640px) {
    .action-info,
    .action-stmt {
        margin-left: 0;
        padding-top: 0;
        display: block;
        margin-top: 20px
    }
    .prise {
        margin-top: 30px;
        padding: 20px 25px 5px
    }
    .prise-conent,
    .prise-level {
        margin-bottom: 0!important
    }
    .action-prods {
        margin-top: 35px
    }
    .prise ul {
        margin-top: 10px!important;
        margin-bottom: 15px!important
    }
    .action-info h2 {
        display: none
    }
    .action-image {
        display: block;
        width: auto;
        float: none;
        max-width: 340px
    }
    .action-image img {
        max-width: 100%
    }
    .action-image h4 {
        display: block;
        margin-bottom: 15px
    }
    .action-cnt {
        padding-bottom: 15px;
        margin-bottom: 35px
    }
    .contentArea .action-win h4 {
        margin-bottom: 0
    }
    .contentArea .action-win ul {
        max-height: 0;
        overflow: hidden;
        display: block;
        transition: max-height .2s, margin .2s;
        margin-left: 0
    }
    .contentArea .action-win ul li {
        padding-left: 22px!important
    }
    .contentArea .action-win {
        padding: 15px 20px
    }
    .action-marketing {
        margin-top: 25px
    }
    .action-win:after {
        position: absolute;
        width: 20px;
        height: 20px;
        border: 2px solid rgba(0, 0, 0, .1);
        border-radius: 50%;
        right: 20px;
        top: 14px;
        line-height: 23px;
        font-size: 18px;
        color: rgba(0, 0, 0, .2);
        background: 0 0;
        content: '+';
        text-align: center;
        font-weight: 300
    }
    .action-win.is-active:after {
        border: 2px solid #fed02f;
        color: #fed02f;
        line-height: 20px;
        content: '–'
    }
    .contentArea .action-win h4+ul.is-active {
        margin-top: 20px
    }
    .contentArea .action-win ul.is-active {
        max-height: 1000px
    }
    .action .inside,
    .action-marketing .inside {
        padding: 0 10px
    }
}

.pag,
.pag-item,
.safety,
.safety-col,
.srchres,
.srchres-item,
.srchres-results {
    position: relative
}

.srchres {
    font-size: 12px;
    line-height: 16px;
    color: #000
}

@media (min-width:720px) {
    .srchres-cnt,
    .srchres-hdr {
        padding: 0 20px
    }
    .srchres-form {
        margin: 0 -20px
    }
    .srchres-form .topSearch-input {
        font-size: 14px;
        font-family: PFBeauSansPro, Arial, arial, sans-serif;
        font-weight: 600;
        color: #000
    }
    .srchres-form .topSearch-button {
        width: 200px;
        font-size: 16px;
        text-indent: 20px;
        line-height: 45px;
        font-family: PFBeauSansPro, Arial, arial, sans-serif;
        color: #fff;
        background-position: 20px center
    }
}

.pag,
.srchres-title {
    font-size: 16px
}

.srchres-cnt {
    padding-top: 35px;
    padding-bottom: 100px
}

.srchres-results {
    padding: 57px 0 0
}

.srchres-item {
    margin: 0 0 40px
}

.srchres-title {
    line-height: 18px
}

.srchres-body {
    padding: 10px 0 0
}

.srchres-body p {
    margin: 0 0 6px
}

.srchres-link {
    color: #000
}

.pag-link:hover,
.srchres-link:hover,
.srchres-title:hover {
    color: #fdcf43
}

.srchres-pagination {
    margin-left: -4px;
    padding-top: 10px
}

.pag-item {
    display: inline-block;
    margin: 0
}

.pag-link {
    padding: 5px 4px;
    display: block
}

.pag-link--active {
    color: #000;
    font-weight: 600;
    cursor: default;
    pointer-events: none
}

@media (max-width:720px) {
    .srchres-form .topSearch-button {
        color: transparent;
        overflow: hidden;
        text-indent: -2000px
    }
    .srchres-cnt {
        padding-bottom: 50px
    }
}

@media (max-width:620px) {
    .srchres .inside {
        padding: 0 10px
    }
    .srchres-cnt {
        padding-top: 25px
    }
    .srchres-results {
        padding-top: 30px
    }
    .srchres-item {
        margin: 0 0 30px
    }
    .srchres-title {
        font-size: 14px
    }
    .srchres-pagination {
        padding-top: 5px;
        font-size: 14px
    }
}

@media (min-width:720px) {
    .safety-cnt,
    .safety-hdr {
        padding-left: 20px;
        padding-right: 20px
    }
}

.safety h4 {
    margin-bottom: 20px
}

.safety-cnt {
    padding-top: 40px
}

.safety p {
    font-size: 16px;
    line-height: 28px
}

.safety-image {
    border: 1px solid #e3e3e3;
    display: inline-block;
    line-height: 0
}

.safety-image img {
    max-width: 100%;
    height: auto
}

.safety-col {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px
}

.safety .sm-serts:after,
.safety .sm-serts:before {
    position: absolute;
    top: 0;
    z-index: 80;
    content: ' ';
    display: block;
    bottom: 0
}

.safety-col--1 {
    width: 26%;
    padding-right: 6%;
    padding-top: 5px
}

.safety-col--2 {
    width: 68%
}

.safety .sm-serts .swiper-wrapper {
    justify-content: flex-start
}

.safety .sm-sert {
    margin-right: 30px
}

.safety .sm-serts:before {
    width: 5px;
    left: -3px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%);
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.safety .sm-serts:after {
    width: 10px;
    right: 0;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

@media (max-width:820px) {
    .safety-col--1 {
        display: block;
        float: left;
        margin: 5px 40px 30px 0;
        width: 240px;
        padding: 0
    }
    .safety-col--2 {
        position: relative;
        display: block;
        width: auto
    }
}

@media (max-width:680px) {
    .safety-col--1 {
        width: 180px
    }
}

@media (max-width:540px) {
    .safety .inside {
        padding: 0 10px
    }
    .safety-col--1 {
        display: block;
        float: none;
        text-align: center;
        max-width: 240px;
        margin: 0 auto 25px
    }
    .safety h1 {
        font-size: 22px;
        line-height: 1.1em
    }
}

@media (min-width:540px) and (max-width:1020px) {
    .mDropdown-list {
        padding-bottom: 5px
    }
    .mainmenu-dropdown {
        padding-bottom: 15px;
        padding-top: 20px
    }
    .mainmenu-dropdown .mDropdown-col--2 .mDropdown-list:last-child {
        margin-top: 27px
    }
    .footer-row:last-child {
        margin-top: 20px
    }
}

@media (max-width:540px) {
    .mDropdown-col--2 {
        margin-top: -10px
    }
    .mDropdown-list {
        padding-bottom: 10px
    }
}

.footer-list,
.footer-title {
    text-transform: none;
    letter-spacing: 0
}

@media (max-width:980px) {
    .footer .mDropdown-content {
        margin-top: 110px
    }
    .footer .mDropdown-close {
        top: -120px
    }
}

.footer-title {
    font-size: 16px;
    padding-bottom: 15px
}

.footer-title+.footer-title {
    margin-top: 16px
}

.footer-title a {
    font-size: 16px;
    color: #fff
}

.footer-list {
    font-size: 12px;
    line-height: 18px
}

.footer-list li {
    margin-bottom: 0;
    padding-bottom: 5px
}

.footer-col--tablet .footer-title+.footer-title {
    margin-top: 5px
}

.footer-col--tablet {
    margin-top: -6px
}

.mDropdown-plafon {
    display: none
}

@media (max-width:980px) {
    .footer .mDropdown-content {
        max-width: 450px;
        margin: 50px auto 0
    }
    .footer .mDropdown-close {
        top: -70px
    }
    .footer .mDropdown-tablet {
        display: none
    }
    .footer .mDropdown-plafon {
        display: block
    }
    .footer .mDropdown-plafon .mDropdown-col {
        width: 48%;
        padding-right: 4%
    }
    .footer .mDropdown-plafon .mDropdown-col:last-child {
        padding-right: 0;
        width: 46%;
        padding-left: 2%
    }
    .footer .mainmenu-dropdown .mDropdown-plafon a {
        padding: 3px 0
    }
    .footer .mDropdown-plafon .mDropdown-title {
        margin-bottom: 12px
    }
    .footer .mDropdown-plafon .mDropdown-list+.mDropdown-list {
        margin-top: 8px
    }
}

@media (max-width:640px) {
    .footer .mDropdown-col--2,
    .footer .mDropdown-plafon {
        display: none
    }
    .footer .mDropdown-content {
        margin-top: 20px
    }
    .footer .mDropdown-close {
        top: -35px
    }
}

.mDropdown-item,
.mDropdown-title {
    font-weight: 400
}

.footer-contacts,
.footer-row:last-child {
    font-weight: 300
}

.lSearch-button {
    background: url(/local/templates/main-rosneft/../images/main/i-search-3.png) center no-repeat;
    background-size: 16px 16px;
    margin: 0
}

.lSearch-button:active,
.lSearch-button:hover {
    background-color: rgba(0, 0, 0, .1)
}

.is-safari .lSearch-button {
    margin: 0;
    left: 0;
    bottom: 0;
    top: 0
}

.lSearch-field {
    margin-left: 0
}

.lSearch-input {
    text-indent: 45px
}

.action-marketing .marketing-grid {
    margin-right: -15px
}

@media (max-width:768px) {
    .contentArea .action-prods ul li,
    .contentArea .prise ul li {
        display: block;
        width: auto
    }
    .contentArea .action-cnt ul li {
        padding-left: 15px
    }
}

.proditem .swiper-container {
    padding-bottom: 45px;
    margin-bottom: -25px
}

.proditem-photo {
    z-index: 90;
    position: relative
}

.proditem .swiper-pagination-bullet {
    background: #fff;
    border: 2px solid #7d7d7d;
    width: 6px;
    height: 6px
}

.proditem .swiper-pagination-bullet-active {
    background: #fdcf43;
    border-color: #fdcf43
}

.prodsinf {
    position: relative;
    max-width: 295px;
    display: inline-block;
    vertical-align: top;
    margin-right: 22px;
    padding-bottom: 50px
}

.prodsinf .prodsmore {
    margin-left: 10px
}

.prodstake {
    border: 2px solid #c8d6da;
    padding: 18px 40px 25px;
    display: block;
    color: #000;
    margin-bottom: 20px;
    text-align: left
}

.prodsinf--wide {
    max-width: 100%;
    width: auto;
    display: block
}

.prodsinf--wide .prodstake {
    max-width: 295px;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 10px
}

.prodstake-label {
    font-size: 12px;
    padding-bottom: 10px;
    font-weight: 400
}

.prodstake-label i {
    color: #fed02f;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    margin-right: 2px;
    margin-left: -18px;
    margin-top: -1px
}

.prodsact,
.prodstake-col {
    display: inline-block;
    vertical-align: top
}

.prodstake-label i:before {
    font-family: 'Open Sans';
    margin-top: -1px;
    content: '★'
}

.fctr--big .fctr-title,
.fctr-title,
.mItem-paragraph,
.slctr .customSelect,
.slctr-clear,
.slctr-line .button,
.slctr-nocontent,
.slctr-row1 .slctr-header,
.slctr-row2 .slctr-header,
.srchres-form .topSearch-input,
.topContacts,
.topContacts-address,
.topContacts-email a,
.topCustoms,
.topSearch-input {
    font-family: PFBeauSansPro, Arial, arial, sans-serif
}

.prodstake-col {
    margin-right: -4px;
    width: 50%
}

.prodstake-photo {
    text-align: center;
    padding: 0 10px;
    line-height: 0;
    max-width: 140px
}

.prodstake-photo img {
    max-width: 100%;
    height: auto
}

.prodstake-brand {
    font-size: 16px;
    font-weight: 300
}

.prodstake-title {
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 600;
    color: #000
}

.prodstake-code {
    font-size: 16px
}

.prodstake-category {
    font-size: 12px;
    line-height: 1.3333333333333em;
    color: rgba(0, 0, 0, .5)
}

.prodsact {
    width: 100%;
    max-width: 295px
}

@media (max-width:640px) {
    .prodsact,
    .prodsinf {
        margin: 0 auto;
        display: block;
        max-width: 295px
    }
    .prodsinf .prodsmore {
        margin: 0 auto
    }
}

.mItem--noIcon .mItem-content {
    padding-top: 25px;
    background: 0 0;
    min-height: 140px
}

.mItem-lbl {
    display: block;
    margin: 0;
    top: 20px;
    left: -2px;
    padding: 10px 20px 8px;
    background: #fdcf43;
    position: absolute;
    z-index: 90;
    font-size: 12px;
    color: #000
}

.mItem-lbl i {
    font-style: normal;
    position: relative;
    margin-right: 4px;
    vertical-align: middle;
    display: inline-block;
    font-size: 15px;
    margin-top: -4px
}

.prodsact .mItem-lbl i {
    margin-top: 0
}

.mItem-lbl i:before {
    content: '☆'
}

.nQuote ul li:before,
.promoslider-slide:after,
.slctr-row1>.slctr-header:after {
    content: ' '
}

.mItem-paragraph {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    display: block;
    margin: 10px 0 0;
    line-height: 18px
}

.mDropdown-input,
.mDropdown-list2,
.mDropdown-list3 {
    display: none
}

.mItem-link {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 12px;
    text-decoration: underline;
    color: #074da8
}

.fctr,
.fctr--big .fctr-title,
.fctr-title,
.gList-phone a,
.nItem a,
.prodsblock-col a,
.slctr .customSelect-list a,
.slctr-clear {
    text-decoration: none
}

.fct-cnt,
.fct-hdr,
.mDropdown-input,
.mDropdown-list1,
.nQuote ul li {
    position: relative
}

.mItem--noIcon .mItem-image {
    height: 184px
}

.mDropdown-list1 .mDropdown-col {
    width: 22%;
    padding-right: 3%
}

.mDropdown-list2 .mDropdown-col {
    width: 30%;
    padding-right: 3%
}

.mDropdown-list3 .mDropdown-col {
    width: 45%;
    padding-right: 5%
}

.mainmenu-dropdown li {
    margin: 0
}

.mainmenu-dropdown a {
    margin: 0;
    line-height: 18px
}

.mainmenu-dropdown a.mDropdown-title {
    margin-top: -1px;
    margin-bottom: 1px
}

@media (max-width:980px) {
    .mDropdown-list1 {
        display: block
    }
    .mDropdown-list2 {
        display: block
    }
    .footer .mDropdown-list2 {
        display: none
    }
    .footer .mDropdown-list3 {
        display: block
    }
    .footer .mDropdown-list3 .mDropdown-col:last-child {
        padding-right: 0;
        padding-left: 5%
    }
    .footer .mDropdown-content {
        max-width: 480px
    }
}

@media (max-width:720px) {
    .mDropdown-list2 {
        display: none
    }
    .mDropdown-list3 {
        display: block
    }
}

@media (max-width:640px) {
    .mDropdown-list3 {
        padding-bottom: 20px
    }
    .mDropdown-list3 .mDropdown-col {
        width: auto;
        display: block
    }
    .footer .mDropdown-content {
        margin-top: 60px
    }
    .footer .mDropdown-close {
        top: -70px
    }
    .footer .mDropdown-list3 .mDropdown-col,
    .footer .mDropdown-list3 .mDropdown-col:last-child {
        padding: 0
    }
}

.proditem-photo {
    min-height: 170px;
    background: url(/local/templates/main-rosneft/../images/i-barrel.png) center bottom 0 no-repeat;
    background-size: 114px 158px
}

.proditem-photo--liquid {
    background: url(/local/templates/main-rosneft/../images/cist.png) center no-repeat;
    background-size: 170px 77px;
    min-height: 170px
}

.product+.banners {
    padding-top: 0
}

.proditem-photo .swiper-container {
    background: #fff
}

.prodstake-label,
a:hover .prodstake-label {
    color: #000!important
}

a:hover .prodstake-title {
    color: #fdcf43
}

.fctr,
.fctr a {
    color: #000
}

.srchres-form .topSearch-input,
.topSearch-input {
    font-weight: 400
}

.gSelect-select {
    white-space: nowrap
}

.gSelect-val {
    white-space: pre-line;
    max-width: 160px
}

.fct-cnt,
.fct-hdr {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 26px
}

.fct-cnt .nSingle-content>p {
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 30px
}

.fct-cnt .nQuote,
.fct-cnt small {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300
}

.nQuote ul li:before {
    width: 5px;
    height: 5px;
    background: #fddf52;
    position: absolute;
    left: 10px;
    border-radius: 50%;
    margin-bottom: 10px;
    display: block
}

.mainmenu-dropdown a.mDropdown-title {
    padding: 15px 0 10px
}

.mainmenu-dropdown ul li:first-child a.mDropdown-title {
    padding: 6px 0
}

.nQuote ul li {
    margin-bottom: 12px;
    padding-left: 28px
}

.fct-cnt .nQuote {
    margin-bottom: 40px
}

.fct-list {
    padding: 20px 0 0
}

.fct-items {
    padding: 30px 0 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch
}

.fct-item {
    display: inline-block;
    display: flex;
    width: 32%;
    margin-bottom: 20px
}

.fct-item--2 {
    width: 66%
}

.fctr {
    display: block;
    border: 2px solid #fed02f;
    font-size: 12px;
    line-height: 18px;
    position: relative
}

.fctr--big .fctr-title,
.fctr-title {
    font-size: 16px;
    display: block
}

.fctr a:hover {
    color: #fed02f
}

.fctr-image {
    line-height: 0;
    margin: -2px -2px 0;
    max-height: 220px;
    overflow: hidden
}

.fctr-image img {
    width: 100%;
    height: auto
}

.fctr--big .fctr-image {
    max-height: 100000px
}

.fctr-content {
    padding: 25px 30px 20px 25px
}

.fctr-label {
    color: rgba(0, 0, 0, .5)
}

.fctr-row {
    margin: 16px 0 5px
}

.fctr-title {
    line-height: 20px;
    color: #000
}

.fctr-title:hover {
    color: #fdcf43
}

.fctr--big .fctr-row {
    margin-top: 0
}

.fctr--big .fctr-title {
    position: absolute;
    background: #fed02f;
    color: #000;
    padding: 11px 15px 7px!important;
    line-height: normal;
    top: 15px;
    left: -2px;
    z-index: 5
}

.fctr--big .fctr-title:hover {
    color: #000;
    background: #fddf52
}

@media (max-width:960px) {
    .fct-item {
        width: 48%
    }
    .fct-item--2 {
        width: 100%
    }
    .fct-items {
        max-width: 620px
    }
}

@media (max-width:720px) {
    .fct-cnt .nQuote {
        margin: 20px 0
    }
    .fct-cnt,
    .fct-hdr {
        padding-left: 0;
        padding-right: 0
    }
    .fct-cnt .nSingle-content>p {
        font-size: 16px;
        line-height: 28px
    }
    .fctr-content {
        padding: 20px 15px
    }
}

@media (max-width:640px) {
    .fct-item,
    .fct-item--2 {
        width: 100%;
        display: block
    }
    .fct-items {
        max-width: 400px;
        display: block
    }
    .fctr--big .fctr-image {
        max-height: 220px
    }
    .fctr--big .fctr-title {
        font-size: 16px;
        line-height: 20px;
        font-family: PFBeauSansPro, Arial, arial, sans-serif;
        color: #000;
        text-decoration: none;
        display: block;
        background: 0 0;
        padding: 0 0 15px!important;
        top: auto;
        left: auto;
        position: relative
    }
    .fctr--big .fctr-title:hover {
        color: #fdcf43;
        background: 0 0
    }
}

@media (max-width:540px) {
    .fct .inside {
        padding-left: 10px;
        padding-right: 10px
    }
}

.prod .proditem-photo {
    background: 0 0
}

.factory {
    position: relative
}

.factory-preview {
    float: left;
    width: 310px;
    margin-bottom: 30px
}

.factory-preview .fctr-content {
    padding-top: 10px
}

.factory-preview .fctr {
    margin-right: 30px;
    display: block;
    width: Auto
}

.factory .nSingle-content p {
    font-weight: 400
}

.factory h4 {
    margin-top: 55px
}

.factory h4+.nSingle-table {
    margin-top: 30px
}

.nSingle-table td:first-child b {
    margin-left: -8px
}

.factory .nSingle-content table th {
    padding-top: 10px;
    padding-bottom: 8px
}

@media (max-width:620px) {
    .factory-preview {
        display: block;
        float: none;
        width: auto;
        max-width: 400px
    }
    .factory h4 {
        margin-top: 40px
    }
    .factory h4+.nSingle-table {
        margin-top: 25px
    }
}

@media (min-width:720px) {
    .fct-cnt .nQuote p {
        margin-bottom: 18px
    }
    .fct-cnt .nQuote ul {
        margin-left: 15px
    }
}

.prtshp-module {
    clear: both
}

.prtshp-module h4 {
    margin-top: 50px
}

.prtshp-module .prtshp-media {
    margin-top: -20px
}

@media (max-width:620px) {
    .prtshp-module .prtshp-media {
        margin: 25px auto
    }
    .prtshp-hdr {
        padding-bottom: 25px
    }
}

@media (max-width:960px) {
    .prtshp-module .prtshp-media {
        margin-top: 0
    }
}

.catalog-info {
    font-weight: 300
}

.cFor-title {
    font-weight: 400
}

.prch-cnt p,
.slctr-info {
    font-weight: 300
}

.aCar-title {
    padding-right: 10px
}

@media (min-width:640px) {
    .nFilter-sttmnt .js-chkbx-set {
        padding-right: 90px
    }
}

@media (max-width:980px) {
    .prodsblock-for {
        padding: 22px 0 18px!important
    }
}

.promoslider-slide:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 6
}

.promoslider-slide .inside {
    z-index: 10
}

@media (max-width:640px) {
    .footer .mDropdown-col:last-child ul li:first-child {
        padding-top: 12px;
        padding-bottom: 5px
    }
}

.gList-phone a {
    color: #000
}

.gList-phone a:hover {
    color: #fed02f
}

@media (min-width:720px) {
    .bap-cnt,
    .bap-hdr,
    .prch-cnt,
    .prch-hdr {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:540px) {
    .bap .inside,
    .prch .inside {
        padding-left: 10px;
        padding-right: 10px
    }
}

.bap-cnt ul,
.prch-cnt ul {
    margin-bottom: 20px
}

.bap-cnt ul li,
.prch-cnt ul li {
    position: relative;
    padding: 7px 0 7px 15px
}

.bap-cnt ul li:before,
.prch-cnt ul li:before {
    position: absolute;
    top: 15px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    content: ' ';
    background: #fed02f
}

.slctr-about,
.slctr-clear,
.slctr-col,
.slctr-group,
.slctr-label {
    position: relative
}

@media (max-width:640px) {
    .bap-cnt ul li:before,
    .prch-cnt ul li:before {
        top: 14px
    }
}

.bap-cnt h4,
.prch-cnt h4 {
    margin-bottom: 15px
}

.bap-cnt a,
.prch-cnt a {
    color: #074da8
}

.bap-cnt a:hover,
.prch-cnt a:hover {
    color: #fed02f
}

.prch-cnt .linkfile {
    font-size: 14px
}

.prch-cnt .linkfile:before {
    top: -2px
}

.prch-files {
    padding-top: 20px
}

@media (min-width:640px) {
    .prch-files {
        padding-top: 30px
    }
}

@media (min-width:720px) {
    .slctr-cnt,
    .slctr-hdr {
        padding-left: 20px;
        padding-right: 20px
    }
}

.slctr-info {
    font-size: 18px;
    line-height: 28px;
    padding: 35px 0 53px
}

.slctr-clear,
.slctr-line .button {
    font-size: 14px;
    font-weight: 700
}

.slctr-group {
    padding: 0 20px 32px;
    margin: 0 -20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.slctr-col {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    z-index: 50;
    padding: 37px 1.3% 28px 0;
    margin-right: -4px
}

.slctr-label {
    padding-left: 20px;
    padding-bottom: 5px
}

.slctr-line {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px
}

.slctr-line .button {
    padding: 16px 40px 12px
}

.slctr-clear {
    color: rgba(0, 0, 0, .2);
    border-bottom: 1px dashed;
    text-transform: uppercase
}

.slctr-clear:hover {
    color: #000;
    border-bottom-color: rgba(0, 0, 0, .3)
}

.slctr-call {
    font-size: 10px;
    line-height: 12px;
    color: #888;
    padding-left: 40px;
    background: url(/local/templates/main-rosneft/../images/main/info.png) no-repeat;
    min-height: 30px;
    padding-top: 4px;
    background-size: 30px 30px
}

.slctr-call a {
    color: #074da8
}

.slctr-call a:hover {
    color: #fed02f
}

.slctr-about {
    margin: 40px -20px 50px;
    padding: 35px 360px 0 20px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    font-size: 12px;
    line-height: 18px;
    font-weight: 300
}

.slctr-about .button {
    display: block;
    position: absolute;
    right: 20px;
    width: 280px;
    padding-left: 0;
    padding-right: 0;
    top: 70px;
    font-size: 18px;
    height: 40px;
    line-height: 42px
}

.slctr-about .button:after {
    margin: 15px 0 -5px 5px
}

.slctr-about p+p {
    margin-top: 20px
}

.slctr .customSelect {
    position: relative;
    z-index: 90;
    height: 48px;
    border: 1px solid #d7d7d7;
    color: #424242;
    border-radius: 2px;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    cursor: pointer
}

.slctr .customSelect.is-active .customSelect-list {
    display: block
}

.slctr .customSelect-val {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 20px;
    bottom: 0;
    right: 40px;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.slctr .customSelect-list {
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 50px;
    border: 1px solid #d7d7d7;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
    z-index: 55;
    background: #fff;
    border-radius: 2px;
    max-height: 200px;
    overflow: auto
}

.slctr .customSelect-list a,
.slctr .customSelect-list>div {
    display: block;
    position: relative
}

.slctr .customSelect-list a {
    padding: 9px 20px 7px;
    color: #424242
}

.slctr .customSelect-list a:hover {
    background: rgba(0, 0, 0, .1)
}

.slctr .customSelect-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    cursor: pointer;
    background: url(/local/templates/main-rosneft/../images/main/i-arrows.png) 5px 0 no-repeat;
    width: 15px;
    height: 6px;
    background-size: 10px auto
}

.slctr .customSelect-slct {
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 500;
    opacity: 0;
    display: none
}

.slctr-row1,
.slctr-row1 .slctr-header {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.slctr-row1 .slctr-header {
    padding: 40px 0;
    font-size: 18px;
    cursor: pointer
}

.slctr-row1>.slctr-content,
.slctr-row2>.slctr-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s
}

.slctr-row1>.slctr-content {
    margin-left: 75px
}

.slctr-row1.is-active>.slctr-content,
.slctr-row2.is-active>.slctr-content {
    max-height: 10000px;
    transition: max-height .9s
}

.slctr-row1>.slctr-header:after {
    height: 2px;
    background: #fed02f;
    bottom: -2px;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    opacity: 0
}

.slctr-row1>.slctr-header {
    padding-left: 60px
}

.slctr-row1.is-active>.slctr-header:after {
    opacity: 1
}

.slctr-row1>.slctr-header:before {
    position: absolute;
    display: block;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, .1);
    width: 20px;
    height: 20px;
    line-height: 24px;
    text-align: center;
    font-size: 18px;
    color: rgba(0, 0, 0, .1);
    content: '+';
    font-weight: 400;
    left: 20px;
    top: 50%;
    margin-top: -11px
}

.slctr-row1.is-active>.slctr-header:before {
    content: '–';
    color: #fed02f;
    line-height: 23px;
    border-color: #fed02f
}

.is-android .topCustoms-button:after,
.nSingle ul.bulletsInside li:before,
.saveDemo-description:after,
.saveDemo-item:after,
.sdItem-photo:after,
.sdType-pdf:after,
.sdType-photos:after,
.sdTypes-row:after {
    content: ' '
}

.slctr-row2 .slctr-header {
    margin-bottom: -1px;
    position: relative;
    font-size: 24px;
    line-height: 1.1667em;
    padding: 40px 0;
    border-top: 0;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 300;
    cursor: pointer
}

.slctr-row2 {
    position: relative
}

.slctr-row1 .cRow-info {
    left: 0
}

.slctr-row1 .cRow-sbrand {
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 4px
}

.slctr-cnt {
    padding-bottom: 60px
}

.slctr-cnt .cRow {
    border-bottom: 0
}

@media (min-width:1024px) {
    .slctr .swiper-container,
    .slctr .swiper-wrapper {
        flex-wrap: wrap
    }
}

@media (max-width:1024px) {
    .slctr-row1>.slctr-content {
        margin-left: 60px
    }
    .slctr-row2 .slctr-header {
        font-size: 24px;
        line-height: 28px;
        padding-left: 20px
    }
    .slctr-row2 .slctr-content {
        padding-left: 20px
    }
    .slctr-row1>.slctr-header {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 40px
    }
    .slctr-row1>.slctr-header:before {
        left: 0
    }
}

@media (max-width:880px) {
    .slctr-about,
    .slctr-group {
        padding-left: 0;
        margin-left: 0;
        margin-right: 0
    }
    .slctr-cnt,
    .slctr-col {
        padding-bottom: 20px
    }
    .slctr-col {
        width: 48%;
        padding-right: 2%;
        max-width: 320px;
        padding-top: 0
    }
    .slctr-group {
        margin-bottom: 30px;
        padding-right: 0
    }
    .slctr-col+.slctr-line {
        vertical-align: top;
        margin-top: 23px;
        width: 48%;
        margin-right: 0;
        padding-right: 2%;
        max-width: 320px
    }
    .slctr-col+.slctr-line .button {
        padding-left: 0;
        padding-right: 0;
        width: auto;
        display: block;
        text-align: center
    }
    .slctr-about {
        padding-right: 0
    }
    .slctr-about .button {
        display: block;
        max-width: 280px;
        margin-top: 20px;
        position: relative;
        right: auto;
        top: auto
    }
    .slctr-group+.slctr-col {
        z-index: 100
    }
}

@media (max-width:720px) {
    .slctr-row1>.slctr-content {
        margin-left: 0
    }
    .slctr-row2>.slctr-header {
        font-size: 20px;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (max-width:640px) {
    .slctr .cRow-category {
        padding-top: 15px
    }
    .slctr .cRow-code {
        bottom: -5px;
        top: auto
    }
    .slctr-row1>.slctr-header {
        font-size: 16px;
        padding: 20px 50px 20px 10px
    }
    .slctr-row1>.slctr-header:before {
        right: 10px;
        left: auto
    }
    .slctr-row2>.slctr-header {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 20px;
        font-family: PFBeauSansPro, Arial, arial, sans-serif
    }
    .slctr-row2 .slctr-content {
        padding-left: 0
    }
    .slctr-cnt .cRow {
        padding-left: 20px;
        padding-right: 20px
    }
    .slctr-col {
        display: block;
        width: auto;
        padding-right: 0;
        margin-right: auto;
        max-width: 100%
    }
    .slctr-info {
        padding: 25px 0 20px
    }
    .slctr-group {
        padding-bottom: 10px
    }
    .slctr-group+.slctr-col {
        margin-top: 20px
    }
    .slctr-line {
        display: block;
        width: auto!important;
        margin: 0 auto!important;
        padding: 0!important;
        max-width: 100%!important;
        text-align: center
    }
    .slctr-clear {
        margin: 25px auto 15px;
        display: inline-block
    }
    .slctr-call {
        text-align: left
    }
    .slctr-about .button {
        margin: 15px auto 0
    }
    .slctr-about {
        padding-top: 20px
    }
    .slctr-group+.slctr-col+.slctr-col {
        z-index: 96
    }
    .slctr-cnt:not(:empty) {
        margin-bottom: 30px
    }
}

@media (max-width:540px) {
    .slctr .inside {
        padding: 0 10px
    }
}

.slctr-row1:first-child {
    border-top: 2px solid #fed02f
}

.slctr .customSelect-arrow {
    margin-top: -2px;
    -webkit-transition: right .1s, -webkit-transform .1s;
    transition: right .1s, transform .1s
}

.slctr .customSelect.is-active .customSelect-arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 14px
}

.catalog-filter {
    overflow: hidden
}

@media (min-width:780px) {
    .catalog-filter:after {
        content: ' ';
        display: block;
        background: #fff;
        width: 100%;
        height: 20px;
        bottom: 0;
        position: absolute
    }
}

.sSert-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    overflow: hidden;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

.sSert-image img {
    max-width: 100%;
    height: auto;
    width: Auto;
    max-height: 100%;
    display: flex;
    align-self: center
}

.prod-addition--tablet {
    display: none
}

@media (min-width:700px) and (max-width:900px) {
    .prod-addition {
        display: none
    }
    .prod-addition--tablet {
        display: block;
        clear: both;
        margin-top: 20px;
        border: 0;
        text-align: center
    }
    .prod-addition--tablet .mItem-content {
        text-align: left
    }
    .prod-addition--tablet .mItem-title {
        font-weight: 400
    }
    .prod-addition--tablet .prodsmore-title {
        text-align: center
    }
    .prod-addition--tablet .prodsinf .prodsmore {
        margin: 0 auto
    }
    .prod-col--2 {
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
}

@media (max-width:700px) {
    .prod-addition .prodsmore-big,
    .prod-addition .prodsmore-small,
    .prod-addition .prodsmore-title {
        text-align: center!important
    }
}

@media (max-width:660px) {
    .prod-addition--tablet {
        display: none!important
    }
}

.prodsblock-specials a,
a .prodsblock-for {
    color: #000;
    text-decoration: none
}

.prodsblock-specials a:hover,
a:hover .prodsblock-for {
    color: #fdcf43
}

.raceTable-activePointer {
    position: absolute;
    left: -100000px;
    right: -100000px;
    height: 30px;
    background: #dfe5ea;
    z-index: 5
}

.aRaces-cnt,
.slctr-nocontent {
    position: relative
}

.raceTable {
    z-index: 10
}

.slctr-nocontent {
    border-top: 2px solid #ffd130;
    border-bottom: 2px solid #ffd130;
    padding: 40px 0 38px;
    margin: -50px 0 60px;
    display: none;
    font-size: 18px;
    text-align: center
}

.slctr-nocontent.is-active {
    display: block
}

@media (max-width:1024px) {
    .slctr-nocontent {
        padding-top: 30px;
        padding-bottom: 28px
    }
}

@media (max-width:640px) {
    .slctr-nocontent {
        padding-top: 20px;
        padding-bottom: 18px;
        font-size: 16px;
        margin: -20px 0 60px
    }
}

.uc {
    height: 620px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center
}

.uc-logo {
    display: inline-block
}

.uc-situation {
    height: 200px;
    border-bottom: 1px dashed #d9d9d9;
    background: url(/local/templates/main-rosneft/../images/under-construction.png) center bottom no-repeat;
    margin-top: 100px
}

.uc-text {
    font-size: 28px;
    font-weight: 300;
    padding: 50px 0 0
}

.uc-text .yellow {
    color: #ffd30b
}

@media (max-height:700px) {
    .uc {
        height: 460px
    }
    .uc-situation {
        margin-top: 60px
    }
}

@media (max-height:550px) {
    .uc {
        height: 380px
    }
    .uc-situation {
        margin-top: 20px
    }
    .uc-text {
        padding-top: 30px
    }
}

@media (max-height:500px) {
    .uc-situation {
        display: none
    }
    .uc {
        height: 240px
    }
    .uc-text {
        padding-top: 60px
    }
}

@media (max-width:540px) {
    .uc-text {
        max-width: 320px;
        margin: 0 auto
    }
}

.cProds-ttl {
    color: rgba(0, 0, 0, .8);
    transition: transform .2s
}

.cProds-item:hover .cProds-ttl {
    transform: translateY(-20px)
}

@media (max-width:1024px) {
    .promoslider,
    .promoslider .fotorama__html,
    .promoslider .fotorama__stage,
    .promoslider .fotorama__stage__shaft,
    .promoslider .fotorama__wrap,
    .promoslider-slide {
        height: 400px!important
    }
    .promoslider-content {
        padding: 45px 0 0 335px
    }
}

@media (max-width:768px) {
    .promoslider,
    .promoslider .fotorama__html,
    .promoslider .fotorama__stage,
    .promoslider .fotorama__stage__shaft,
    .promoslider .fotorama__wrap,
    .promoslider-slide {
        height: 340px!important
    }
    .promoslider-content {
        padding-left: 50px;
        padding-top: 40px
    }
    .lpro .promoslider-content {
        padding-top: 100px
    }
    .prod-proditem {
        margin-top: 10px!important;
        transform: none!important
    }
    .bannersMain,
    .prod:after {
        clear: both
    }
    .prod .prod-col--1 {
        float: left;
        position: relative
    }
    .promoslider-nav {
        left: 63px;
        margin-left: auto
    }
}

@media (max-width:640px) {
    .uc-text {
        font-size: 24px;
        line-height: 26px
    }
    .prod .prod-col--1 {
        margin-right: 20px
    }
}

@media (max-width:540px) {
    .prod .prod-col--1 {
        display: block;
        float: none;
        margin: 0 auto
    }
    .promoslider,
    .promoslider .fotorama__html,
    .promoslider .fotorama__stage,
    .promoslider .fotorama__stage__shaft,
    .promoslider .fotorama__wrap,
    .promoslider-slide {
        height: 260px!important
    }
    .promoslider-nav {
        display: none!important
    }
    .lpro .promoslider-content,
    .promoslider-content {
        padding-left: 0;
        padding-top: 25px
    }
    .promoslider-title {
        padding-bottom: 15px
    }
}

@media (max-width:720px) {
    .promoslider-nav {
        left: 0;
        right: 0;
        margin: auto;
        text-align: center
    }
}

.ie .topCustoms-ask i {
    line-height: 20px
}

.ie .topCustoms-button {
    padding-top: 14px;
    padding-bottom: 13px
}

.ie .breadcrumbs-home:before {
    margin-top: -7px
}

.ie .breadcrumbs-item:after {
    margin-top: -6px
}

.ie .gZoom-plus {
    line-height: 43px
}

.ie10 .fct-item,
.ie8 .fct-item,
.ie9 .fct-item {
    display: inline-block
}

.ie .prod-buttons .button:after,
.ie .prod-buttons .button:before {
    margin-top: 7px
}

.ie .gSelect-clear {
    line-height: 14px
}

.ie .prod-buttons .button {
    padding-top: 10px;
    padding-bottom: 10px
}

@media (min-width:960px) {
    .ie .mFilter-link {
        line-height: 37px
    }
    .ie .cSector-title:before {
        line-height: 44px
    }
}

@media (min-width:900px) {
    .lpro-left+.lpro-cnt h1 {
        font-size: 42px
    }
}

.mainpage .promoslider-nav {
    display: none!important
}

.mainmenu .wholesite-link {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase
}

.nMain-source {
    display: inline-block
}

.nItem a {
    color: #000
}

.nItem-source a,
.nMain-source a {
    color: #074da8;
    text-decoration: underline
}

.nItem-source span,
.nMain-source span {
    color: #074da8
}

.nItem-source a:hover,
.nMain-source a:hover {
    color: #fed02f
}

.nItem-source {
    margin: 10px 0 -5px
}

.nItem-tags {
    display: block
}

.nItem-date,
.nMain-date {
    color: #212121
}

.nItem-image+.nItem-content {
    margin-left: 0
}

.nItem-image+.nItem-content .nItem-header {
    margin-left: 28%;
    display: block
}

.newsAs .nItem-image+.nItem-content .nItem-header {
    margin-left: 0
}

.newsAs .nItem-tags {
    display: inline-block
}

@media (max-width:640px) {
    .nItem-image+.nItem-content .nItem-header {
        margin-left: 75px
    }
}

.catalog-buttons .button {
    height: 70px;
    line-height: 54px;
    box-sizing: border-box
}

.catalog-buttons .button--rightar:after {
    margin-top: 22px
}

.button--olys,
.catalog-buttons .button.button--olys {
    margin-top: 10px;
    text-align: left;
    line-height: normal;
    height: 70px!important;
    max-height: 70px;
    box-sizing: border-box
}

.button--olys span,
.catalog-buttons .button.button--olys span {
    max-width: 200px;
    margin: 0 auto;
    text-align: left
}

.button--olys:after,
.catalog-buttons .button.button--olys:after {
    position: absolute;
    top: 0;
    right: 30px;
    margin-top: 23px
}

.button--olys span:last-child {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    line-height: 12px;
    height: 12px;
    text-transform: none;
    display: block
}

.button--olys span:first-child {
    padding-top: 10px;
    display: block;
    color: #212121!important
}

@media (max-width:780px) {
    .catalog-buttons {
        max-width: 320px!important;
        margin: 0 auto!important
    }
}

@media (min-width:767px) {
    .catalog-button--mobile {
        display: none!important
    }
}

@media (max-width:767px) {
    .catalog-button--mobile {
        display: block!important
    }
    .customSelect-under {
        text-align: left
    }
    .catalog-buttons .customSelect {
        text-align: left;
        display: block
    }
}

.prodsmore .button--olys {
    min-width: 278px;
    padding-top: 8px;
    margin-top: -5px
}

.prodsmore .button--olys span:first-child {
    font-size: 18px
}

.prodsinf .prodsmore-title {
    margin-bottom: 20px
}

@media (min-width:780px) {
    .cSecListList-cnt {
        padding-left: 40px
    }
    .cSecListList-hdr {
        font-size: 21px
    }
}

.customSelect-under {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    line-height: 12px;
    height: 12px;
    text-transform: none;
    display: block
}

.customSelect--yellow,
.prod .prodsmore-select .customSelect {
    padding: 27px 45px 23px 25px
}

.prod .prodsmore-select .customSelect {
    padding-right: 50px
}

.prod .customSelect {
    padding-right: 20px
}

.customSelect--yellow .customSelect-arrow,
.prod .customSelect .customSelect-arrow {
    position: absolute;
    right: 25px;
    transform: rotate(-90deg)!important;
    background-position: 0 0!important
}

.print .button,
.print-fot {
    right: 0;
    position: absolute
}

.customSelect--yellow .customSelect-listtitle,
.prod .customSelect .customSelect-listtitle {
    opacity: .5;
    z-index: 5;
    height: 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 40px
}

.customSelect--yellow .customSelect-list:before,
.prod .customSelect .customSelect-list:before {
    height: 18px
}

.js-open-wrapper .prodsmore {
    max-width: 600px
}

.prodsmore-select {
    top: 20px
}

.customSelect--yellow .customSelect-arrow,
.prod .customSelect .customSelect-arrow {
    top: 26px
}

.customSelect--yellow.is-active .customSelect-arrow,
.prod .customSelect.is-active .customSelect-arrow {
    transform: rotate(0)
}

.prodsinf--short .prodsmore-title {
    margin-right: 20px
}

.prodsinf--short .prodsmore-title+.customSelect {
    margin-top: -10px!important
}

.customSelect--yellow .customSelect-arrow {
    top: 29px
}

.nMain-more {
    display: block;
    margin-top: 5px
}

.nMain-more:hover {
    color: #fdcf43
}

.print {
    position: relative;
    width: 1180px;
    margin: 0 auto;
    padding-top: 35px
}

.print-body {
    background: url(/local/templates/main-rosneft/../images/fot.png) bottom center no-repeat;
    background-size: 100% auto;
    height: auto;
    padding-bottom: 369px
}

@media print {
    .print {
        height: 1430px;
        background: url(/local/templates/main-rosneft/../images/fot.png) bottom center no-repeat;
        background-size: 95% auto
    }
    .print-body {
        background: 0 0;
        padding-bottom: 0!important
    }
}

.print,
.print * {
    font-family: Arial, sans-serif!important
}

.print h1 {
    font-size: 32px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    display: block;
    color: #000;
    padding-bottom: 60px
}

.print .gList-addresses {
    width: 100%!important;
    max-width: 110%!important;
    margin: 0!important
}

.print-center {
    margin: 0 auto;
    overflow: hidden;
    width: 1000px
}

.print .gList-cont,
.print .gList-label,
.print .gList-phone {
    max-width: 280px;
    font-size: 15px
}

.print .gList-cont {
    line-height: 22px;
    color: #000
}

.print .gList-label {
    font-size: 13px
}

.print .gList-phone {
    font-size: 28px
}

.print .gList-addr {
    margin-bottom: 0
}

.print .gList-col {
    padding-bottom: 100px;
    margin: 0 -4px 0 0!important;
    display: inline-block!important;
    width: 30%!important;
    padding-right: 3%!important
}

.popup-texts p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 20px;
    color: #424242
}

.popup-texts a:hover {
    color: #fdcf43
}

.lpro-image {
    max-width: 250px;
    margin-right: 0;
    padding-right: 0
}

.lpro-image+.nSingle-content {
    margin-left: 0
}

.lpro-image+.nSingle-content.nSingle-content--marg {
    margin-left: 250px
}

.nSingle-content--marg .customSelect--yellow {
    padding-top: 22px;
    padding-bottom: 21px
}

.lpro-image img {
    position: relative;
    max-width: 220px;
    width: 100%;
    height: auto
}

@media (max-width:640px) {
    .lpro-image {
        display: block;
        float: none;
        margin: 0 auto
    }
}

.contentArea ul.bulletsInside li:before,
.nSingle ul.bulletsInside li:before {
    left: 0;
    top: 8px;
    margin-left: -2px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    border-radius: 50%;
    margin-bottom: 10px
}

.nSingle ul.bulletsInside li:before {
    background: #fddf52;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .cFor-title {
        opacity: .5
    }
    .cFor-col:hover .cFor-title,
    .is-active .cFor-title {
        opacity: 1
    }
    .contentArea ul li,
    .contentArea ul.bulletsInside,
    .nSingle ul li,
    .nSingle ul.bulletsInside {
        font-size: 16px
    }
}

.gList-icn {
    width: 20px;
    height: 25px;
    position: absolute;
    display: block;
    top: -3px;
    left: -30px
}

.print-fot {
    display: none;
    left: 0;
    margin: 0 auto;
    width: 1100px;
    bottom: 0
}

.print .button {
    width: 266px;
    height: 80px;
    font-size: 18px;
    font-weight: 500;
    box-sizing: border-box;
    left: 50%;
    margin-left: 200px;
    line-height: 53px;
    top: 25px
}

@page {
    size: A4;
    margin: 0
}

@page: left {
    margin: 0!important;
    padding: 0!important
}

@page: right {
    margin: 0!important;
    padding: 0!important
}

@page: first {
    margin: 0!important;
    padding: 0!important
}

@media print {
    .print,
    body,
    html {
        padding: 0!important
    }
    .print .button,
    .print .gList-col:before {
        display: none!important
    }
    body,
    html {
        width: 210mm;
        height: 297mm;
        margin: 0!important
    }
    .print {
        page-break-before: always;
        width: 22cm!important;
        margin: 0 auto!important;
        box-sizing: border-box!important;
        height: 28.4cm!important;
        position: relative;
        overflow: hidden;
        background: 0 0!important
    }
    .print-center {
        width: 19cm!important
    }
    .print h1 {
        padding: 50px 0 10px;
        font-size: 26px;
        line-height: 32px;
        margin: 0!important
    }
    .print .gList-cont {
        margin-right: -10px!important;
        font-size: 12px!important;
        line-height: 18px;
        color: #000
    }
    .print .gList-col {
        padding-bottom: 55px
    }
    .gList-icn,
    .print-fot {
        display: block;
        position: absolute
    }
    .gList-icn {
        width: 20px;
        height: 25px;
        top: -3px;
        left: -30px
    }
    .print .gList-label {
        font-size: 10px!important;
        padding-top: 10px!important;
        line-height: 14px!important
    }
    .print .gList-phone {
        font-size: 20px!important
    }
    .print-fot {
        height: auto;
        left: auto!important;
        right: 0!important;
        bottom: 0;
        width: 22cm!important;
        margin: 0 auto!important
    }
}

@media (max-width:540px) {
    .partners .swiper-slide {
        text-align: center
    }
}

.is-android .marketing-hdr .mFilter-arrows {
    display: none!important
}

.is-android * {
    text-shadow: none
}

.is-android .swiper-slide.cProds-prod {
    display: inline-block!important;
    flex: none
}

@media (max-width:768px) {
    .cProds-link {
        display: none!important
    }
    .cProds-code {
        transform: none!important
    }
}

@media (min-width:980px) {
    .gSelect-val {
        max-width: 100%
    }
}

.prAct--disabled {
    color: rgba(0, 0, 0, .6)!important
}

.popup-caption {
    margin-right: 25px
}

.cMapInfo-row {
    margin-right: 20px
}

.gZoom-plus {
    line-height: 42px;
    text-indent: 1px
}

@media (max-width:767px) {
    .ctlg .prodsblock-col:nth-child(3) .prodsblock-for:after,
    .ctlg .prodsblock-for:after {
        line-height: 38px
    }
    .ctlg .is-active .prodsblock-for:after,
    .ctlg .prodsblock-col:nth-child(3).is-active .prodsblock-for:after {
        line-height: 36px
    }
    .catalog-buttons .customSelect {
        padding-left: 20px
    }
}

@media (max-width:640px) {
    .lpro-image+.nSingle-content.nSingle-content--marg {
        margin-left: 0
    }
    .footer-wholesite .wholesite-burger {
        margin-right: 4px;
        margin-top: 2px
    }
    .catalog-chk .chk-left,
    .catalog-chk .chk-right {
        width: 34%
    }
    .nSingle-content>ul>li {
        font-size: 16px;
        line-height: 28px
    }
}

.is-android .topCustoms-button {
    background-image: none
}

.is-android .topCustoms-button:after {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    width: 7px;
    height: 9px;
    margin: 4px 0 0 5px;
    background: url(/local/templates/main-rosneft/../images/main/i-arrow-right.png) center no-repeat;
    background-size: 7px 9px;
    position: absolute
}

.is-android .partners-slider .swiper-slide {
    display: inline-block!important;
    flex: none;
    vertical-align: middle
}

.nQuote ul li:before {
    top: 9px
}

.media .mFilter-arrows {
    display: none
}

.andoid .lSearch-input::-webkit-input-placeholder {
    text-indent: 45px!important
}

.andoid .lSearch-input:-moz-placeholder {
    text-indent: 45px!important
}

.andoid .lSearch-input::-moz-placeholder {
    text-indent: 45px!important
}

.andoid .lSearch-input:-ms-input-placeholder {
    text-indent: 45px!important
}

.android .parnters-slider .swiper-slide {
    display: inline-block!important;
    flex: none
}

@media (max-width:620px) {
    .android .swiper-slide.cProds-prod {
        width: 100%!important;
        text-align: center
    }
}

.is-visible-huge {
    position: absolute;
    left: 0;
    top: 100%;
    height: 60px;
    padding-top: 10px;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    padding-right: 86px;
    background: #fff;
    display: none
}

.saveDemo,
.saveDemo-image,
.saveDemo-main {
    position: relative
}

.is-visible-huge.is-active {
    display: block
}

@media (max-width:540px) {
    .cHdr-logo img {
        height: auto;
        margin: auto;
        vertical-align: middle;
        display: inline-block
    }
    .cHdr-logo {
        line-height: 45px
    }
    .nSingle-content>ul>li {
        font-size: 14px;
        line-height: 22px
    }
    .cMapInfo-addressLinks .cMapInfo-row {
        padding-right: 0;
        margin-right: 0
    }
    .cMapInfo-addressLinks .cMapInfo-row a {
        text-decoration: underline
    }
    .nFilter-tags.is-active .nFilter-sttmnt {
        max-height: 250px
    }
    .cMapInfo-row a {
        white-space: nowrap
    }
}

.saveDemo-hdr {
    padding: 15px 20px 0
}

.saveDemo-content .nSingle-content {
    padding: 0 20px
}

.saveDemo-main {
    padding: 20px;
    border: 1px solid #e5e5e5
}

.saveDemo-image {
    display: block;
    text-align: center;
    line-height: 0
}

.saveDemo-image img {
    display: none
}

.saveDemo-image img.is-active {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

.saveDemo-controls {
    position: relative;
    display: block;
    text-align: center;
    max-width: 310px;
    z-index: 10;
    margin: 15px auto
}

.saveDemo-controls:after,
.saveDemo-controls:before {
    left: 60px;
    height: 10px;
    top: 50%;
    margin-top: -8px;
    width: 1px;
    background: #cdcdcd;
    position: absolute;
    display: block;
    content: ' '
}

.saveDemo-controls:after {
    left: auto;
    right: 60px
}

.saveDemo-controlsLabel {
    font-size: 24px;
    padding: 16px 0
}

.saveDemo-rightar {
    background: url(/local/templates/main-rosneft/../images/saveDemo/i-ar-1.png) right center/17px auto no-repeat;
    right: 0
}

.saveDemo-leftar {
    right: 0;
    background: url(/local/templates/main-rosneft/../images/saveDemo/i-ar-2.png) left center/17px auto no-repeat;
    left: 5px
}

.saveDemo-leftar,
.saveDemo-rightar {
    opacity: .3;
    cursor: pointer;
    position: absolute;
    width: 60px;
    height: 22px;
    top: 1px;
    -webkit-user-select: none;
    user-select: none
}

.saveDemo-leftar:hover,
.saveDemo-rightar:hover {
    opacity: .6
}

.saveDemo-wrapper {
    position: relative;
    display: inline-block;
    max-width: 270px
}

.saveDemo-dot {
    position: absolute;
    background: #fed02f;
    color: #000;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    width: 30px;
    line-height: 34px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .25)
}

.sdItem,
.sdItem-number {
    color: #000;
    font-size: 14px;
    font-weight: 300
}

.saveDemo-description {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 0;
    min-height: 470px;
    text-align: justify;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width:1000px) {
    .saveDemo-wrapper {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .saveDemo-description--tnk .sdItem:first-child {
        padding-top: 15px;
        margin-bottom: -10px
    }
    .sdItem-txt--wide {
        margin-top: -20px
    }
}

.saveDemo-description:after {
    display: inline-block;
    width: 100%
}

.saveDemo-col {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 30%;
    text-align: left;
    max-width: 290px
}

.saveDemo-item {
    position: relative;
    padding: 50px 0 40px
}

.saveDemo-item:after {
    position: absolute;
    bottom: 0;
    left: 25px;
    height: 1px;
    background: #ccc;
    right: 0;
    display: block
}

.saveDemo-item:last-child:after {
    display: none
}

.sdItem-photo:after,
.sdTypes-row:after {
    display: block
}

.sdItem {
    line-height: 20px
}

.sdItem-txt {
    margin-left: 100px
}

.sdItem-txt--wide {
    margin-right: -35px
}

.sdItem-number,
.sdItem-photo {
    position: absolute;
    margin-top: -40px;
    box-sizing: border-box
}

.sdItem-photo {
    width: 80px;
    height: 80px;
    left: 0;
    border-radius: 50%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .25);
    overflow: hidden;
    top: 50%;
    z-index: 6
}

.sdItem-photo--under {
    z-index: 5;
    transform: translateY(-10px)
}

.sdItem-photo:after {
    position: absolute;
    border: 1px solid #fed02f;
    border-radius: 50%;
    left: 5px;
    right: 5px;
    bottom: 5px;
    top: 5px
}

.sdItem-photo img {
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

.sdItem-number {
    background: #fed02f;
    text-align: center;
    width: 20px;
    z-index: 10;
    top: 50%;
    border-radius: 50%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
    line-height: 0;
    padding: 11px 0 0;
    height: 20px
}

.is-ios .sdItem-number {
    padding-top: 10px
}

.sdTypes {
    position: relative;
    padding: 35px 0 20px
}

.sdTypes.morePadding {
    padding-bottom: 60px
}

.sdTypes-title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    padding-bottom: 40px;
    border-bottom: 2px solid #fed84c;
    padding-left: 20px
}

.sdTypes-content {
    position: relative;
    padding: 16px 0 0
}

.sdTypes-row {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0 10px
}

.sdTypes-row:after {
    position: absolute;
    background: #ccc;
    width: 1px;
    left: 50%;
    margin-left: -5px;
    top: 20px;
    bottom: 20px
}

.sdType,
.sdType-item {
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle
}

.sdType {
    width: 50%
}

.sdType-item {
    max-height: 140px
}

.sdType-volume {
    width: 25%;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    color: rgba(0, 0, 0, .5)
}

.sdType-image {
    width: 28%;
    text-align: center
}

.sdType-image img {
    position: relative;
    vertical-align: middle;
    max-height: 140px;
    max-width: 85%;
    width: auto;
    height: auto
}

.sdType-links {
    width: 32%;
    padding-left: 5%;
    font-size: 12px;
    line-height: 16px
}

.sdType-links li {
    padding: 15px 0 15px 35px
}

.sdType-links a {
    position: relative;
    text-decoration: none;
    border-bottom: 1px solid #bacde5
}

.sdType-pdf:after,
.sdType-photos:after {
    position: absolute;
    left: -40px;
    width: 40px;
    top: 50%;
    display: block
}

.sdType-links a:hover {
    color: #fdcf43;
    border-color: #fdd864
}

.sdType-photos:after {
    background: url(/local/templates/main-rosneft/../images/saveDemo/i-photo.png) no-repeat;
    height: 16px;
    margin-top: -9px
}

.sdType-photos:hover:after {
    background-position: 0 -16px
}

.sdType-pdf:after {
    background: url(/local/templates/main-rosneft/../images/saveDemo/i-pdf.png) 0 0/21px 58px no-repeat;
    height: 28px;
    margin-top: -14px
}

.sdType-pdf:hover:after {
    background-position: 0 -28px
}

@media (max-width:1000px) {
    .saveDemo-col,
    .saveDemo-item:last-child:after {
        display: block
    }
    .saveDemo-main {
        border: 0;
        padding-left: 0;
        padding-right: 0
    }
    .saveDemo-image {
        left: 50%;
        right: 0;
        position: absolute
    }
    .saveDemo-image img {
        max-height: 450px;
        width: auto;
        height: auto
    }
    .saveDemo-description {
        right: auto;
        width: 45%;
        left: 30px;
        top: 0;
        margin: 0;
        transform: none;
        display: block;
        position: relative
    }
    .saveDemo-col {
        width: auto;
        max-width: 320px
    }
    .saveDemo-item {
        padding: 35px 0
    }
    .saveDemo-col:last-child .saveDemo-item:last-child:after {
        display: none
    }
    .sdTypes-title {
        padding-left: 0;
        padding-bottom: 25px
    }
    .sdTypes-row {
        padding-bottom: 20px
    }
    .sdType-links li {
        padding: 10px 0 10px 29px
    }
    .sdTypes-row:after {
        left: 48%
    }
    .sdType-volume {
        text-align: right;
        width: 20%;
        white-space: nowrap
    }
    .saveDemo-hdr {
        padding: 15px 0 0
    }
    .saveDemo-content .nSingle-content {
        padding: 0
    }
}

@media (max-width:1000px) and (min-width:640px) {
    .saveDemo-image {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-width:900px) {
    .saveDemo-description {
        left: 0
    }
}

@media (max-width:800px) {
    .sdItem-number,
    .sdItem-photo {
        margin-top: -30px
    }
    .sdTypes-row:after {
        left: 49%
    }
    .sdType-volume {
        font-size: 18px
    }
    .saveDemo-item {
        padding: 25px 0
    }
    .sdItem-photo {
        width: 60px;
        height: 60px
    }
    .sdItem-txt {
        margin-left: 75px
    }
    .sdType-links {
        width: 48%
    }
    .sdTypes-row {
        padding: 25px 0 20px
    }
}

@media (max-width:640px) {
    .sdType-image,
    .sdType-links,
    .sdType-volume {
        vertical-align: middle
    }
    .sdTypes-row:after {
        display: none
    }
    .saveDemo-image {
        display: block;
        position: relative;
        left: auto;
        right: auto;
        margin: auto;
        width: auto;
        max-width: 300px
    }
    .saveDemo-wrapper {
        min-height: 0
    }
    .saveDemo-description {
        display: block;
        width: auto;
        min-height: 0
    }
    .saveDemo-col {
        max-width: 100%;
        min-height: 50px
    }
    .sdItem {
        min-height: 50px;
        padding: 35px 0
    }
    .sdItem-photo {
        width: 80px;
        height: 80px;
        margin-top: -40px
    }
    .sdItem-txt {
        margin-left: 100px
    }
    .sdTypes-row {
        border: 0;
        padding: 0;
        display: block
    }
    .sdType {
        display: block;
        margin: auto;
        width: auto;
        padding: 15px 0 20px;
        border-bottom: 1px solid #e5e5e5
    }
    .sdType-volume {
        text-align: right;
        width: 18%;
        box-sizing: border-box;
        padding-right: 10px
    }
    .sdType-image {
        width: 34%;
        text-align: center
    }
    .sdType-image img {
        max-width: 70%;
        max-height: 90%;
        height: auto;
        width: auto
    }
    .sdType-links {
        width: 44%
    }
}

@media (max-width:400px) {
    .saveDemo-controls {
        margin: 10px auto
    }
}

.popup--white .popup-caption,
.popup--white .popup-close,
.popup--white .popup-originals a {
    color: #212121!important
}

.popup--white .popup-originals a:hover {
    color: #074da8
}

.overlay--white {
    background: rgba(255, 255, 255, .8)
}

.index-map-wrap {
	width: 100%;
	height: 400px;
}

.xtk_rn_contact{
	position: relative;
    left: 45%;
    display: inline-block;
}

.xtk_rn_address{
	position: relative;
	display: inline-block;
	vertical-align: top;
    left: 30%;
    
}

.rn-catalog{
	margin-bottom: 60px;
}

.rn-contact-wrap{
    margin-bottom: 25px;
    margin-left: 25%;
}

div.rn-contact-wrap span{
    margin: 20px 0px;
}

@media (max-width: 320px){
    .swiper-container{
        left: 60px;
    }
}

.delay {
    transition-delay:250ms;
    transition-property:left;
    left:0px;
}
/* End */
/* /local/templates/main-rosneft/css/external.css?177971702069316 */
/* /local/templates/main-rosneft/css/styles.css?1779717020364988 */
/* /local/templates/main-rosneft/components/bitrix/menu/menu_main/style.min.css?1779717020490 */
/* /local/templates/main-rosneft/components/bitrix/menu/menu_main_whole_site/style.min.css?1779717020586 */
/* /local/templates/main-rosneft/components/bitrix/news.list/slider_main/style.css?1779717020162 */
/* /local/templates/main-rosneft/components/webidea/callback/rn_callback/style.css?17797170201960 */
/* /local/templates/main-rosneft/template_styles.css?1779717016366269 */