/* Start:/local/templates/rols_adaptive/css/owl.carousel.min.css?16218695693351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/rols_adaptive/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/rols_adaptive/css/owl.theme.default.min.css?16218695691013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/rols_adaptive/css/fblock.css?16218695692391*/ /* FBlock */ #fblock_bg{width:100%; height:100%; background:#000; opacity:0.8; top:0; left:0; position:fixed; z-index:9998; display:none;} .fblock_style{z-index:9999; position:fixed; background:#37a1cd; padding:30px 50px; width:550px; top:200px; left:50%; margin:0 0 0 -275px; font-size:16px; display:none;} .fblock_style h3{text-transform:uppercase; color:#fff; font-size:21px; text-align:center; margin:0 0 10px 0; overflow:hidden; padding:0 0 10px 0; font-weight:700;} .fblock_style textarea{width:528px; padding:5px 10px; height:130px; border:1px solid #ccc; margin:5px 0 0 0; border-radius:2px;} .fblock_style .ct_fblock{position:absolute; right:0; top:0; display:block; text-align:center; background:#fff; width:40px; line-height:40px; text-decoration:none; fon-weight:700; color:#37a1cd;} .fblock_style .ct_fblock:hover{color:#fff; background:#52b7e3;} .fblock_style .form__input{width: 100%; height: 55px; border-radius: 3px; border: none; font-size: 15px; color: #acacac; margin:0 0 20px; padding:0 15px;} .fblock_style .form__submit{background: #ff6a2c; display:block; margin:0 auto; padding:0; background: -webkit-gradient(linear,left top,left bottom,from(#ff6a2c),to(#d84410)); background: linear-gradient(to bottom,#ff6a2c 0,#d84410 100%); width:230px; height:62px; border:none; border-radius:3px;text-transform:uppercase; font-weight:900; font-size: 12px; color:#fff; font-family: 'SFUIText-Heavy'; cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;} .fblock_style .form__submit:hover{background: #ff7f2c; background: -webkit-gradient(linear,left top,left bottom,from(#ff7f2c),to(#e44d18)); background: linear-gradient(to bottom,#ff7f2c 0,#e44d18 100%);} .fblock_style .checkbox__item .field__label{color:#fff;} @media(max-width:768px){ .fblock_style{padding:50px 16px 16px !important; width:100% !important; height:100% !important; top:0 !important; left:0 !important; margin:0 !important; overflow-y:auto;} .fblock_style h3{font-size:18px;} .fblock_inp{margin:0; width:100%;} .fblock_style .ct_fblock{top:0; right:0; border-radius:0;} .fblock_style .inp_text{width:100%; display:block; margin:0 0 20px;} .fblock_style .inp_sub{width:100%; margin:20px 0 0;} .fblock_style .input_block{width:100%; margin:20px 0 0;} .fblock_style label{width:100%; margin:0 0 10px;} } /* End */ /* Start:/local/templates/rols_adaptive/css/touchTouch.css?16218695692352*/ /* The gallery overlay */ #galleryOverlay{ width:100%; height:100%; position:fixed; top:0; left:0; opacity:0; z-index:100000; background-color:#222; background-color:rgba(0,0,0,0.8); overflow:hidden; display:none; -moz-transition:opacity 1s ease; -webkit-transition:opacity 1s ease; transition:opacity 1s ease; } /* This class will trigger the animation */ #galleryOverlay.visible{ opacity:1; } #gallerySlider{ height:100%; left:0; top:0; width:100%; white-space: nowrap; position:absolute; -moz-transition:left 0.4s ease; -webkit-transition:left 0.4s ease; transition:left 0.4s ease; } #gallerySlider .placeholder{ background: url("/images/preloader.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width:100%; display:inline-block; } /* The before element moves the * image halfway from the top */ #gallerySlider .placeholder:before{ content: ""; display: inline-block; height: 50%; width: 1px; margin-right:-1px; } #gallerySlider .placeholder img{ display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; } #gallerySlider.rightSpring{ -moz-animation: rightSpring 0.3s; -webkit-animation: rightSpring 0.3s; } #gallerySlider.leftSpring{ -moz-animation: leftSpring 0.3s; -webkit-animation: leftSpring 0.3s; } /* Firefox Keyframe Animations */ @-moz-keyframes rightSpring{ 0%{ margin-left:0px;} 50%{ margin-left:-30px;} 100%{ margin-left:0px;} } @-moz-keyframes leftSpring{ 0%{ margin-left:0px;} 50%{ margin-left:30px;} 100%{ margin-left:0px;} } /* Safari and Chrome Keyframe Animations */ @-webkit-keyframes rightSpring{ 0%{ margin-left:0px;} 50%{ margin-left:-30px;} 100%{ margin-left:0px;} } @-webkit-keyframes leftSpring{ 0%{ margin-left:0px;} 50%{ margin-left:30px;} 100%{ margin-left:0px;} } /* Arrows */ #prevArrow,#nextArrow{ border:none; text-decoration:none; background:url('/images/arrows.png') no-repeat; opacity:0.5; cursor:pointer; position:absolute; width:43px; height:58px; top:50%; margin-top:-29px; -moz-transition:opacity 0.2s ease; -webkit-transition:opacity 0.2s ease; transition:opacity 0.2s ease; } #prevArrow:hover, #nextArrow:hover{ opacity:1; } #prevArrow{ background-position:left top; left:40px; } #nextArrow{ background-position:right top; right:40px; } /* End */ /* Start:/local/templates/rols_adaptive/styles.css?1778224788378*/ .tabs_info_cell{margin-bottom:20px;text-align:center;} .tabs_info_cell span{font-size:13px;} .tabs_info_tip a{width:210px!important; height:220px !important;} .tabs_info_img_a a img{width:106px!important;} .tabs_info_profil a{width: 210px!important;} .tabs_info_p{margin-bottom:0px !important;} .tabs__info{padding-top:20px !important;} .inner__type{padding:0px 0px !important;} /* End */ /* Start:/local/templates/rols_adaptive/template_styles.css?1778224788113777*/ @font-face { font-family: "SFUIText-Regular"; src: url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Regular.eot"); /* IE9 Compat Modes */ src: url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Regular.otf") format("opentype"), /* Open Type Font */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Regular.svg") format("svg"), /* Legacy iOS */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Regular.ttf") format("truetype"), /* Safari, Android, iOS */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Regular.woff") format("woff"), /* Modern Browsers */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Regular.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "SFUIText-Heavy"; src: url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Heavy.eot"); /* IE9 Compat Modes */ src: url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Heavy.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Heavy.otf") format("opentype"), /* Open Type Font */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Heavy.svg") format("svg"), /* Legacy iOS */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Heavy.ttf") format("truetype"), /* Safari, Android, iOS */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Heavy.woff") format("woff"), /* Modern Browsers */ url("/local/templates/rols_adaptive/./fonts/SF-UI-Text-Heavy.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "Exo2.0-ExtraBold"; src: url("/local/templates/rols_adaptive/./fonts/Exo20ExtraBold.eot"); /* IE9 Compat Modes */ src: url("/local/templates/rols_adaptive/./fonts/Exo20ExtraBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/local/templates/rols_adaptive/./fonts/Exo20ExtraBold.otf") format("opentype"), /* Open Type Font */ url("/local/templates/rols_adaptive/./fonts/Exo20ExtraBold.svg") format("svg"), /* Legacy iOS */ url("/local/templates/rols_adaptive/./fonts/Exo20ExtraBold.ttf") format("truetype"), /* Safari, Android, iOS */ url("/local/templates/rols_adaptive/./fonts/Exo20ExtraBold.woff") format("woff"), /* Modern Browsers */ url("/local/templates/rols_adaptive/./fonts/Exo20ExtraBold.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } /* DEFAULT style */ * { margin: 0; padding: 0; box-sizing: border-box } html { cursor: default; min-width: 1140px; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, select, nav, header, footer, main, section, article { margin: 0; padding: 0; } body { font-family: 'SFUIText-Regular', sans-serif; font-size: 14px; color: #333333; line-height: 1.2; font-weight: 200; min-width: 1140px; overflow-x: hidden; } table { border-collapse: collapse; width: 100%; border: 1px solid #d8d8d8; margin: 0 0 20px 0; } td, th { border: 1px solid #d8d8d8; padding: 10px 15px; text-align: left; } h1 { font-size: 32px; margin: 0 0 20px 0; font-family: 'Exo2.0-ExtraBold'; } h2 { font-size: 32px; font-weight: normal; text-align: center; margin: 0 0 20px 0; font-family: 'Exo2.0-ExtraBold'; } h3 { font-size: 22px; margin: 0 0 10px 0; font-weight: normal; } fieldset, img { border: 0; } p { margin: 0 0 10px 0; font-size: 14px; } ul, li { list-style: none; } input, textarea, select { outline: none; background: #fff; } a { color: #333333; cursor: pointer; } a:hover { text-decoration: none; } a:focus { outline: none; } hr { border: none; border-bottom: 1px solid #555; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } button, .btn{ line-height: 43px; color: #fff; font-size: 11px; text-transform: uppercase; font-family: 'Exo2.0-ExtraBold'; border-radius: 3px; background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); text-align: center; text-decoration: none; padding: 0 20px; border: none; letter-spacing: 0.05rem; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } a.btn{ display: inline-block; } button:hover, .btn:hover{ background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } .clear { clear: both; } .hidden { display: none; } .owl-theme .owl-nav [class*=owl-] { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .owl-theme .owl-nav [class*=owl-]:hover { opacity: 0.8; } .owl-theme .owl-nav [class*=owl-]:focus { outline: none; } .owl-theme .owl-dots .owl-dot span { width: 0 !important; } .link_to_back { position: relative; padding-left: 30px; } .link_to_back:before { content: ' '; width: 21px; height: 19px; position: absolute; left: 0; top: 0; background: url(/local/templates/rols_adaptive/./images/icons/link.png) center top no-repeat; } /* Position Images */ .img_right { float: right; margin: 0 0 10px 15px; } .img_left { float: left; margin: 0 15px 10px 0; } /*Header*/ header { display: flex; justify-content: center; flex-wrap: wrap; position: relative; height: 146px; } /* MyCorrect */ .header-topline { display: flex; width: 1140px; height: 55px; justify-content: space-between; padding: 20px 0 0; } .topline__add { display: inline-flex; width: 120px; position: relative; font-size: 14px; width: 120px; } .topline__add a { text-decoration: none; } .add__menu { position: relative; } .add__menu a { color: #537684; position: relative; } .add__menu a:after { position: absolute; top: 5px; right: -20px; content: ' '; width: 10px; height: 6px; background: url(/local/templates/rols_adaptive/./images/icons/arrow.png) center right no-repeat; } .add__submenu { width: 390px; background: #f1f5f6; padding: 20px 15px 20px 38px; position: absolute; top: 45px; left: 0; line-height: 25px; visibility: hidden; opacity: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .add__submenu.active { visibility: visible; opacity: 1; top: 35px; z-index: 7; } .add__submenu:before { position: absolute; top: -22px; left: 45px; content: ' '; border: 9px solid transparent; border-bottom: 13px solid #f1f5f6; } .add__submenu a { color: #0e2f56; position: relative; } .add__submenu a:before { position: absolute; top: -2px; left: -20px; content: ' '; width: 14px; height: 18px; background: url(/local/templates/rols_adaptive/./images/icons/add.png) center left no-repeat } .add__submenu a:after { background: none; } .topline__menu-left ul { display: inline-flex; width: 292px; justify-content: space-between; list-style: none; } .topline__menu-left li a { text-decoration: none; font-size: 14px; color: #252525; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .topline__menu-left li a:hover { color: #537684; } .topline__menu-right ul { display: inline-flex; width: 297px; justify-content: space-between; list-style: none; } .topline__menu-right li a { text-decoration: none; font-size: 14px; color: #537684; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .topline__menu-right li a:hover { color: #252525; } .topline-form { position: relative; } .topline__search { display: inline-flex; width: 228px; height: 37px; box-sizing: border-box; position: relative; margin-top: -12px; } .topline-form__text { padding: 0 0 0 18px; width: 228px; height: 37px; border: none; background: #f7f7f7; border-radius: 5px; font-size: 13px; color: #959595; } .topline-form__text::placeholder { color: #959595; } .topline-form__right { background: #ff522c; position: absolute; width: 45px; height: 36px; top: 0; right: 0; border-radius: 5px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .topline-form__right:hover { opacity: 0.8; } .topline-form__img { position: absolute; top: 10px; right: 14px; width: 17px; height: 17px; background: #ff522c; } .header__middle { display: flex; width: 100%; padding: 20px 0 5px; justify-content: center; position: relative; border-top: 1px solid #ebebeb; z-index: 6; background: #fff; } .header__middle.fixed { position: fixed; top: 0; border-bottom: 1px solid #ebebeb; } /* MyCorrect */ .middle__inner { display: flex; justify-content: space-between; width: 1140px; height: 65px; } .middle__katalog { position: absolute; left: 40px; top: 0; padding-top: 22px; display: none; } .header__middle.fixed .middle__katalog { display: block; } .m-katalog__mobile{display: none;} .middle__katalog p a { text-transform: uppercase; font-size: 13px; font-weight: 700; color: #0e2f56; margin-top: 18px; display: block; } .middle__katalog_but { display: flex; flex-direction: row; margin-bottom: 22px; height: 46px; } .middle__katalog_menu { display: none; padding: 35px; background: #0e2f56; } .middle__katalog_menu ul { list-style: none; } .middle__katalog_menu > ul > li > a { display: block; color: #fff; text-decoration: none; margin-bottom: 25px; font-size: 15px; font-weight: 800; } .middle__katalog_menu > ul > li > ul > li > a { display: block; color: #fff; text-decoration: none; margin-bottom: 15px; font-size: 14px; padding-left: 32px; color: #37a1cd; position: relative; } .middle__katalog_menu > ul > li > ul > li > a:before { content: '-'; width: 5px; height: 2px; position: absolute; top: 0; left: 21px; } .katalog__burger { background: #37a1cd; width: 46px; height: 46px; border-radius: 50%; position: relative; margin-right: 12px; margin-left: 30px; } .burger__one { width: 18px; height: 2px; background: #fff; display: block; position: absolute; top: 17px; left: 13px; } .burger__two { width: 13px; height: 2px; background: #fff; display: block; position: absolute; top: 22px; left: 13px; } .burger__three { width: 18px; height: 2px; background: #fff; display: block; position: absolute; top: 27px; left: 13px; } .m-katalog__button { display: none; } .m-katalog__menu { display: none; } .middle__katalog.show .middle__katalog_menu { display: block; } .middle__katalog.show { background: #37a1cd; } .middle__katalog.show p a { color: #fff; } .middle__katalog.show .burger__one { transform: rotate(-45deg); top: 25px; } .middle__katalog.show .burger__two { opacity: 0; } .middle__katalog.show .burger__three { transform: rotate(45deg); top: 25px; } .middle-form { position: relative; margin: 7px 0 0 200px; display: none; } .middle__search { display: inline-flex; width: 228px; height: 37px; box-sizing: border-box; position: relative; margin-top: -12px; } .middle-form__text { padding: 0 0 0 18px; width: 228px; height: 37px; border: none; background: #f7f7f7; border-radius: 5px; font-size: 13px; color: #959595; } .middle-form__text::placeholder { color: #959595; } .middle-form__right { background: #ff522c; position: absolute; width: 45px; height: 36px; top: 0; right: 0; border-radius: 5px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .middle-form__right:hover { opacity: 0.8; } .middle-form__img { position: absolute; top: 10px; right: 14px; width: 17px; height: 17px; background: #ff522c; } .header__middle.fixed .middle-form { display: block; } .middle__logo { line-height: 20px; } .middle__logo a { text-decoration: none; } .middle__logo p { font-size: 13px; color: #959595; font-weight: 300; } .header__middle.fixed .middle__logo { display: none; } .middle__calc { display: inline-flex; margin: 7px 0 0 0; width: 143px; height: 40px; } .middle__calc img { width: 39px; height: 40px; margin-right: 12px; } .middle__calc a { text-transform: uppercase; color: #ff522c; font-size: 12px; font-weight: 800; line-height: 20px; text-decoration: underline; font-family: 'SFUIText-Heavy'; } .middle__calc a:hover { text-decoration: none; } .middle__evoke { display: inline-flex; margin: 7px 0 0 0; width: 133px; height: 40px; } .middle__evoke img { width: 39px; height: 39px; margin-right: 12px; } .middle__evoke a { text-transform: uppercase; color: #ff522c; font-size: 11px; font-weight: 800; line-height: 20px; text-decoration: underline; font-family: 'SFUIText-Heavy'; } .middle__evoke a:hover { text-decoration: none; } .middle__time { display: inline-flex; flex-wrap: wrap; margin: 7px 0 0 0; width: 170px; height: 40px; } .middle__time img { width: 42px; height: 41px; margin-right: 12px; } .middle__time p { width: 116px; line-height: 22px; font-size: 13px; color: #252525; } .middle__time p span { color: #959595; } .header__middle.fixed .middle__time { display: none; } .middle__callback { display: inline-flex; width: 266px; height: 40px; flex-wrap: wrap; margin: 7px 0 0 0; font-family: 'SFUIText-Heavy'; } .middle__callback img { width: 41px; height: 41px; margin-right: 15px; } .middle__callback p { line-height: 20px; } .middle__callback p a span { font-size: 18px; font-weight: 800; color: #0e2f56; } .middle__callback a:nth-child(1) { text-decoration: none; } .middle__callback a { text-transform: uppercase; font-size: 11px; color: #ff522c; font-weight: 800; text-decoration: underline; } .middle__callback a:hover { text-decoration: none; } .header__menu { position: absolute; top: 146px; z-index: 7; font-family: 'SFUIText-Heavy'; width: 1140px; } .header__menu ul { display: table; width: 100%; justify-content: space-between; list-style: none; } .header__menu li { display: table-cell; } .header__menu li a { background: #37a1cd; text-align: center; line-height: 60px; display: block; text-transform: uppercase; color: #fff; font-size: 14px; text-decoration: none; padding: 0 50px; border-left: 1px solid #5fb4d7; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .header__menu li a:hover { background: #52b7e3; } .header__menu li { border-left: 1px solid #5fb4d7; } .header__menu li:first-child { border: none; } /*Slider*/ .slider { display: flex; width: 100%; } .slider .owl-prev { position: absolute; left: 40px; top: 38%; text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/arrow_prev.png) center top no-repeat !important; width: 25px; height: 15px; } .slider .owl-next { position: absolute; left: 40px; bottom: 38%; text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/arrow_next.png) center top no-repeat !important; width: 25px; height: 15px; } .slider .owl-dots { position: absolute; left: 51px; top: 45%; display: flex; flex-direction: column; } .slider .owl-dot { text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/slide_dot.png) center top no-repeat !important; width: 14px; height: 15px; margin-bottom: 10px; } .slider .owl-dot span { background: none !important; } .slider .owl-dot.active { text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/slide_dot_active.png) center top no-repeat !important; width: 14px; height: 15px; margin-bottom: 10px; } .slide { background: url(/local/templates/rols_adaptive/./images/slider/slide_1.jpg) center left no-repeat; width: 100%; height: 647px; display: flex; justify-content: center; } .slide__inner { width: 1140px; display: inline-flex; justify-content: space-between; padding: 180px 0 0; } .slide__left { width: 610px; } .slide__title { font-size: 36px; color: #fff; text-transform: uppercase; font-weight: 900; line-height: 50px; margin-bottom: 40px; font-family: 'Exo2.0-ExtraBold'; } .slide__title span { color: #ffffff; } .slide__info { font-size: 15px; color: #ffffff; width: 314px; line-height: 25px; margin-bottom: 55px; } .slide__button a { background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); width: 220px; line-height: 60px; display: block; border-radius: 3px; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: 900; font-size: 12px; font-family: 'SFUIText-Heavy'; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .slide__button a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } .slide__img { position: relative; } .slide__img img { position: relative; z-index: 2; } .slide__img:before { content: ' '; width: 230px; height: 290px; background: url(/local/templates/rols_adaptive/./images/icons/dot.png); position: absolute; bottom: -25%; right: 105%; z-index: 1; } .slide__img:after { content: ' '; width: 500px; height: 230px; background: url(/local/templates/rols_adaptive/./images/icons/dot.png); position: absolute; bottom: 75%; right: -50%; z-index: 1; } /*Sales*/ .sales { display: flex; justify-content: center; flex-wrap: wrap; position: relative; padding: 110px 0 125px; z-index: 2; } .sales__content { width: 1140px; min-height: 425px; position: relative; z-index: 2; } .sales__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .sales__content:before { content: ' '; width: 100%; height: 230px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; bottom: 25px; left: -1160px; z-index: 1; } .sales:after { content: ' '; width: 15%; height: 230px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; bottom: 440px; right: 0; z-index: 1; } .sales__inner { position: relative; } .sales__product { position: absolute; left: 0; width: 100%; margin-left: -780px; z-index: 2; } .product__item { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 20px; font-family: 'SFUIText-Heavy'; } .product__item a { width: 360px; line-height: 100px; text-align: left; padding: 0 0 0 100px; box-sizing: border-box; background: #f1f5f6; color: #0e2f56; font-size: 17px; font-weight: 800; border-radius: 5px; position: relative; } .product__item:hover, .product__item.active { background: #37a1cd; border-radius: 5px; } .product__item:hover a, .product__item.active a { background: none; color: #fff; } .item__rol:before { content: ' '; width: 38px; height: 44px; position: absolute; top: 28px; left: 42px; background: url(/local/templates/rols_adaptive/./images/sales/product_rol.png) center top no-repeat; } .item__rol:hover:before, .product__item.active .item__rol:before, .info__item.active .info__item_title .item__rol:before { content: ' '; width: 38px; height: 44px; position: absolute; top: 28px; left: 42px; background: url(/local/templates/rols_adaptive/./images/sales/product_rol_hover.png) center top no-repeat; } .item__vorota:before { content: ' '; width: 38px; height: 44px; position: absolute; top: 28px; left: 42px; background: url(/local/templates/rols_adaptive/./images/sales/product_vorota.png) center top no-repeat; } .item__vorota:hover:before, .product__item.active .item__vorota:before, .info__item.active .info__item_title .item__vorota:before { content: ' '; width: 38px; height: 44px; position: absolute; top: 28px; left: 42px; background: url(/local/templates/rols_adaptive/./images/sales/product_vorota_hover.png) center top no-repeat; } .item__zhal:before { content: ' '; width: 38px; height: 44px; position: absolute; top: 28px; left: 42px; background: url(/local/templates/rols_adaptive/./images/sales/product_zhal.png) center top no-repeat; } .item__zhal:hover:before, .product__item.active .item__zhal:before, .info__item.active .info__item_title .item__zhal:before { content: ' '; width: 38px; height: 44px; position: absolute; top: 28px; left: 42px; background: url(/local/templates/rols_adaptive/./images/sales/product_zhal_hover.png) center top no-repeat; } .sales__info { padding-left: 425px; } .info__item p { margin-bottom: 13px; font-size: 15px; color: #333333; line-height: 20px; } .info__item .info__item_inner a { display: block; width: 330px; line-height: 60px; text-align: center; text-transform: uppercase; color: #fff; font-size: 13px; font-weight: 700; border-radius: 3px; text-decoration: none; background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); font-family: 'SFUIText-Heavy'; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .info__item .info__item_inner a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } .info__item { display: none; } .info__item.active { display: block; } .info__item_title { display: none; } .info__item_title a { width: 100%; line-height: 65px; box-sizing: border-box; background-color: #f1f5f6; color: #0e2f56; font-size: 17px; font-weight: 800; border-radius: 5px; position: relative; display: block; padding: 0 0 0 65px; } .info__item_title a:hover, .info__item.active .info__item_title a { background-color: #37a1cd; color: #fff; } .inmob:before { top: 10px !important; left: 15px !important; } /*Why*/ .why { display: flex; justify-content: center; flex-wrap: wrap; padding: 95px 0; background: #f1f5f6; position: relative; } .why__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; } .why__top { display: inline-flex; width: 100%; z-index: 2; margin-bottom: 50px; } .why__top_left { margin-right: 15px; } .why__top_right { margin-top: 80px; } .why__top_right p span { font-size: 24px; color: #37a1cd; font-family: 'Exo2.0-ExtraBold'; } .why__top_right p { font-size: 36px; color: #0e2f56; font-family: 'Exo2.0-ExtraBold'; } .why__bottom { display: inline-flex; justify-content: space-between; width: 100%; z-index: 2; } .why__bottom_item { display: inline-flex; justify-content: flex-start; } .item__img { background: #fff; width: 70px; height: 70px; border-radius: 3px; margin-right: 25px; display: flex; justify-content: center; align-items: center; box-shadow: 0 11px 30px 5px rgba(217, 234, 240, 1); } .item__info { width: 230px; } .item__info p span { font-size: 21px; color: #0e2f56; font-family: 'SFUIText-Heavy'; } .item__info p { font-size: 15px; color: #333333; margin-bottom: 20px; line-height: 22px; } .why:after { content: ' '; width: 20%; height: 490px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; bottom: 190px; right: 0; z-index: 1; } /*Solution*/ .solution { display: flex; justify-content: center; flex-wrap: wrap; padding: 110px 0; position: relative; } .solution:before { content: ' '; width: 15%; height: 233px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: 300px; left: 10px; z-index: 1; } .solution:after { content: ' '; width: 15%; height: 233px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: 300px; right: 10px; z-index: 1; } .solution__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .solution__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .solution__content h2:after { content: ' '; width: 727px; height: 8px; background: url(/local/templates/rols_adaptive/./images/icons/dot_grey.png); position: absolute; top: 30px; right: 95px; } .solution__slider { margin-bottom: 90px; } .solution__slider .owl-prev { position: absolute; right: 50px; top: -72px; text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/slide_prev.png) center top no-repeat !important; width: 41px; height: 40px; } .solution__slider .owl-next { position: absolute; right: 0; top: -72px; text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/slide_next.png) center top no-repeat !important; width: 41px; height: 40px; } .solution__slider .owl-stage-outer { height: 470px; padding-top: 10px; padding-left: 12px; margin-top: 20px; } /* MyCorrect */ .s-slide { width: 260px; height: 440px; box-shadow: 0 8px 20px 5px rgba(243, 243, 244, 1); position: relative; background: #fff; } .percent { position: absolute; top: 4%; right: 4%; background: #37a1cd; color: #fff; border-radius: 50%; width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; } .s-slide__img { width: 260px; height: 197px; overflow: hidden; } .s-slide__img img { border-radius: 3px; width: 260px; height: 197px; } .s-slide__bot { padding: 25px 15px; } .s-slide__title { font-size: 14px; color: #0e2f56; text-align: center; // font-family: 'Exo2.0-ExtraBold'; margin-bottom: 15px; } .s-slide__info { display: flex; width: 230px; justify-content: space-between; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ebebeb; } .info__left { display: flex; flex-direction: column; } .info__left p { font-size: 13px; color: #333333; text-transform: uppercase; } .info__right { display: flex; flex-direction: column; } .info__right p { font-size: 13px; color: #252525; text-align: right; text-transform: uppercase; } .s-slide__buy { display: flex; width: 230px; justify-content: space-between; } .buy__left { display: flex; flex-direction: column; } .buy__left strike { font-size: 13px; color: #333333; margin-bottom: 5px; } .buy__left p { font-size: 18px; color: #37a1cd; } .buy__right a { display: block; width: 120px; line-height: 43px; color: #fff; font-size: 11px; text-transform: uppercase; font-family: 'Exo2.0-ExtraBold'; border-radius: 3px; background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); text-align: center; text-decoration: none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .buy__right a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } .solution__blocks { display: inline-flex; justify-content: flex-start; flex-wrap: wrap; width: 1140px; position: relative; } .solution__blocks:before { content: ' '; width: 470px; height: 500px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: 15px; left: -110px; z-index: 1; } .m-solution__blocks { display: none; } .block__left { display: flex; flex-direction: column; flex-wrap: wrap; width: 555px; margin-right: 30px; z-index: 2; } .block__left_top { margin-bottom: 30px; } .block__left_top a { display: inline-flex; flex-wrap: wrap; width: 555px; height: 195px; background: #d7e2f5; text-decoration: none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .block__left_top a:hover { opacity: 0.9; } .block__left_top a img { height: 165px; margin-top: 12px; } .block__left_top a p { padding-left: 35px; width: 170px; font-size: 14px; color: #63afcf; flex-wrap: wrap; margin-top: 75px; margin-right: 25px; line-height: 22px; } .block__left_top a span { font-family: 'SFUIText-Heavy'; font-size: 21px; color: #2b7cb5; } .block__left_bottom { display: inline-flex; justify-content: space-between; width: 555px; } .block__left_bottom_left a { display: block; text-decoration: none; width: 263px; height: 187px; background: #dbeefa; text-align: center; padding-top: 22px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .block__left_bottom_left a:hover { opacity: 0.9; } .block__left_bottom_left a img { margin-bottom: 10px; height: 90px; } .block__left_bottom_left a p { font-size: 14px; color: #63afcf; line-height: 20px; } .block__left_bottom_left a p span { font-family: 'SFUIText-Heavy'; font-size: 21px; color: #2b7cb5; } .block__left_bottom_right a { display: block; text-decoration: none; width: 263px; height: 187px; background: #f1f1f1; text-align: center; padding-top: 22px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .block__left_bottom_right a:hover { opacity: 0.9; } .block__left_bottom_right a img { margin-bottom: 10px; height: 90px; } .block__left_bottom_right a p { font-size: 14px; color: #63afcf; line-height: 20px; } .block__left_bottom_right a p span { font-family: 'SFUIText-Heavy'; font-size: 21px; color: #2b7cb5; } .block__right { display: inline-flex; flex-wrap: wrap; width: 555px; z-index: 2; } .block__right_left a { display: block; text-align: center; text-decoration: none; width: 265px; height: 412px; background: #dbeefa; padding-top: 23px; margin-right: 30px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .block__right_left a:hover { opacity: 0.9; } .block__right_left a img { margin-bottom: 30px; } .block__right_left a p { font-size: 14px; color: #63afcf; line-height: 20px; } .block__right_left a p span { font-family: 'SFUIText-Heavy'; font-size: 21px; color: #2b7cb5; } .block__right_right_top a { display: inline-flex; flex-wrap: wrap; text-decoration: none; background: #f1f1f1; width: 260px; height: 191px; padding-left: 20px; padding-top: 25px; margin-bottom: 30px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .block__right_right_top a:hover { opacity: 0.9; } .block__right_right_top a p { width: 85px; text-align: center; font-size: 14px; color: #63afcf; line-height: 20px; margin-top: 45px; } .block__right_right_top a p span { font-family: 'SFUIText-Heavy'; font-size: 21px; color: #2b7cb5; } .block__right_right_top a img { height: 130px; margin-right: 25px; } .block__right_right_bottom a { display: inline-flex; flex-wrap: wrap; text-decoration: none; background: #d7e2f5; width: 260px; height: 191px; padding-left: 20px; padding-top: 25px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .block__right_right_bottom a:hover { opacity: 0.9; } .block__right_right_bottom a p { width: 85px; text-align: center; font-size: 14px; color: #63afcf; line-height: 20px; margin-top: 45px; } .block__right_right_bottom a p span { font-family: 'SFUIText-Heavy'; font-size: 21px; color: #2b7cb5; } .block__right_right_bottom a img { height: 130px; margin-right: 25px; } .block__bottom { display: flex; width: 1140px; margin-top: 30px; justify-content: space-between; flex-wrap: wrap; flex-direction: row; z-index: 2; } .block__bottom_item a { display: flex; flex-wrap: wrap; text-decoration: none; background: #d7e2f5; width: 360px; height: 191px; padding-left: 20px; padding-top: 25px; position: relative; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .block__bottom_item a:hover { opacity: 0.8; } .block__bottom_item:nth-child(1) a { background: #f1f1f1; } .block__bottom_item:nth-child(2) a { background: #d7e2f5; } .block__bottom_item:nth-child(3) a { background: #dbeefa; } .block__bottom_item a p { width: 230px; text-align: left; font-size: 14px; color: #63afcf; line-height: 20px; } .block__bottom_item a p span { font-family: 'SFUIText-Heavy'; font-size: 21px; color: #2b7cb5; } .block__bottom_item img { position: absolute; top: 20px; right: 30px; } /*Clients*/ .clients { display: flex; justify-content: center; flex-wrap: wrap; padding: 155px 0 140px; position: relative; background: #f1f5f6; overflow: hidden; } .clients__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .clients__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .clients__content h2:after { content: ' '; width: 767px; height: 8px; background: url(/local/templates/rols_adaptive/./images/icons/dot_grey.png); position: absolute; top: 30px; right: 95px; } .clients__content .owl-prev { position: absolute; right: 50px; top: -72px; text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/slide_prev.png) center top no-repeat !important; width: 41px; height: 40px; } .clients__content .owl-next { position: absolute; right: 0; top: -72px; text-indent: -9999px; background: url(/local/templates/rols_adaptive/./images/icons/slide_next.png) center top no-repeat !important; width: 41px; height: 40px; } .clients__content .owl-stage-outer { height: 440px; padding-top: 10px; padding-left: 12px; margin-top: 20px; } .с-slide { width: 264px; height: 86px; background: #fff; border-radius: 3px; text-align: center; box-shadow: 0 8px 30px 0 rgba(218, 234, 240, 1); display: flex; align-items: center; justify-content: center; } .с-slide img { width: 165px !important; display: inline-block !important;; } .clients__slider .owl-stage-outer { height: 125px; } /*Service*/ .service { display: flex; justify-content: center; flex-wrap: wrap; padding: 125px 0 75px; position: relative; overflow: hidden; } .service__content { display: flex; justify-content: center; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .service h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-transform: unset; text-align: center; margin-bottom: 60px; } .service__infoblocks { display: flex; justify-content: space-between; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; flex-direction: row; } .service__content:before { content: ' '; width: 30%; height: 235px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: 20px; left: -260px; z-index: 1; } .service__content:after { content: ' '; width: 21%; height: 510px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: -315px; right: -255px; z-index: 1; } .infoblocks__left { display: inline-flex; justify-content: flex-start; margin-right: 30px; z-index: 2; } .infoblocks__left_left a { display: block; margin-top: 92px; position: relative; width: 262px; height: 376px; margin-right: 30px; overflow: hidden; } .infoblocks__left_left a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 262px; height: 376px; box-shadow: 0 -90px 100px -30px rgba(0, 0, 0, 0.53) inset; } .infoblocks__left_left_text span { text-transform: uppercase; color: #fff; font-size: 18px; font-family: 'SFUIText-Heavy'; text-align: center; display: block; width: 100%; } .infoblocks__left_left_text p { color: #fff; font-size: 14px; text-align: center; position: absolute; top: 40px; opacity: 0; padding: 40px 20px 0 20px; line-height: 20px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__left_left_text { position: absolute; bottom: 0; left: 0; text-decoration: none; width: 100%; height: 80px; padding: 30px 0 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__left_left a:hover .infoblocks__left_left_text { height: 100%; background: #0e2f56; background: rgba(14, 47, 86, 0.7); padding: 40px 0 0; } .infoblocks__left_left a:hover .infoblocks__left_left_text p { opacity: 1; } .infoblocks__left_right_top a { display: block; position: relative; width: 263px; height: 266px; margin-bottom: 30px; overflow: hidden; } .infoblocks__left_right_top a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 263px; height: 266px; box-shadow: 0 -90px 100px -30px rgba(0, 0, 0, 0.53) inset; } .infoblocks__left_right_text span { text-transform: uppercase; color: #fff; font-size: 18px; font-family: 'SFUIText-Heavy'; text-align: center; display: block; width: 100%; } .infoblocks__left_right_text p { color: #fff; font-size: 14px; text-align: center; position: absolute; top: 40px; opacity: 0; padding: 40px 20px 0 20px; line-height: 20px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__left_right_text { position: absolute; bottom: 0; left: 0; text-decoration: none; width: 100%; height: 80px; padding: 30px 0 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__left_right a:hover .infoblocks__left_right_text { height: 100%; background: #0e2f56; background: rgba(14, 47, 86, 0.7); padding: 40px 0 0; } .infoblocks__left_right a:hover .infoblocks__left_right_text p { opacity: 1; } .infoblocks__left_right_bottom a { display: block; position: relative; width: 263px; height: 266px; margin-bottom: 30px; overflow: hidden; } .infoblocks__left_right_bottom a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 263px; height: 266px; box-shadow: 0 -90px 100px -30px rgba(0, 0, 0, 0.53) inset; } .infoblocks__right { display: inline-flex; justify-content: flex-start; z-index: 2; } .infoblocks__right_left a { display: block; margin-top: 92px; position: relative; width: 262px; height: 376px; margin-right: 30px; overflow: hidden; } .infoblocks__right_left a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 262px; height: 376px; box-shadow: 0 -90px 100px -30px rgba(0, 0, 0, 0.53) inset; } .infoblocks__right_left_text span { text-transform: uppercase; color: #fff; font-size: 18px; font-family: 'SFUIText-Heavy'; text-align: center; display: block; width: 100%; } .infoblocks__right_left_text p { color: #fff; font-size: 14px; text-align: center; position: absolute; top: 40px; opacity: 0; padding: 40px 20px 0 20px; line-height: 20px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__right_left_text { position: absolute; bottom: 0; left: 0; text-decoration: none; width: 100%; height: 80px; padding: 30px 0 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__right_left a:hover .infoblocks__right_left_text { height: 100%; background: #0e2f56; background: rgba(14, 47, 86, 0.7); padding: 40px 0 0; } .infoblocks__right_left a:hover .infoblocks__right_left_text p { opacity: 1; } .infoblocks__right_right_top a { display: block; position: relative; width: 263px; height: 266px; margin-bottom: 30px; overflow: hidden; } .infoblocks__right_right_top a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 263px; height: 266px; box-shadow: 0 -90px 100px -30px rgba(0, 0, 0, 0.53) inset; } .infoblocks__right_right_text span { text-transform: uppercase; color: #fff; font-size: 18px; font-family: 'SFUIText-Heavy'; text-align: center; display: block; width: 100%; } .infoblocks__right_right_text p { color: #fff; font-size: 14px; text-align: center; position: absolute; top: 40px; opacity: 0; padding: 40px 20px 0 20px; line-height: 20px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__right_right_text { position: absolute; bottom: 0; left: 0; text-decoration: none; width: 100%; height: 80px; padding: 30px 0 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .infoblocks__right_right a:hover .infoblocks__right_right_text { height: 100%; background: #0e2f56; background: rgba(14, 47, 86, 0.7); padding: 40px 0 0; } .infoblocks__right_right a:hover .infoblocks__right_right_text p { opacity: 1; } .infoblocks__right_right_bottom a { display: block; position: relative; width: 263px; height: 266px; margin-bottom: 30px; overflow: hidden; } .infoblocks__right_right_bottom a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 263px; height: 266px; box-shadow: 0 -90px 100px -30px rgba(0, 0, 0, 0.53) inset; } /*Reviews*/ .m-reviews { display: none; } .reviews { display: flex; justify-content: center; flex-wrap: wrap; padding: 45px 0 115px; position: relative; overflow: hidden; } .reviews h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-transform: unset; text-align: center; margin-bottom: 65px; } .reviews__inner { display: flex; justify-content: space-between; width: 1140px; position: relative; flex-direction: row; } .reviews__content { display: flex; justify-content: center; width: 1140px; flex-wrap: wrap; } .reviews__item { display: inline-flex; width: 440px; position: relative; } .reviews__item:before { content: ' '; width: 49px; height: 37px; position: absolute; top: 0; left: 110px; background: url(/local/templates/rols_adaptive/./images/icons/quo_top.png) center top no-repeat; z-index: 1; } .reviews__item:after { content: ' '; width: 49px; height: 37px; position: absolute; bottom: 0; right: -70px; background: url(/local/templates/rols_adaptive/./images/icons/quo_bot.png) center top no-repeat; z-index: 1; } .reviews__item_left { margin-right: 48px; width: 150px; z-index: 2; } .reviews__item_top { width: 135px; height: 135px; overflow: hidden; border-radius: 50%; margin: 0 auto 30px; } .reviews__item_top img { width: 100%; } .reviews__item_bottom { text-align: center; font-size: 14px; color: #0e2f56; width: 150px; } .reviews__item_bottom p span { font-size: 17px; font-family: 'SFUIText-Heavy'; } .reviews__item_right { font-size: 15px; color: #333333; line-height: 22px; z-index: 2; padding-top: 10px; } /*Brands*/ .brands { display: flex; justify-content: center; flex-wrap: wrap; padding: 120px 0; position: relative; background: #f1f5f6; overflow: hidden; } .brands__content { display: flex; justify-content: flex-start; width: 1140px; position: relative; } .brands__content:before { content: ' '; width: 21%; height: 520px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: -330px; left: -260px; z-index: 1; } .brands__content:after { content: ' '; width: 41%; height: 245px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; bottom: 60px; right: -120px; z-index: 1; } .brands__left { width: 290px; margin-right: 85px; padding-top: 28px; } .brands__left h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-transform: unset; } .brands__right { display: inline-flex; justify-content: space-between; flex-wrap: wrap; width: 780px; z-index: 2; } .brands__right_item { width: 240px; height: 86px; background: #fff; border-radius: 3px; text-align: center; box-shadow: 0 8px 30px 0 rgba(218, 234, 240, 1); margin-bottom: 25px; display: flex; align-items: center; justify-content: center; } /*Map*/ .map h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-transform: unset; padding: 105px 0 60px; } /*Footer*/ .footer { display: flex; justify-content: center; flex-wrap: wrap; padding-top: 60px; background: #0e2f56; } .footer__content { display: flex; width: 1140px; justify-content: flex-start; flex-wrap: wrap; } .footer__top { display: flex; justify-content: space-between; flex-direction: row; width: 1140px; padding-bottom: 38px; } .footer__top_left { width: 295px; } .footer__top_left a { display: block; text-decoration: none; margin-bottom: 180px; } .footer__top_left a p { color: #fff; font-size: 13px; font-weight: 300; } .footer__top_left_form { width: 291px; height: 62px; position: relative; box-sizing: border-box; } .footer-form__text { padding: 0 0 0 30px; width: 291px; height: 62px; border: none; font-size: 15px; border-radius: 5px; background: #254366; color: #fff; } .footer-form__text::placeholder { color: #fff; } .footer-form__img { position: absolute; top: 20px; right: 20px; width: 22px; height: 23px; background: #254366; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .footer-form__img:hover { opacity: 0.8; } .footer__top_middle { width: 400px; display: flex; justify-content: space-between; flex-direction: row; } .footer__top_middle ul { list-style: none; } .footer__top_middle ul li { margin-bottom: 12px; } .footer__top_middle ul li a { text-decoration: none; color: #fff; opacity: 0.6; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .footer__top_middle ul li a:hover { opacity: 1; } .footer__top_right { width: 270px; display: flex; flex-direction: column; } .footer__top_right a span { font-size: 18px; color: #fff; font-family: 'SFUIText-Heavy'; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .footer__top_right a span:hover { opacity: 0.8; } .footer__top_right a { text-decoration: none; font-size: 14px; color: #37a1cd; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .footer__top_right a:hover { opacity: 0.8; } .footer__top_right p { margin: 25px 0; color: #fff; font-size: 14px; line-height: 28px; } .footer__social { display: flex; flex-direction: row; width: 155px; justify-content: space-between; } .footer__social a { display: flex; border-radius: 50%; align-items: center; justify-content: center; background: #37a1cd; width: 45px; height: 45px; } .footer__bottom { display: flex; width: 1140px; justify-content: space-between; flex-direction: row; padding: 28px 0 21px; border-top: 1px solid #254265; } .footer__bottom p { font-size: 14px; color: #fff; } .footer__bottom p span { font-size: 13px; color: #fff; opacity: 0.7; } .footer__bottom p a { text-decoration: none; color: #ff522c; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .footer__bottom p a:hover { opacity: 0.8; } /*inner__content*/ .inner__contents p { color: #333333; font-size: 17px; margin-bottom: 20px; line-height: 22px; } .inner__contents ol li { list-style: decimal; color: #333333; font-size: 17px; margin-bottom: 20px; } .inner__contents ol { margin: 10px 0 10px 20px; width: 100%; } .inner__contents ul li { list-style: none; color: #333333; color: #333333; font-size: 17px; margin-bottom: 20px; position: relative; padding-left: 20px; } .inner__contents ul li:before { content: ' '; width: 10px; height: 10px; position: absolute; top: 3px; left: 0; background: url(/local/templates/rols_adaptive/./images/icons/list.png) center top no-repeat; } .inner__contents ul { margin: 10px 0 10px; width: 100%; } .inner__contents a { font-size: 17px; color: #37a1cd; } .inner__contents table { margin: 35px 0; } .inner__contents th { background: #0e2f56; color: #fff; text-align: center; padding: 20px 0; font-size: 17px; font-weight: 800; } .inner__contents td { padding: 20px 0; text-align: center; font-size: 14px; color: #333333; } .inner__contents td:nth-child(1) { font-size: 17px; color: #363636; font-weight: 600; background: #f1f5f6; } .cart__bottom_info_item.inner__contents { color: #333333; font-size: 17px; line-height: 22px; } /*Breadcrumbs*/ .breadcrumbs { display: flex; justify-content: center; flex-wrap: wrap; padding: 88px 0 28px; } .breadcrumbs__content { width: 1140px; } .breadcrumbs__content.warning{ margin-top: 5px; background: #ffd3c9; padding: 5px; } .breadcrumbs__content a { margin-left: 12px; margin-right: 12px; font-size: 14px; color: #37a1cd; text-decoration: none; } .breadcrumbs__content a:first-child { margin-left: 0; } .breadcrumbs__content span { margin-left: 12px; color: #252525; } /*Inner*/ .inner { display: flex; justify-content: center; flex-wrap: wrap; padding-bottom: 75px; } .inner h2, .cart__bottom_info_item.inner__contents h2 { text-align: left; font-size: 21px; color: #0e2f56; margin-bottom: 35px; width: 100%; } .inner__content { display: flex; flex-direction: row; width: 1140px; justify-content: space-between; } .inner__left { display: flex; flex-direction: column; justify-content: flex-start; width: 264px; } .inner__left nav > ul { list-style: none; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; margin-bottom: 40px; } .inner__left nav > ul > li > a { display: flex; height: 40px; justify-content: flex-start; align-items: center; padding-left: 22px; background: #fff; text-decoration: none; border-bottom: 1px solid #ebebeb; color: #0e2f56; font-size: 15px; font-weight: 800; } .inner__left nav > ul > li > .active { display: flex; height: 55px; justify-content: flex-start; align-items: center; padding-left: 22px; background: #37a1cd; border: 1px solid #37a1cd; text-decoration: none; color: #fff; font-family: 'SFUIText-Heavy'; font-size: 18px; } .inner__left nav > ul > li > ul > li > a { display: flex; height: 40px; justify-content: flex-start; align-items: center; padding-left: 22px; background: #f1f5f6; border-bottom: 1px solid #ebebeb; color: #0e2f56; font-size: 15px; font-weight: 800; text-decoration: none; position: relative; } .inner__left nav > ul > li > ul > li > a.isparent:after { content: ' '; width: 9px; height: 5px; background: url(/local/templates/rols_adaptive/./images/icons/arrow_blue.png) center top no-repeat; margin-top: 2px; margin-left: 7px; } .inner__left nav > ul > li > ul > li > a.active { color: #37a1cd; } .inner__left nav > ul > li > ul > li > a.isparent.active:after { background: url(/local/templates/rols_adaptive/./images/icons/arrow_blue_down.png) center top no-repeat; } .inner__left nav > ul > li > ul > li > ul { padding: 10px 0; border-bottom: 1px solid #ebebeb; } .inner__left nav > ul > li > ul > li > ul > li > a { display: flex; height: 27px; justify-content: flex-start; align-items: center; padding-left: 45px; background: #fff; border: none; color: #537684; font-size: 14px; text-decoration: none; } .inner__left nav > ul > li > ul > li > ul > li > a.isparent:after { content: ' '; width: 9px; height: 5px; background: url(/local/templates/rols_adaptive/./images/icons/arrow_blue.png) center top no-repeat; margin-top: 2px; margin-left: 7px; margin-right: 15px; } .inner__left nav > ul > li > ul > li > ul > li > a.active { color: #37a1cd; } .inner__left nav > ul > li > ul > li > ul > li > a.isparent.active:after { background: url(/local/templates/rols_adaptive/./images/icons/arrow_blue_down.png) center top no-repeat; } .inner__left nav > ul > li > ul > li > ul > li > ul { padding: 10px 0; } .inner__left nav > ul > li > ul > li > ul > li > ul > li > a { display: flex; height: 27px; justify-content: flex-start; align-items: center; padding-left: 75px; background: #fff; border: none; color: #333333; font-size: 14px; text-decoration: none; } .inner__left nav > ul > li > ul > li > ul > li > ul > li > a.active { color: #37a1cd; } .inner__right { width: 847px; } .inner__right h1 { text-align: left; font-size: 36px; color: #0e2f56; } /*Inner_Solutions*/ .inner__solutions { display: flex; padding: 30px 0; justify-content: flex-start; flex-wrap: wrap; } .solutions__content { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; flex-direction: row; } .solutions__item { width: 260px; box-shadow: 0 8px 20px 5px rgba(243, 243, 244, 1); position: relative; margin: 0 30px 30px 0; } /* MyCorrect */ .solutions__item:nth-child(3n) { margin: 0 0 30px; } .solutions__item_img { width: 260px; height: 197px; overflow: hidden; } .solutions__item_img img { border-radius: 3px; width: 260px; height: 197px; } .solutions__item_bot { padding: 25px 15px; } .solutions__item_title { font-size: 14px; color: #0e2f56; text-align: center; font-family: 'Exo2.0-ExtraBold'; margin-bottom: 15px; } .solutions__item_info { display: flex; width: 230px; justify-content: space-between; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ebebeb; } .item_info__left { display: flex; flex-direction: column; } .item_info__left p { font-size: 14px; color: #333333; text-transform: uppercase; } .item_info__right { display: flex; flex-direction: column; } .item_info__right p { font-size: 14px; color: #252525; text-align: right; text-transform: uppercase } .solutions__item_buy { display: flex; width: 230px; justify-content: space-between; } .item_buy__left { display: flex; flex-direction: column; } .item_buy__left strike { font-size: 13px; color: #333333; margin-bottom: 5px; } .item_buy__left p { font-size: 20px; color: #37a1cd; text-align: center; } .item_buy__right a { display: block; width: 120px; line-height: 43px; color: #fff; font-size: 11px; text-transform: uppercase; font-family: 'Exo2.0-ExtraBold'; border-radius: 3px; background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); text-align: center; text-decoration: none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .item_buy__right a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } /*Inner_type*/ .inner__type { display: flex; padding: 30px 0; justify-content: flex-start; flex-wrap: wrap; } .type__content { display: flex; flex-wrap: wrap; } .type__item { margin-right: 22px; } .type__item:nth-child(4n) { margin: 0; } .type__item a { display: block; position: relative; width: 195px; height: 195px; overflow: hidden; text-decoration: none; margin-bottom: 25px; } .type__item a:before { content: " "; position: absolute; bottom: 0px; left: 0px; width: 195px; height: 195px; box-shadow: rgba(0, 0, 0, 0.53) 0px -90px 100px -30px inset; } .type__item_text { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 38px; text-decoration: none; color: #fff; text-align: center; text-transform: uppercase; font-size: 17px; font-family: 'SFUIText-Heavy'; } /*Inner__action*/ .inner__action { display: flex; padding: 38px 0; justify-content: center; flex-wrap: wrap; background: url(/local/templates/rols_adaptive/./images/action/bg.jpg) center top no-repeat #081d36; margin: 30px 0; } .action__content { width: 700px; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 2; } .action__content:before { content: ' '; width: 222px; height: 105px; background: url(/local/templates/rols_adaptive/./images/icons/dot.png); position: absolute; bottom: -30px; right: 150px; z-index: 1; } .action__content:after { content: ' '; width: 230px; height: 175px; background: url(/local/templates/rols_adaptive/./images/icons/dot.png); position: absolute; top: -70px; right: -50px; z-index: 1; } .action__left { width: 325px; display: flex; flex-direction: column; flex-wrap: wrap; z-index: 2; } .action__left span { font-size: 30px; color: #fff; font-family: 'Exo2.0-ExtraBold'; text-transform: uppercase; margin-bottom: 30px; } .action__left p { font-size: 15px; color: #fff; line-height: 25px; margin-bottom: 40px; } .action__left a { background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); width: 220px; line-height: 60px; display: block; border-radius: 3px; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: 900; font-size: 12px; font-family: 'SFUIText-Heavy'; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .action__left a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } .action__right { z-index: 2; } /*Inner_tabs*/ .inner__tabs { display: flex; padding: 38px 0; justify-content: center; flex-wrap: wrap; width: 847px; } .tabs__content { display: flex; width: 100%; flex-wrap: wrap; } .tabs__type { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; flex-direction: row; position: relative; } .tabs__type a { text-decoration: none; font-size: 20px; color: #0e2f56; font-family: 'SFUIText-Heavy'; padding-bottom: 10px; z-index: 2; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .tabs__type a:hover { color: #37a1cd; border-bottom: 2px solid #37a1cd; } .tabs__type:after { content: ' '; width: 100%; height: 2px; bottom: 0; left: 0; position: absolute; background: #ebebeb; z-index: 1; } .tabs__type .active { color: #37a1cd; border-bottom: 2px solid #37a1cd; } .tabs__info { padding-top: 35px; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .tabs__info a { display: block; overflow: hidden; width: 169px; height: 100px; } .tabs__info a img { width: 157px; } /* MyCorrect */ .tabs__info_item { display: none; } .tabs__info_item.active { display: block; } /*Inner_advantages*/ .inner__advantages { display: flex; padding: 30px 0; justify-content: flex-start; flex-wrap: wrap; width: 847px; } .advantages__content { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; flex-direction: row; } .advantages__item { display: flex; justify-content: space-between; flex-direction: row; } .advantages__item_left { background: #fff; width: 70px; height: 70px; border-radius: 3px; margin-right: 25px; display: flex; justify-content: center; align-items: center; box-shadow: 0 11px 30px 5px rgba(217, 234, 240, 1); } .advantages__item_right { display: flex; justify-content: flex-start; align-items: center; width: 160px; height: 70px; line-height: 27px; font-size: 15px; font-weight: 800; color: #0e2f56; } /*Inner_services*/ .inner__services { display: flex; padding: 30px 0; justify-content: flex-start; flex-wrap: wrap; width: 847px; } .services__content { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; flex-direction: row; position: relative; } .services__content:before { content: ' '; width: 500px; height: 220px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: -35px; left: 178px; z-index: 1; } .services__item { width: 265px; height: 230px; display: flex; flex-wrap: wrap; padding: 40px 25px 0 25px; z-index: 2; } .services__item p span { color: #2b7cb5; font-size: 21px; font-family: 'SFUIText-Heavy'; } .services__item p { color: #0e2f56; font-size: 14px; line-height: 22px; } .services__item:nth-child(1) { background: #d7e2f5; } .services__item:nth-child(2) { background: #dbeefa; } .services__item:nth-child(3) { background: #f1f1f1; } /*Inner_calc*/ .inner__calc { display: flex; padding: 30px 0; justify-content: flex-start; flex-wrap: wrap; width: 847px; } .calc__content_tabs { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; flex-direction: row; } .calc__content { width: 100%; } .calc__content a { text-decoration: none; color: #0e2f56; font-family: 'SFUIText-Heavy'; } .calc__content_tabs a { display: flex; height: 60px; justify-content: center; align-items: center; margin-right: 20px; padding: 0 40px; text-decoration: none; border: 1px solid #f1f5f6; font-size: 17px; color: #0e2f56; font-family: 'SFUIText-Heavy'; } .calc__content_tabs a.active { background: #f1f5f6; color: #37a1cd; } .calc__form { display: flex; width: 100%; justify-content: flex-start; background: #f1f5f6; flex-direction: column; margin: 0 0 30px; } .calc__content_block .calc__form { margin: 0; } .calc__top { width: 100%; color: #333333; font-size: 17px; font-weight: 500; padding: 40px 0 10px 40px; border-bottom: 1px solid #fff; } .top__field { width: 270px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 13px; flex-direction: row; align-items: center; } .top__lable { width: 165px; } .top__lable span { color: #ff522c; } .top__input { width: 65px; height: 35px; text-align: center; color: #333333; border-radius: 3px; border: none; font-size: 12px; font-family: 'SFUIText-Heavy'; } .calc__middle { width: 100%; color: #333333; font-size: 17px; font-weight: 500; padding: 15px 40px; border-bottom: 1px solid #fff; } .middle__field { width: 520px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 13px; flex-direction: row; align-items: center; } .middle__field_top { align-items: baseline; } .middle__field_img { float: right; overflow: hidden; margin: 0 20px 0 0; } .middle__field_img img { max-width: 300px; } .middle__lable { width: 165px; } .middle__select, .middle__field select { width: 353px; height: 62px; padding-left: 25px; display: flex; align-items: center; text-transform: uppercase; color: #333333; border-radius: 3px; border: none; font-size: 12px; font-family: 'SFUIText-Heavy'; background: url(/local/templates/rols_adaptive/./images/icons/arrow_select.png) right 15px top 27px no-repeat #fff; } .middle__construction a { display: flex; color: #37a1cd; text-decoration: underline; font-size: 14px; font-family: inherit; justify-content: left; padding: 0; margin-bottom: 10px; } .middle__construction a:hover { text-decoration: none; } .middle__input, .middle__field .inputtext[name="captcha_word"] { width: 353px; height: 62px; padding-left: 25px; display: flex; align-items: center; text-transform: uppercase; color: #333333; border-radius: 3px; border: none; font-size: 12px; font-family: 'SFUIText-Heavy'; } .middle__textarea { min-width: 353px; min-height: 62px; padding-top: 25px; padding-left: 25px; display: flex; align-items: center; text-transform: uppercase; color: #333333; border-radius: 3px; border: none; font-size: 12px; font-family: 'SFUIText-Heavy'; } .middle__field .middle__lable img { max-width: 90%; } .middle__textarea::placeholder { color: #333333; } .calc__bottom { width: 100%; color: #333333; font-size: 17px; font-weight: 500; padding: 18px 40px 38px 40px; } .bottom__field { display: flex; justify-content: space-between; margin-bottom: 28px; } .bottom__input { width: 230px; height: 62px; border: none; border-radius: 3px; padding-left: 25px; text-transform: uppercase; color: #333333; font-size: 12px; font-family: 'SFUIText-Heavy'; } .bottom__submit { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 499px; } .bottom__submit p { font-size: 17px; } .bottom__submit span { color: #ff522c; } .bottom__button { background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); width: 230px; height: 62px; border: none; border-radius: 3px; text-transform: uppercase; font-weight: 900; font-size: 12px; color: #fff; font-family: 'SFUIText-Heavy'; cursor: pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .bottom__button:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } /*Inner_faq*/ .inner__faq { display: flex; padding: 30px 0; justify-content: flex-start; flex-wrap: wrap; width: 847px; } .faq__content { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; } .faq__item a { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding: 30px 75px 25px 45px; background: #fff; box-shadow: 0 8px 20px 5px rgba(243, 243, 244, 1); margin-bottom: 35px; font-size: 18px; color: #0e2f56; line-height: 30px; position: relative; text-decoration: none; } .faq__item a:after { content: ' '; width: 17px; height: 10px; position: absolute; top: 50%; right: 25px; background: url(/local/templates/rols_adaptive/./images/icons/arrow_grey.png) center top no-repeat; } .faq__info { padding: 0 45px; font-size: 14px; color: #333333; line-height: 22px; margin-bottom: 25px; } /* MyCorrect */ .faq__info { display: none; padding: 0 45px; font-size: 14px; color: #333333; line-height: 22px; margin-bottom: 25px; } .faq__it.active .faq__info { display: block; } /*Inner_form*/ .inner__form { display: flex; padding: 50px 0 25px; justify-content: center; flex-wrap: wrap; width: 847px; background: #37a1cd; margin: 0 0 30px; } .form__content { width: 760px; display: flex; justify-content: center; flex-wrap: wrap; } .form__top { display: flex; justify-content: center; color: #fff; flex-direction: column; text-align: center; } .form__top p span { font-size: 21px; font-family: 'SFUIText-Heavy'; } .form__top p { font-size: 17px; line-height: 33px; color: #fff; } .form__bottom form { display: flex; justify-content: space-between; width: 760px; flex-direction: row; } .form__bottom input { width: 230px; height: 62px; border: none; border-radius: 3px; padding-left: 25px; color: #333333; text-transform: uppercase; font-weight: 900; font-size: 12px; font-family: 'SFUIText-Heavy'; } /* MyCorrect */ .form__bottom input[type=submit] { background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); width: 230px; height: 62px; border: none; border-radius: 3px; text-transform: uppercase; font-weight: 900; font-size: 12px; color: #fff; font-family: 'SFUIText-Heavy'; cursor: pointer; padding: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .form__bottom input[type=submit]:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } /*Shop_header search-form*/ .search-form { position: relative; } .search-form__text { padding: 0 0 0 35px; width: 370px; height: 52px; border: none; background: #f7f7f7; border-radius: 5px; font-size: 13px; color: #959595; } .search-form__text::placeholder { color: #959595; } .search-form__right { background: #ff522c; position: absolute; width: 68px; height: 52px; top: 0; right: 0; border-radius: 5px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .search-form__right:hover { opacity: 0.8; } .search-form__img { position: absolute; top: 15px; right: 23px; width: 21px; height: 21px; background: #ff522c; } /*Shop_title*/ .title { display: flex; justify-content: center; flex-wrap: wrap; margin: 20px 0; } .titel__inner { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 1140px; } .titel__inner h1 { font-size: 36px; color: #0e2f56; } /*Shop_action*/ .actions { display: flex; justify-content: center; flex-wrap: wrap; margin: 5px 0 40px; } .actions__content { background: url(/local/templates/rols_adaptive/./images/action/bg_shop.jpg) center top no-repeat; padding: 38px 0; width: 1140px; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; position: relative; z-index: 2; } .actions__inner { width: 900px; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 2; } .actions__left { width: 325px; display: flex; flex-direction: column; flex-wrap: wrap; z-index: 2; } .actions__left span { font-size: 30px; color: #fff; font-family: 'Exo2.0-ExtraBold'; text-transform: uppercase; margin-bottom: 30px; } .actions__left p { font-size: 15px; color: #fff; line-height: 25px; margin-bottom: 40px; } .actions__left a { background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); width: 220px; line-height: 60px; display: block; border-radius: 3px; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: 900; font-size: 12px; font-family: 'SFUIText-Heavy'; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .actions__left a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } .actions__content:before { content: ' '; width: 240px; height: 105px; background: url(/local/templates/rols_adaptive/./images/icons/dot.png); position: absolute; bottom: 15px; right: 310px; z-index: 1; } .actions__content:after { content: ' '; width: 310px; height: 175px; background: url(/local/templates/rols_adaptive/./images/icons/dot.png); position: absolute; top: 0; right: -30px; z-index: 1; } .actions__right { z-index: 2; } /*Shop_servicing*/ .servicing { display: flex; justify-content: center; flex-wrap: wrap; margin: 30px 0; } .servicing__content { display: flex; flex-direction: row; justify-content: space-between; width: 1140px; } .servicing__item { display: flex; flex-direction: row; justify-content: flex-start; } .servicing__img { background: #fff; width: 70px; height: 70px; border-radius: 3px; margin-right: 25px; text-align: center; line-height: 90px; box-shadow: 0 11px 30px 5px rgba(217, 234, 240, 1); display: flex; justify-content: center; align-items: center; } .servicing__info { width: 170px; } .servicing__info p { font-size: 15px; color: #333333; margin-bottom: 20px; line-height: 22px; } .servicing__info p span { font-size: 21px; color: #0e2f56; font-family: 'SFUIText-Heavy'; } /*Shop_categories*/ .categories { display: flex; justify-content: center; flex-wrap: wrap; margin: 30px 0; } .categories__content { display: flex; width: 1140px; } /*Shop_hits-sales*/ .hits-sales { display: flex; justify-content: center; flex-wrap: wrap; margin: 60px 0 0; position: relative; } .hits-sales__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .hits-sales__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .hits-sales__content h2:after { content: ' '; width: 790px; height: 8px; background: url(/local/templates/rols_adaptive/./images/icons/dot_grey.png); position: absolute; top: 30px; right: 95px; } /*Shop_callback*/ .callback { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 80px; } .callback__form { display: flex; padding: 50px 0 35px; justify-content: center; flex-wrap: wrap; width: 1140px; background: #37a1cd; } /*Shop_action-sales*/ .action-sales { display: flex; justify-content: center; flex-wrap: wrap; margin: 60px 0 0; position: relative; background: #f1f5f6; padding: 60px 0; } .action-sales__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .action-sales__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .action-sales__content h2:after { content: ' '; width: 760px; height: 8px; background: url(/local/templates/rols_adaptive/./images/icons/dot_grey.png); position: absolute; top: 30px; right: 95px; } /*Shop_firms*/ .firms { display: flex; justify-content: center; flex-wrap: wrap; padding: 70px 0; position: relative; background: #f1f5f6; } .firms__content { display: flex; justify-content: flex-start; width: 1140px; } .firms__left { width: 290px; margin-right: 85px; padding-top: 28px; } .firms__left h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-transform: unset; } .firms__right { display: inline-flex; justify-content: space-between; flex-wrap: wrap; width: 780px; } .firms__right_item { width: 240px; height: 86px; background: #fff; border-radius: 3px; text-align: center; box-shadow: 0 8px 30px 0 rgba(218, 234, 240, 1); margin-bottom: 25px; display: flex; align-items: center; justify-content: center; } /*Shop_service-blocks*/ .service-blocks { display: flex; justify-content: center; flex-wrap: wrap; padding: 0 0 80px; } .service-blocks__content { display: flex; justify-content: space-between; width: 1140px; } .service-blocks__item a { display: block; position: relative; width: 263px; height: 266px; margin-bottom: 30px; overflow: hidden; } .service-blocks__item a:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 263px; height: 266px; box-shadow: 0 -90px 100px -30px rgba(0, 0, 0, 0.53) inset; } .service-blocks__text { position: absolute; bottom: 0; left: 0; text-decoration: none; width: 100%; height: 80px; padding: 30px 0 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .service-blocks__text span { text-transform: uppercase; color: #fff; font-size: 18px; font-family: 'SFUIText-Heavy'; text-align: center; display: block; width: 100%; } .service-blocks__text p { color: #fff; font-size: 14px; text-align: center; position: absolute; top: 40px; opacity: 0; padding: 40px 20px 0 20px; line-height: 20px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .service-blocks__item a:hover .service-blocks__text { height: 100%; background: #0e2f56; background: rgba(14, 47, 86, 0.7); padding: 40px 0 0; } .service-blocks__item a:hover .service-blocks__text p { opacity: 1; } /*Shop_basket-fixed*/ .basket-fixed { display: flex; justify-content: center; flex-wrap: wrap; height: 50px; background: #0e2f56; padding: 13px 0; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; } .basket-fixed.hide, .basket-fixed-line.hide{ display: none; } .basket-fixed__content { display: flex; justify-content: flex-end; width: 1140px; align-items: center; } .basket-fixed__name { width: 105px; padding-left: 43px; color: #fff; font-size: 14px; position: relative; margin-right: 12px; } .basket-fixed__name:before { content: ' '; width: 29px; height: 27px; position: absolute; top: -5px; left: 0; background: url(/local/templates/rols_adaptive/./images/icons/basket.png) center top no-repeat; } .basket-fixed__amount { width: 125px; color: #fff; font-size: 14px; display: flex; flex-direction: row; align-items: center; margin-right: 25px; } .basket-fixed__amount a { display: flex; width: 30px; height: 30px; justify-content: center; align-items: center; text-decoration: none; color: #fff; font-size: 14px; background: #ff522c; border-radius: 50%; margin-right: 13px; } .basket-fixed__button a { display: block; width: 148px; line-height: 30px; color: #fff; font-size: 14px; text-transform: uppercase; font-family: 'Exo2.0-ExtraBold'; border-radius: 3px; background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); text-align: center; text-decoration: none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .basket-fixed__button a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } /*Catalog_filter*/ .left__filter { width: 100%; } .filter__title { display: flex; height: 55px; justify-content: flex-start; align-items: center; padding-left: 22px; background: #37a1cd; border: 1px solid #37a1cd; color: #fff; font-family: 'SFUIText-Heavy'; font-size: 18px; } .filter__form { border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; margin-bottom: 30px; } .form__field { padding: 18px 12px 0 21px; border-bottom: 1px solid #ebebeb; } .field__top { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 15px; } .field__top a:nth-child(1) { text-decoration: none; } .field__top a span { font-size: 15px; color: #0e2f56; font-weight: 800; position: relative; } .field__top a span:after { content: ' '; width: 9px; height: 5px; position: absolute; top: 8px; right: -15px; background: url(/local/templates/rols_adaptive/./images/icons/arrow_blue_down.png) center top no-repeat; } .field__top.show a span:after { content: ' '; width: 9px; height: 5px; position: absolute; top: 8px; right: -15px; background: url(/local/templates/rols_adaptive/./images/icons/arrow_blue.png) center top no-repeat; } .field__top a { font-size: 13px; color: #537684; } .field__link_reset { display: none; } .form__field.show .field__link_reset { display: block; } .field__bottom { display: flex; align-items: center; padding-bottom: 20px; } .field__bottom span { font-size: 14px; color: #252525; } .field__input { width: 80px; border-radius: 3px; border: 1px solid #dddddd; height: 28px; padding-left: 7px; font-size: 14px; color: #252525; margin-right: 10px; } .field__bottom_chekbox { display: flex; flex-direction: column; } .checkbox__item { display: flex; flex-direction: row; margin-bottom: 15px; align-items: center; padding-left: 24px; } .checkbox__item span { color: #959595; margin-left: 13px; } .field__chekbox { margin-right: 10px; width: 15px; height: 15px; } .field__label { font-size: 14px; color: #252525; } .checkbox__item input[type=checkbox] { display: none; } .checkbox__item .field__label { position: relative; cursor: pointer; } .checkbox__item .field__label:before { content: ' '; width: 15px; height: 15px; position: absolute; left: -20px; top: 0; border: 1px solid #dfdfdf; border-radius: 3px; } .checkbox__item input[type=checkbox]:checked + .field__label:before { content: ''; width: 15px; height: 15px; position: absolute; left: -23px; top: 0; border: 1px solid #37a1cd; background: url(/local/templates/rols_adaptive/./images/icons/checkbox.png) center top 4px no-repeat #37a1cd; border-radius: 3px; } /*Catalog_pagination*/ .pagination { display: flex; justify-content: center; width: 100%; padding: 40px 0 0; } .pagination__content { display: flex; flex-direction: row; justify-content: center; width: 100%; } .pagination__content a { display: flex; justify-content: center; align-items: center; width: 50px; margin: 0 10px; height: 50px; background: #f1f5f6; color: #0e2f56; font-size: 15px; text-decoration: none; } .pagination__content .active { background: #37a1cd; color: #fff;; } /*Cart_product*/ .cart { display: flex; justify-content: center; width: 100%; padding: 0 0 50px; } .cart__content { display: flex; justify-content: center; flex-direction: column; width: 1140px; } .cart__top { display: flex; flex-direction: row; justify-content: center; width: 1140px; height: 360px; border: 1px solid #e1e1e1; box-sizing: border-box; margin-bottom: 60px; flex-wrap: wrap; } .cart__top_left { width: 350px; height: 360px; overflow: hidden; display: flex; justify-content: center; align-items: center; } .cart__top_left img { } .cart__top_middle { width: 438px; padding: 30px 35px; background: #f7f7f7; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } .middle__title { font-size: 24px; color: #0e2f56; font-family: 'SFUIText-Heavy'; padding-bottom: 25px; border-bottom: 1px solid #e1e1e1; } .middle__app { display: flex; justify-content: flex-start; flex-direction: column; padding: 12px 0; border-bottom: 1px solid #e1e1e1; } .middle__app_item { display: flex; justify-content: space-between; padding: 7px 0; text-transform: uppercase; font-size: 14px; color: #252525; } .middle__app_item span { color: #333333; } .middle__info { display: flex; justify-content: flex-start; flex-direction: column; padding: 12px 0; } .middle__info_item { display: flex; justify-content: space-between; padding: 7px 0; font-size: 14px; color: #252525; } .middle__info_item span { color: #333333; } .middle__info_item p { font-size: 14px } .cart__top_right { width: 350px; display: flex; flex-wrap: wrap; padding: 30px 40px; align-content: space-between; } .right__article { width: 100%; height: 55px; position: relative; display: flex; flex-direction: column; margin-bottom: 25px; } .right__article_percent { position: absolute; top: 0; right: 0; background: #37a1cd; color: #fff; border-radius: 50%; width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; } .right__article p { padding-top: 5px; font-size: 14px; color: #252525; } .right__article p span { color: #37a1cd; } .right__price { width: 100%; display: flex; flex-direction: column; } .right__price_item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .right__price_item strike { font-size: 17px; color: #333333; } .right__price_item strong { font-size: 34px; color: #ff522c; font-weight: 700; } .right__price_item a { width: 90px; height: 40px; background: #ebebeb; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 18px; color: #37a1cd; font-weight: 700; } .right__price_item span { width: 90px; height: 40px; font-size: 17px; color: #0e2f56; border: 1px solid #ebebeb; display: flex; align-items: center; justify-content: center; } .right__button a { background: #ff6a2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); width: 268px; line-height: 62px; display: block; border-radius: 3px; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: 900; font-size: 14px; font-family: 'SFUIText-Heavy'; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .right__button a:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } .cart__bottom { padding: 50px 0 0; display: flex; width: 100%; box-shadow: 0 8px 20px 5px rgba(243, 243, 244, 1); flex-direction: column; justify-content: center; } .cart__bottom_tabs { display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #c3e3f0; padding-bottom: 22px; } .cart__bottom_tabs a { font-size: 21px; color: #2b7cb5; font-family: 'SFUIText-Heavy'; text-decoration: none; margin-left: 60px; } .cart__bottom_tabs a:first-child { margin: 0; } .cart__bottom_tabs .active { color: #0e2f56; } .cart__bottom_info { padding: 30px 40px; } .cart__bottom_info table { border: none !important; } .cart__bottom_info td { border: none; padding-left: 0; font-size: 16px; color: #252525; } .cart__bottom_info td:nth-child(1) { width: 350px; color: #333333; } .cart__bottom_info tr { border-bottom: 1px solid #ebebeb; } .cart__bottom_info tr:last-child { border: none;; } .product { display: flex; justify-content: center; flex-wrap: wrap; position: relative; padding: 75px 0 0; } .product__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .product__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .product__content h2:after { content: ' '; width: 570px; height: 8px; background: url(/local/templates/rols_adaptive/./images/icons/dot_grey.png); position: absolute; top: 30px; right: 95px; } .product:before { content: ' '; width: 15%; height: 233px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: 220px; left: 10px; z-index: 1; } .product:after { content: ' '; width: 15%; height: 233px; background: url(/local/templates/rols_adaptive/./images/icons/dot_blue.png); position: absolute; top: 220px; right: 10px; z-index: 1; } .watched { display: flex; justify-content: center; flex-wrap: wrap; position: relative; background: #f1f5f6; padding: 75px 0 0; } .watched__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .watched__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .watched__content h2:after { content: ' '; width: 800px; height: 8px; background: url(/local/templates/rols_adaptive/./images/icons/dot_grey.png); position: absolute; top: 30px; right: 95px; } .similar { display: flex; justify-content: center; flex-wrap: wrap; position: relative; padding: 75px 0 0; } .similar__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; position: relative; z-index: 2; } .similar__content h2 { font-size: 36px; color: #0e2f56; font-weight: 900; text-align: left; text-transform: unset; } .similar__content h2:after { content: ' '; width: 730px; height: 8px; background: url(/local/templates/rols_adaptive/./images/icons/dot_grey.png); position: absolute; top: 30px; right: 95px; } /*Basket*/ .basket { display: flex; justify-content: center; flex-wrap: wrap; padding: 0 0 70px; } .basket__content { display: flex; justify-content: flex-start; width: 1140px; flex-wrap: wrap; } .basket__content table { border: 1px solid #ebebeb; margin-bottom: 45px; } .basket__content th { text-align: center; background: #0e2f56; font-size: 17px; color: #fff; font-weight: 600; height: 58px; } .basket__content td:last-child { text-align: right; font-weight: 700; height: 45px; } .basket__content td { text-align: center; color: #0e2f56; font-size: 14px; vertical-align: middle; height: 122px; } .basket__content td strong { color: #ff522c; font-weight: 600; } .basket__title { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding-left: 25px; font-family: 'SFUIText-Heavy'; } .basket__title img { margin-right: 20px; } .basket__number { display: flex; justify-content: center; } .basket__number a { width: 50px; height: 40px; background: #ebebeb; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 18px; color: #37a1cd; font-weight: 700; } .basket__number span { width: 50px; height: 40px; font-size: 17px; color: #0e2f56; border: 1px solid #ebebeb; display: flex; align-items: center; justify-content: center; } .basket__cancel { display: flex; justify-content: center; position: relative; width: 40px; } .cancel__left { position: absolute; display: block; width: 15px; height: 2px; background: #333333; transform: rotate(-45deg); top: 0px; left: 25px; } .cancel__right { position: absolute; display: block; width: 15px; height: 2px; background: #333333; transform: rotate(45deg); top: 0px; left: 25px; } .basket__form { display: flex; width: 100%; flex-direction: column; background: #f7f7f7; padding: 45px 0 55px; } .basket__field { display: flex; width: 100%; border-bottom: 1px solid #d1e6ef; padding-bottom: 30px; margin-bottom: 35px; } .basket__field_top { display: flex; flex-direction: row; justify-content: space-between; padding-left: 30px; width: 1000px; } .field__top_item p strong { font-size: 21px; font-weight: 700; color: #363636; margin-bottom: 27px; display: block; } .field__top_item label { margin-right: 110px; } .field__top_item input[type=radio] { opacity: 0; z-index: 2; cursor: pointer; } .field__top_item label { position: relative; } .field__top_item label:before { content: ' '; width: 13px; height: 13px; position: absolute; left: -18px; top: 0; border: 1px solid #37a1cd; border-radius: 50%; } .field__top_item input[type=radio]:checked + label:before { content: ''; width: 13px; height: 13px; position: absolute; left: -18px; top: 0; border: 1px solid #37a1cd; border-radius: 50%; background: url(/local/templates/rols_adaptive/./images/icons/radio.png) center top 3px no-repeat; } .b-top__radio_item { float: left; } .basket__field_middle { display: flex; flex-direction: column; padding-left: 30px; } .field__middle_title p strong { font-size: 21px; font-weight: 700; color: #363636; margin-bottom: 27px; display: block; } .field__middle { display: flex; flex-direction: row; width: 810px; justify-content: space-between; } .b-middle__input { width: 260px; height: 62px; border: none; border-radius: 3px; padding-left: 25px; text-transform: uppercase; color: #333333; font-size: 12px; font-family: 'SFUIText-Heavy'; } .basket__field_bottom { display: flex; flex-direction: column; padding: 0 30px; } .field__bottom_inner { display: flex; justify-content: space-between; flex-wrap: wrap; } .basket__field_bottom p strong { font-size: 21px; font-weight: 700; color: #363636; margin-bottom: 27px; display: block; } .field__bottom_radio { display: flex; flex-direction: column; padding-left: 20px; margin-bottom: 30px; } .field__bottom_radio input[type=radio] { opacity: 0; z-index: 2; cursor: pointer; } .field__bottom_radio label { position: relative; } .field__bottom_radio label:before { content: ' '; width: 13px; height: 13px; position: absolute; left: -18px; top: 0; border: 1px solid #37a1cd; border-radius: 50%; } .field__bottom_radio input[type=radio]:checked + label:before { content: ''; width: 13px; height: 13px; position: absolute; left: -18px; top: 0; border: 1px solid #37a1cd; border-radius: 50%; background: url(/local/templates/rols_adaptive/./images/icons/radio.png) center top 3px no-repeat; } .field__bot { display: flex; flex-direction: row; width: 1080px; justify-content: space-between; } .b-bottom__input { width: 260px; height: 62px; border: none; border-radius: 3px; padding-left: 25px; text-transform: uppercase; color: #333333; font-size: 12px; font-family: 'SFUIText-Heavy'; } .basket__button { display: flex; padding-left: 30px; } .button__inner input { background: #ff6a2c; cursor: pointer; border: none; background: -webkit-gradient(linear, left top, left bottom, from(#ff6a2c), to(#d84410)); background: linear-gradient(to bottom, #ff6a2c 0, #d84410 100%); width: 260px; line-height: 62px; display: block; border-radius: 3px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 900; font-size: 12px; font-family: 'SFUIText-Heavy'; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .button__inner input:hover { background: #ff7f2c; background: -webkit-gradient(linear, left top, left bottom, from(#ff7f2c), to(#e44d18)); background: linear-gradient(to bottom, #ff7f2c 0, #e44d18 100%); } /* MyCorrect */ .basket_item td:first-child { width: 500px; } .plus, .minus { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .cart__bottom_info_item { display: none; } .cart__bottom_info_item.active { display: block; } #error_form_go { display: none; padding: 20px; background: #fff0f0; border: 2px solid #ff6060; margin: 0 0 20px; } .b-top__radio_item { float: left; } .b-bottom__radio_item { margin: 0 0 10px; } .field__bottom { display: none; } .m-katalog__menu_but { position: absolute; top: 0; right: 0; } .m-katalog__menu .m-burger__one { transform: rotate(-45deg); top: 25px; } .m-katalog__menu .m-burger__two { transform: rotate(45deg); top: 25px; } .form__field.show .bx-filter-block, .form__field.show .field__bottom { display: block; } .tabs__info_item_title { display: none; padding: 0 15px; } .tabs__info_item_title a { font-family: 'SFUIText-Heavy'; padding-bottom: 10px; font-size: 17px; margin-bottom: 20px; color: #0e2f56; border-bottom: 2px solid #ebebeb; display: block; } .tabs__info_item.active .tabs__info_item_title a { border-bottom: 2px solid #37a1cd; color: #37a1cd; } .works_items { display: flex; justify-content: space-between; flex-wrap: wrap; } .works_item { width: 280px; height: 200px; overflow: hidden; position: relative; margin: 0 0 20px; } .works_item a { text-decoration: none; } .works_item_img { width: 100%; height: 100%; } .works_item_img img { width: 100%; } .works_item_name { width: 100%; padding: 10px; background: #fff; background: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0; left: 0; } .basket-fixed-line { height: 50px; } .detail_picture { max-width: 100%; margin: 0 0 20px; } .news-list { } .news-item { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #ebebeb; display: flex; } .news-item .preview_pic { width: 290px; } .news-item .preview_info { margin: 0 0 0 20px; } .news-item .preview_title { margin: 0 0 20px; } .news-item .preview_txt { line-height: 18px; color: #333333; } .works_detail { display: flex; justify-content: space-between; } .works_detail_pic { width: 280px; } .works_detail_pic img { width: 100%; } .works_detail_info { width: 530px; } .works_detail_pic_thumbs { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .wdpth_item { position: relative; margin: 0 0 20px; width: 80px; height: 80px; overflow: hidden; } .works_detail_btn_calc { margin: 0 0 20px; } .works_detail_btn_calc a { display: inline-block; color: #fff; text-decoration: none; background: #37a1cd; padding: 5px 10px; border-radius: 3px; } .works_detail_btn_call a { display: inline-block; color: #fff; text-decoration: none; background: #ff6a2c; padding: 5px 10px; border-radius: 3px; } .map_works { margin: 0 0 40px; } .reviews__full .reviews__item { width: 100%; margin: 0 0 50px; } .full_size { display: block; } .form__bottom { position: relative; padding: 0 0 40px; } .form__bottom .checkbox__item { position: absolute; bottom: 0; right: 0; } .form__bottom .checkbox__item label { color: #fff; } .abs_msg { position: absolute; z-index: 2; top: 5px; lefT: 5px; padding: 5px 10px; font-size: 12px; } .abs_msg.abs_suc { color: #009410; background: #c0ffd5; border: 1px solid #009410; } .abs_msg.abs_err { color: #bf0000; background: #ffc7c7; border: 1px solid #bf0000; } .calc__content_block_item { display: none; } .calc__content_block_item.active { display: block; } .added_prod_name a { text-decoration: none; } .product__name { display: none; font-size: 18px; color: #0e2f56; font-family: 'SFUIText-Heavy'; padding: 0 17px 25px 17px; } .form__bottom .checkbox__item a, .fblock_style .checkbox__item a { color: #fff; } #form_req_bg { display: none; position: fixed; top: 0; left: 0; z-index: 99998; background: #333333; width: 100%; height: 100%; opacity: 0.7; } #form_req_block { display: none; position: fixed; top: 50%; left: 50%; width: 300px; height: 300px; margin: -150px 0 0 -150px; background: #fff; z-index: 99999; } #form_req_close { position: absolute; right: 0; top: 0; display: block; text-align: center; background: #fff; width: 40px; line-height: 40px; text-decoration: none; font-weight: 700; color: #353535; } #form_req_close:hover { color: #fff; background: #353535; } #form_req_block h3 { text-align: center; background: #aaa; font-size: 18px; color: #fff; line-height: 40px; } #form_req_block.suc h3 { background: #008e00; } #form_req_block.err h3 { background: #bf0000; } #form_req_res { padding: 20px; font-size: 17px; } .suc #form_req_res { color: #008e00; } .err #form_req_res { color: #bf0000; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .gal_img { float: left; margin: 0 10px 15px 0; border: 1px solid #d8d8d8 !important; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 1px 3px 0px #caefab; -webkit-box-shadow: 0px 1px 3px 0px #caefab; box-shadow: 0px 1px 3px 0px #caefab; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .glyphicon { position: relative; top: 1px; display: inline-block; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; } .glyphicon-earphone:before { content: "\2706"; } .full_size p { color: #333333; font-size: 17px; margin-bottom: 20px; line-height: 22px; } .full_size ol li { list-style: decimal; color: #333333; color: #333333; font-size: 17px; margin-bottom: 20px; } .full_size ol { margin: 10px 0 10px 20px; width: 100%; } .full_size ul li { list-style: none; color: #333333; color: #333333; font-size: 17px; margin-bottom: 20px; position: relative; padding-left: 20px; } .full_size ul li:before { content: ' '; width: 10px; height: 10px; position: absolute; top: 3px; left: 0; background: url(/local/templates/rols_adaptive/./images/icons/list.png) center top no-repeat; } .full_size ul { margin: 10px 0 10px; width: 100%; } .full_size a { font-size: 17px; color: #37a1cd; } .full_size table { margin: 35px 0; } .full_size th { background: #0e2f56; color: #fff; text-align: center; padding: 20px 0; font-size: 17px; font-weight: 800; } .full_size td { padding: 20px 0; text-align: center; font-size: 14px; color: #333333; } .full_size td:nth-child(1) { font-size: 17px; color: #363636; font-weight: 600; background: #f1f5f6; } .full_size .form__top p { color: #fff; } .row { overflow: hidden; mrgin: 0 -15px; } .col-md-4 { width: 33.3%; float: left; padding: 0 15px; box-sizing: border-box; } .tabs__info_all { width: 100%; } .tabs__info .works_items { width: 100%; justify-content: flex-start; } .tabs__info .works_items a { width: auto; height: auto; } .tabs__info .works_item_img img { width: 100%; } .tabs__info .works_item { width: 260px; height: 175px; margin: 0 10px 20px; } .cart__top_ileft { position: relative; width: 350px; height: 358px; overflow: hidden; } .cart__top_left_min { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; height: 80px; box-sizing: border-box; } .thmb_item { padding: 0 5px; } .cart__top_left_min .owl-nav { position: absolute; top: 0; left: 0; width: 100%; margin: 0; z-index: 5; } .cart__top_left_min .owl-nav button { position: absolute; margin: 0 !important; width: 30px; height: 30px; border: 1px solid #37a1cd !important; border-radius: 50% !important; background: #fff !important; top: 16px; cursor: pointer; } .cart__top_left_min .owl-nav button span { line-height: 24px; color: #37a1cd; font-size: 24px; } .cart__top_left_min .owl-nav button:hover { background: #37a1cd !important; } .cart__top_left_min .owl-nav button:hover span { color: #fff; } .cart__top_left_min .owl-prev { left: -8px; } .cart__top_left_min .owl-next { right: -8px; } .cart__top_left.flex_top { align-items: start; } .search-result .inner__solutions { } .search-result .solutions__item { margin: 0 30px 30px 0 !important; } .search-result .solutions__item:nth-child(4n) { margin: 0 0 30px !important; } .search-result .solutions__item_title a { color: #333333; font-size: 14px; } .search-result .item_info__left p, .search-result .item_info__right p { font-size: 14px; color: #333333; margin: 0 0 10px; line-height: 12px; } .search-result .item_buy__left p { font-size: 20px; color: #37a1cd; text-align: center; } .search-result .item_buy__right a { color: #fff; font-size: 11px; } .searchpage_form { position: relative; margin: 0 0 20px; } .searchpage_form .search-query { width: 100%; padding: 0 50px 0 10px; height: 36px; border-radius: 5px; } /*404*/ .page-404__text { width: 80%; font-size: 22px; line-height: 1.2; padding-bottom: 15px; } .page-404__text a { font-size: 20px; } .page-404__search-box { width: 40%; } .page-404__search { float: left; } .page-404__search-title h2 { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0px; } @media (max-width: 768px) { .page-404__text { padding: 15px 15px 30px 15px; text-align: center; width: 100%; } .page-404__search-box { display: none; } .m-katalog__mobile { display: block; } } /*Feedback-boss*/ .feedback-boss, .feedback-service, .feedback-dealer { background: #f1f5f6; } .feedback-boss__text, .feedback-service__text, .feedback-dealer__text { padding: 15px 40px; border-bottom: 1px solid #fff; } .feedback-service__text h2, .feedback-dealer__text h2 { margin: 0px; padding: 10px 0px 10px 0px; } .feedback-boss__res, .feedback-service__res, .feedback-dealer__res { padding: 40px 40px 20px 40px; } .feedback-boss__res p, .feedback-service__res p, .feedback-dealer__res p { color: #ff522c; font-weight: bold; } .feedback-boss__form input[name=form_email_140]{ display: none; } /* End */ /* /local/templates/rols_adaptive/css/owl.carousel.min.css?16218695693351 */ /* /local/templates/rols_adaptive/css/owl.theme.default.min.css?16218695691013 */ /* /local/templates/rols_adaptive/css/fblock.css?16218695692391 */ /* /local/templates/rols_adaptive/css/touchTouch.css?16218695692352 */ /* /local/templates/rols_adaptive/styles.css?1778224788378 */ /* /local/templates/rols_adaptive/template_styles.css?1778224788113777 */