html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, button {margin: 0;padding: 0; border: 0;font-size: 100%;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}lockquote::before, blockquote::after,q::before, q::after {content: "";content: none;}table {border-collapse: collapse;border-spacing: 0;}html, body{font-size: 16px; color: #fff;}a{outline: none;}a img{border: none; outline: none;}*{-webkit-box-sizing: border-box;box-sizing: border-box;}input, textarea {outline:none;}input:active, textarea:active {outline:none;}:focus {outline:none;}h1,h2,h3,h4,h5,h6{font-weight:600;}input, textarea, button, select {font-family: "Roboto", "arial", sans-serif;}p {margin: 0 0 12px; max-width:100%;}p:last-child{margin: 0;}a{text-decoration: none;color: #fff;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}sup{font-size: 10px; vertical-align: super;line-height: 0;}html{height: 100%;min-width: 300px;overflow-x: hidden;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #bdbdbd;} input::-moz-placeholder, textarea::-moz-placeholder {color: #bdbdbd;} input:-moz-placeholder, textarea:-moz-placeholder {color: #bdbdbd;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #bdbdbd;} @font-face { font-family: 'Roboto Condensed'; src: url('../fonts/RobotoCondensed-Regular.eot'); src: url('../fonts/RobotoCondensed-Regular.eot@') format('embedded-opentype'), url('../fonts/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto Condensed'; src: url('../fonts/RobotoCondensed-Bold.eot'); src: url('../fonts/RobotoCondensed-Bold.eot@') format('embedded-opentype'), url('../fonts/RobotoCondensed-Bold.woff') format('woff'), url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Roboto Condensed'; src: url('../fonts/RobotoCondensed-Light.eot'); src: url('../fonts/RobotoCondensed-Light.eot@') format('embedded-opentype'), url('../fonts/RobotoCondensed-Light.woff') format('woff'), url('../fonts/RobotoCondensed-Light.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Italic.eot'); src: url('../fonts/Roboto-Italic.eot@') format('embedded-opentype'), url('../fonts/Roboto-Italic.woff') format('woff'), url('../fonts/Roboto-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Bold.eot'); src: url('../fonts/Roboto-Bold.eot@') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Medium.eot'); src: url('../fonts/Roboto-Medium.eot@') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Regular.eot'); src: url('../fonts/Roboto-Regular.eot@') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Light.eot'); src: url('../fonts/Roboto-Light.eot@') format('embedded-opentype'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'); font-weight: 200; font-style: normal; } body{ min-height: 100%; min-width: 300px; position: relative; font-family: "Roboto", "arial", sans-serif; font-size: 16px; font-weight: 300; letter-spacing: 0; color:#212121; background: #fff; overflow: hidden; } .wrap{ max-width: 1200px; width: 100%; margin: 0 auto; position: relative; padding: 0 15px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display:block; } /* Заголовок */ .titleBlock{ float:left; width:100%; font-size:54px; line-height: 1.05; font-weight: 600; text-align:center; position: relative; z-index:2; font-family: "Roboto Condensed", "arial", sans-serif; margin-bottom:60px; } .titleBlock span{ display:block; } .titleBlock-white{ color:#fff; } .titleBlock-sub{ float:left; width:100%; font-size:30px; margin-top:-30px; margin-bottom:50px; font-weight: 600; text-align:center; font-family: "Roboto Condensed", "arial", sans-serif; } .title__link{ float: right; color: #43a047; font-size: 12px; text-transform: uppercase; font-weight: 500; position: absolute; right: 0; top: 10px; } .padding-80{ float:left; width:100%; position: relative; padding:80px 0; } .headerBlock, .priceBlock, .calculatorBlock, .abnBlock, .wayBlock, .contactBlock, .footerBlock{ float:left; width:100%; position: relative; } /* Шапка */ .headerBlock{ height:100vh; min-height: 550px; background-color: #25303b; background-repeat: no-repeat; background-position: center top; background-size: cover; } .headerBlock:before{ content:""; height:100%; width:100%; background-color: #000; position:absolute; top:0; left:0; opacity: 0.4; } .headerTop{ float:left; width:100%; position: absolute; top:0; left:0; margin:30px 0; z-index:10; padding:0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .logoBlock img{ width: 100px; } .logoBlock{ float:left; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cityBlock{ float:left; position: relative; min-width:150px; } .currentCity{ font-size:14px; line-height:17px; text-transform: uppercase; font-weight: 500; color:#fff; display: block; cursor:pointer; } .optionCity{ position: absolute; top: 40px; left: 50%; margin: 0px 0 0 -170px; background: #fff; width: 300px; padding: 30px 30px 40px; border-radius: 5px; z-index:10; display:block; -webkit-box-shadow: 0 6px 29px 10px rgba(10, 43, 83, 0.05); box-shadow: 0 6px 29px 10px rgba(10, 43, 83, 0.05); } .optionCity:after { content: ""; position: absolute; left: 50%; top: -19px; margin-left: -10px; border: 10px solid transparent; border-bottom: 10px solid #fff; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .optionCity-list{ z-index: 12; -webkit-box-shadow: 0 6px 29px 10px rgba(10, 43, 83, 0.05); box-shadow: 0 6px 29px 10px rgba(10, 43, 83, 0.05); } .optionCity__title{ float:left; width:100%; text-align: center; margin-bottom: 15px; } .optionCity-list .optionCity__title span{ font-size: 22px; font-weight: 600; } .optionCity__btn{ float:left; width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .optionCity__btn .link{ color:#212121; margin-left:30px; } .optionCity__list{ float: left; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; } .optionCity__list span, .optionCity__list a{ color:#212121; margin-top: 15px; width:42%; } .optionCity__list a:hover{ color:#fa9548; } .optionCity .link:hover{ color:#fa9548; } .utpCalc{ float:left; position: relative; margin-right:40px; } .utpCalc__link{ font-size:14px; line-height:44px; text-transform: uppercase; font-weight: 500; color:#fff; display: block; cursor:pointer; } .headerContact{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .phoneBlock{ margin-right:40px; } .numberBlock{ font-size:18px; font-weight: 500; line-height:23px; margin-bottom:5px; } .numberBlock:last-child{ margin-bottom:0; } .navigation{ float:left; width:100%; position: absolute; top:120px; left:0; z-index:2; background: #212121; text-align:center; font-family: "Roboto Condensed", "arial", sans-serif; } .navigation a{ display:inline-block; text-transform: uppercase; font-size:16px; font-weight: 600; line-height:22px; padding:29px 30px; } .navigation a:hover{ color:#fa9548; } .headerUpt{ float:left; width:100%; height:100vh; margin-top:100px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .uptBlock{ float:left; width:100%; position: relative; text-align:center; font-family: "Roboto Condensed", "arial", sans-serif; color:#fff; } .utpBlock__title{ float:left; width:100%; font-size:70px; line-height:1.05; font-weight: 600; margin-bottom:35px; } .utpBlock__title_2{ float:left; width:100%; font-size:30px; line-height:1.05; font-weight: 600; margin-bottom:50px; } .utpBlock__title_2 i{ font-style:normal; } .uptBlock span{ display:block; } .utpBlock__plus{ float:left; width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; margin-bottom:50px; } .plusItem{ font-size:19px; line-height:1.2; font-weight: 600; text-align:left; width: calc(25% - 30px); margin: 0 15px; min-width:200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .uptBlock .plusItem:before{ width:56px; height:48px; margin-right:30px; } /* Прайс */ .priceBlock{} .priceTabs{ float:left; width:100%; position: relative; margin-top:-30px; } .priceTabs__link{ float:left; width:100%; position: relative; text-align: center; margin-bottom:40px; } .priceTabs__link a{ display:inline-block; color:#bdbdbd; font-size:24px; line-height:1.05; font-weight:600; font-family: "Roboto Condensed", "arial", sans-serif; border-bottom:2px solid transparent; margin:10px 25px; padding:2px 0; } .priceTabs__link a:hover, .priceTabs__link a.active{ color:#fa9548; border-bottom:2px solid; } .priceTabs__blok{ float:left; width:100%; position: relative; } #rastvor, #gbi, #sheben, #keramzit, #cement {display:none; position:fixed;} .priceTabs__blok > div, .priceTabs__blok #rastvor:target ~ div:nth-of-type(1), .priceTabs__blok #gbi:target ~ div:nth-of-type(1), .priceTabs__blok #sheben:target ~ div:nth-of-type(1), .priceTabs__blok #keramzit:target ~ div:nth-of-type(1), .priceTabs__blok #cement:target ~ div:nth-of-type(1) {display: none;} .priceTabs__blok > div:nth-of-type(1), .priceTabs__blok #rastvor:target ~ div:nth-of-type(2), .priceTabs__blok #gbi:target ~ div:nth-of-type(3), .priceTabs__blok #sheben:target ~ div:nth-of-type(4), .priceTabs__blok #keramzit:target ~ div:nth-of-type(5), .priceTabs__blok #cement:target ~ div:nth-of-type(6) {display: -webkit-box;display: -ms-flexbox;display: flex;} .priceTabs__item{ float:left; width:100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .priceItem{ float:left; width:50%; position: relative; padding-right:20px; margin-bottom:50px; } .priceItem:nth-last-child(2), .priceItem:last-child{ margin-bottom:0; } .priceItem__img{ float:left; position: relative; width:30%; max-width: 170px; } .priceItem__img img{ display:block; max-width:100%; max-height:100%; } .priceItem__zoom{ display:inline-block; position:relative; } .priceItem__zoom:before{ content:""; background: rgba(0, 0, 0, 0.5); position: absolute; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .priceItem__zoom:after{ content:""; position: absolute; top:50%; left:50%; width:50px; height:50px; margin:-25px 0 0 -25px; background: url(../images/icons/icon-plus.png) no-repeat center #fa9548; border-radius: 50%; opacity:0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .priceItem__zoom:hover:after, .priceItem__zoom:hover:before{ opacity:1; } .priceItem__zoom img{ max-width:100%; display:block; } .priceItem__info{ float:left; width:70%; padding-left: 20px; font-family: "Roboto Condensed", "arial", sans-serif; font-weight:600; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .priceItem__info i{ font-size:14px; text-transform: uppercase; font-style: normal; display: inline-block; } .priceItem__name{ float:left; width:100%; font-size:30px; } .priceItem__name, .priceItem__price, .priceItem__summa{ margin-bottom:20px; } .priceItem__title{ float: left; width: 100%; color:#bdbdbd; font-size:14px; text-transform: uppercase; margin-bottom:10px; } .priceItem__price{ font-size:24px; width:40%; } .priceItem__cena{ float:left; margin-top:8px; } .priceItem__summa{ font-size:32px; width:58%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .priceItem__kolvo, .priceItem__obem{ float:left; width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .priceItem__obem .inputText{ width:30%; text-align: center; } .priceItem__obem i{ width:10%; text-align:center; padding:0 5px; } .priceItem__obem .priceItem__btn{ min-width: 58%; } .priceItem__btn-center{ float: left; width: 100%; text-align: center; margin-top: 30px; } .priceItem__obem .button{ max-width:180px; } .priceModal{ float:left; width:100%; max-width:900px; position:relative; } .priceModal__desc{ float:left; width:100%; position:relative; } .priceModal__desc table{ float:left; width:100%; position:relative; } .priceModal__desc th{ background: #eee; padding: 15px 10px; font-size: 14px; text-align: center; } .priceModal__desc td{ padding: 15px 10px; text-align: center; } .priceModal__desc td:first-child{ text-align:left; } .priceModal__desc tr:nth-child(2n+1){ background:#f7f7f7; } /* Таблица */ .price-table{ float:left; width:100%; overflow-x: auto; } .price-table h3{ font-size: 24px; line-height: 32px; margin-bottom: 30px; } .price-table table{ float:left; border: 1px solid #eee; table-layout: fixed; width: 100%; min-width:400px; margin-bottom: 40px; font-size: 16px; line-height: 24px; } .price-table th { font-weight: 400; padding: 15px; background: #efefef; border: 1px solid #dddddd; font-size: 16px; text-align: left; } .price-table td{ padding: 15px 10px; border: 1px solid #eee; text-align: left; vertical-align: middle; } .price-table .table-name{ display:block; font-size: 16px; line-height: 20px; color: #212121; font-weight:600; } .price-table .table-desc{ display:block; font-size: 14px; line-height: 20px; color: #919191; } .price-table .table-price{ display:block; font-weight:600; font-size: 18px; line-height: 20px; } .price-table tbody tr:nth-child(odd){ background: #fff; } .price-table tbody tr:nth-child(even){ background: #F7F7F7; } /* Калькулятор */ .calculatorBlock{ background:url(../images/bg_calc.jpg) no-repeat center / cover #3c3c3c; font-family: "Roboto Condensed", "arial", sans-serif; color:#fff; } .formulaBlock{ float:left; width:52%; position:relative; } .formulaBlock__title{ text-align: left; } .formulaItem{ float:left; width:80%; margin-bottom:40px; } .formulaItem i{ font-size:14px; text-transform: uppercase; font-style: normal; display: inline-block; text-align:center; padding:0 15px; } .formulaItem-1{ max-width:220px; margin-right:30px; } .formulaItem-2{ max-width:220px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .formulaItem-2 .inputText{ max-width:170px; } .calculatorBlock .priceItem__title{ color: #fff; font-weight: 600; margin-bottom:15px; } .formulaItem__km{ float:left; width:100px; background: #e0e0e0; border-radius: 3px; font-size:14px; line-height: 30px; font-family: "Roboto", "arial", sans-serif; color:#212121; margin:0 10px 10px 0; text-align: center; cursor:pointer; } .formulaItem__km.active, .formulaItem__km:hover{ background: #fa9548; color:#fff; } .formulaItem__km input{ display:none; } .formulaItem-3{ margin-bottom:0; } .formulaItem-3 .inputCheckbox{ font-size:18px; font-weight: 600; } .resultBlock{ float:left; width:50%; border:12px solid #fa9548; padding:60px 40px 40px; max-width:470px; } .resultItem{ float:left; width:100%; font-size:18px; margin-bottom:15px; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .resultItem__summa{ font-size:14px; text-transform: uppercase; } .resultItem__summa span{ font-size:24px; } .resultItem-all{ font-size:24px; margin-bottom:60px; } .resultItem-all span{ font-size:32px; } .resultForm{ float:left; width:100%; } .resultForm-ok{ display:none; } .resultForm__title{ float:left; width:100%; text-align: center; font-size:20px; line-height: 1.2; font-weight:600; margin-bottom:30px; } .resultForm__pole{ float:left; width:60%; margin:0 20% 20px; } .resultForm__pole .button{ width:100%; } .resultForm .confidencial__checked{ float:left; width:100%; margin-top:10px; color:#fff; padding:0 10%; } /* Заказ бетононасоса */ .abnBlock{} .tableBlock-wrap{ float:left; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position:relative; } .tableBlock{ float:left; width:100%; max-width:970px; border-radius:4px; -webkit-box-shadow: 0 20px 50px 19px rgba(0, 0, 0, 0.06); box-shadow: 0 20px 50px 19px rgba(0, 0, 0, 0.06); margin-bottom:55px; } .tableTitle{ float:left; width:100%; background:#212121; color:#fff; font-size:20px; font-weight:600; font-family: "Roboto Condensed", "arial", sans-serif; padding:15px 50px; border-radius:4px 4px 0 0; } .tableTitle div, .tabletr div{ float:left; padding:25px 0; } .tableBody{ float:left; width:100%; font-size:16px; font-weight:600; padding:0 50px 40px; } .tabletr{ float:left; width:100%; border-bottom:1px solid #eee; } .tabletr:last-child{ border-bottom:none; } .tableTitle div:first-child, .tabletr div:first-child{ width:33%; max-width:285px; } .tableTitle div:nth-child(2), .tabletr div:nth-child(2){ width:47%; max-width:400px; padding:25px 60px; } .tabletr div:nth-child(2){ border-left:1px solid #eee; border-right:1px solid #eee; } .tabletr div:last-child{ width:20%; max-width:400px; text-align:center; } .tabletr a{ color:#fa9548; font-size:18px; font-family: "Roboto Condensed", "arial", sans-serif; text-align:center; display:inline-block; } .orderAbn{ float:left; width:100%; text-align:center; } .orderAbn__title{ font-family: "Roboto Condensed", "arial", sans-serif; font-size:36px; line-height: 1.05; font-weight: 200; margin-bottom:30px; } .orderAbn__phone a{ display: block; font-size:36px; font-weight: 600; color:#212121; margin-bottom:30px; } /* Почему мы */ .whomeBlock{ background-image:url(../images/bg_me11.jpg); font-family: "Roboto Condensed", "arial", sans-serif; color:#fff; background-color: #3c3c3c; background-repeat: no-repeat; background-position: center top; background-size: cover; } .whomeBlock:before{ content:""; height:100%; width:100%; background-color: #000; position:absolute; top:0; left:0; opacity: 0.4; } .whomeBlock-wrap{ float:left; width:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 60px; } .sertBlock{ width:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sertBlock span{ display:block; font-size:20px; font-weight: 600; line-height: 1.2; margin-top:25px; } .meBlock{ width:50%; max-width: 50%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .meItem{ float:left; width:50%; position:relative; margin-bottom: 60px; } .meItem__icon{ float:left; width:100%; margin-bottom:25px; } .meBlock .meItem__icon:before{ width:76px; height:76px; } .meItem__name{ float:left; width:100%; font-size:20px; font-weight:600; line-height: 1.2; } .meItem__name span{ display:block; } /* Контент */ .content-text{ float: left; width: 100%; margin-bottom: 28px; font-size: 16px; line-height: 24px; color: #212121; } .content-text a{ color: #fa9548; border-bottom: 1px solid; } .content-text a:hover{ border-bottom: 0; } .clientBlock{} .clientBlock-wrap{ float:left; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position:relative; } .clientList{ float:left; width:100%; max-width:970px; } .clientLogo{ float:left; width:100%; max-width:570px; position: relative; border:15px solid #eee; padding:55px 75px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .clientItem{ float:left; width:50%; max-width:170px; height:55px; display:block; background: url(../images/temp/client.png) no-repeat center / contain; margin-bottom:45px; opacity:0.6; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); } .clientItem.active, .clientItem:hover{ filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: gray; -webkit-filter: grayscale(0); opacity:1; } .clientItem:nth-last-child(2), .clientItem:last-child{ margin-bottom:0; } .clientReview{ float:left; width:50%; max-width:400px; position: relative; } .reviewItem{ float:left; width:100%; position: relative; padding:70px 0 0 110px; } .reviewItem__company{ float:left; width:100%; font-family: "Roboto Condensed", "arial", sans-serif; font-size:20px; color:#fa9548; font-weight:600; margin-bottom:15px; position: relative; } .reviewItem__company:before{ content:""; position:absolute; top: -10px; left: -75px; width:49px; height:32px; background: url(../images/icons/icon-review.png) no-repeat center; } .reviewItem__name{ float:left; width:100%; font-size:16px; font-weight:600; margin-bottom:25px; } .reviewItem__desc{ float:left; width:100%; font-size:16px; line-height: 1.8; } #client2, #client3, #client4, #client5, #client6, #client7 , #client8 , #client9, #client10 {display:none; position:fixed;} .clientReview > div, .clientReview #client2:target ~ div:nth-of-type(1), .clientReview #client3:target ~ div:nth-of-type(1), .clientReview #client4:target ~ div:nth-of-type(1), .clientReview #client5:target ~ div:nth-of-type(1), .clientReview #client6:target ~ div:nth-of-type(1), .clientReview #client7:target ~ div:nth-of-type(1), .clientReview #client8:target ~ div:nth-of-type(1), .clientReview #client9:target ~ div:nth-of-type(1), .clientReview #client10:target ~ div:nth-of-type(1) {display: none;} .clientReview > div:nth-of-type(1), .clientReview #client2:target ~ div:nth-of-type(2), .clientReview #client3:target ~ div:nth-of-type(3), .clientReview #client4:target ~ div:nth-of-type(4), .clientReview #client5:target ~ div:nth-of-type(5), .clientReview #client6:target ~ div:nth-of-type(6), .clientReview #client7:target ~ div:nth-of-type(7), .clientReview #client8:target ~ div:nth-of-type(8), .clientReview #client9:target ~ div:nth-of-type(9), .clientReview #client10:target ~ div:nth-of-type(10), .clientReview #client11:target ~ div:nth-of-type(11) {display: block;} /* Как заказать */ .wayBlock{ background: url(../images/bg_way11.jpg) no-repeat center / cover #3c3c3c; font-family: "Roboto Condensed", "arial", sans-serif; color:#fff; } .wayBlock-wrap{ float:left; width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wayList{ float:left; width:100%; position: relative; max-width:1035px; margin-bottom:60px; } .wayList:before{ content:""; width:100%; height:100%; background: url(../images/bg_way2.png) no-repeat center; position: absolute; top:-39px; right:0; } .wayItem{ float:left; width:33%; max-width:220px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom:120px; margin-right:18%; } .wayItem-3 { margin: 150px 0 -40px 0; } .wayItem-4, .wayItem-5{ margin-bottom:0; } .wayItem__icon{ float:left; width:100px; height:100px; position: relative; background-color: #fff; background-position: center; background-repeat: no-repeat; border-radius: 50%; margin-bottom:30px; } .wayItem__icon:before{ content:"1"; width:40px; height:40px; position: absolute; top:-12px; left:0; background-color: #fa9548; border-radius: 50%; font-size:20px; font-weight:600; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wayItem-1 .wayItem__icon{background-image: url(../images/icons/way-1.png);} .wayItem-2 .wayItem__icon{background-image: url(../images/icons/way-2.png);} .wayItem-3 .wayItem__icon{background-image: url(../images/icons/way-3.png);} .wayItem-4 .wayItem__icon{background-image: url(../images/icons/way-4.png);} .wayItem-5 .wayItem__icon{background-image: url(../images/icons/way-5.png);} .wayItem-1 .wayItem__icon:before{content:"1";} .wayItem-2 .wayItem__icon:before{content:"2";} .wayItem-3 .wayItem__icon:before{content:"3";} .wayItem-4 .wayItem__icon:before{content:"4";} .wayItem-5 .wayItem__icon:before{content:"5";} .wayItem__text{ float:left; width:100%; font-size:18px; font-weight:600; line-height: 1.3; text-align:center; } .wayItem__text span{ display:block; } /* Карта */ .contactBlock{} .contactInfo{ float:left; width:100%; height:190px; position: relative; z-index:10; font-family: "Roboto Condensed", "arial", sans-serif; font-size:16px; font-weight: 600; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .contactBlock.active .contactInfo{ height:500px; z-index:-1; } .contactBlock.active .contactInfo span{ display:none; } .contactBlock.active .blockMaps{ height:100%; } .viewMaps{ position: absolute; bottom:-25px; left:50%; z-index:10; width:50px; height:50px; margin:0 0 0 -25px; background: url(../images/icons/icon-plus.png) no-repeat center #fa9548; border-radius: 50%; } .viewMaps:hover{ background-color:#f4ac4b; } .contactBlock.active .viewMaps{ -ms-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .blockMaps{ float:left; width:100%; height:190px; position: absolute; top:0; left:0; } #maps{ float:left; width:100%; height:100%; } .footerBlock{ background: #212121; } .contactFooter{ float:left; width:100%; position: relative; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding:40px 0; } .contactFooter-wrap{ float:left; position: relative; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .d-none{ display: none; } .contactFooter__logo{ float:left; margin-right:80px; } .contactFooter__logo img{ display:block; max-width:150px; } .contactFooter__adress{ float:left; color:#fff; font-size:15px; line-height: 1.4; } .contactFooter__adress span{ display:block; } .contactFooter__adress .priceItem__title{ font-weight:600; color:#fff; } .contactFooter__phone{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footerCopy{ float:left; width:100%; position: relative; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color:#919191; font-size:14px; margin-bottom:40px; } .footerCopy a{ color:#919191; } .footerCopy a:hover{ color:#999; } .footerCopy__text{ float:left; margin-right:115px; } .footerCopy__link{ float:left; } .footerCopy__link a{ float:left; margin-right:40px; } /* кнопки */ .button{ position: relative; display: inline-block; min-width:200px; font-family: "Roboto Condensed", "arial", sans-serif; color: #fff; font-size: 18px; line-height: 14px; text-decoration: none; text-align: center; font-weight: 600; border-radius: 4px; padding:23px; cursor: pointer; background: #f4ac4b; -webkit-box-shadow: 0 -30px 45px -15px #e94735 inset; box-shadow: 0 -30px 45px -15px #e94735 inset; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .button-270{ min-width:270px; } .button-370{ min-width:370px; } .button-50{ padding:18px; } .button-mini{ padding: 12px; min-width: 120px; font-size: 16px; font-weight: 400; } .button:hover{ background: #e94735; -webkit-box-shadow: 0px -70px 45px -15px #f4ac4b inset; box-shadow: 0px -70px 45px -15px #f4ac4b inset; } .button-call{ display: flex; flex-wrap:wrap; justify-content: center; width: 100%; align-items: center; } .button-call .button{ margin:10px; } .callyou{ font-size:18px; line-height:22px; margin:10px; } .callyou a{ color:#e94735; font-weight:600; } /* Иконки */ .icon:before{ content:""; float:left; position: relative; display: block; width:30px; height:30px; background-color: transparent; background-position: center; background-repeat: no-repeat; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-city:before{ background-image: url(../images/icons/icon-city.png); width:17px; height:17px; margin-right:8px; } .icon-calc:before{ background-image: url(../images/icons/icon-calc.png); width:44px; height:44px; margin-right:20px; } .icon-plus-1:before{ background-image: url(../images/icons/plus-1.png); } .icon-plus-2:before{ background-image: url(../images/icons/plus-2.png); } .icon-plus-3:before{ background-image: url(../images/icons/plus-3.png); background-size: cover; } .icon-me-1:before{ background-image: url(../images/icons/me-1.png); } .icon-me-2:before{ background-image: url(../images/icons/me-2.png); } .icon-me-3:before{ background-image: url(../images/icons/me-3.png); } .icon-me-4:before{ background-image: url(../images/icons/me-4.png); } .icon-plus:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABFJREFUCNdjYGTAgv7/wyoOAC4sAgw4GraqAAAAAElFTkSuQmCC); } .icon-close:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABFJREFUCNdjYGTAgv7/wyoOAC4sAgw4GraqAAAAAElFTkSuQmCC); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .icon-360:before:hover{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAJ1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdEvm1AAAADHRSTlMAWejMxSK1GGpk+QbBD/LnAAAAYklEQVQI12NgYBBT4DlzBkgHOxbwOAcwMLBqMDDwcKgyMDBPADIYJjMwiDCAGCwCDIkMIMCYwKAOZrArMBwAM7gXwEUQakRANFAXyBwgmAwxmYFDFWxXdSHQLpDtWmoCDAwAslINBkVdPwoAAAAASUVORK5CYII=); } .icon-plus:before:hover{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABFJREFUCNdjYGTAgv7/wyoOAC4sAgw4GraqAAAAAElFTkSuQmCC); } .icon-close:before:hover{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABFJREFUCNdjYGTAgv7/wyoOAC4sAgw4GraqAAAAAElFTkSuQmCC); } .icon-check{ float:left; position: relative; display: block; width:40px; height:40px; background-color: #39b937; background-position: center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAOCAMAAAD6xte7AAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAE3RSTlMAs6YgA5SOCX0PhlZfPycUmoN0JDrldwAAAFFJREFUGNNlyksSgCAMA9AWoSjg9/6HNQuntSWbZN6EQuq9T9SYA2YQN08rSCrR0mdKPAJRwRie8MPsH5UNopgfJUVRMlQyVLIcia8T7VF+9AIcawIPU9riCgAAAABJRU5ErkJggg==); border-radius: 50%; } /* меню мобильное */ .logoTop-mobile{ margin-left:30px; display:none; } .srvbtn-trigger { display:block; position: relative; width: 30px; height: 21px; -webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; cursor: pointer; } .srvbtn-trigger::before, .srvbtn-trigger::after, .srvbtn-trigger i { content: ""; position: absolute; width: 100%; height: 3px; background: #fff; top: 0; } .srvbtn-trigger::before, .srvbtn-trigger::after, .srvbtn-trigger i { -webkit-transition: all ease 0.2s; transition: all ease 0.2s; -moz-transition: all ease 0.2s; -o-transition: all ease 0.2s; -webkit-transition: all ease 0.2s; } .srvbtn-trigger::before { top: 9px; } .srvbtn-trigger::after { top: auto; bottom: 0; } .srvbtn-trigger.btn-anim::after{ -ms-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform-origin: 3px 4px 0; transform-origin: 3px 4px 0; -moz-transform-origin: 3px 4px 0; -o-transform-origin: 3px 4px 0; -webkit-transform-origin: 3px 4px 0; } .srvbtn-trigger.btn-anim i{ -ms-transform:rotate(45deg); transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform-origin:0 0 0; transform-origin:0 0 0; -moz-transform-origin:0 0 0; -o-transform-origin:0 0 0; -webkit-transform-origin:0 0 0; } .srvbtn-trigger.btn-anim::before{ opacity:0; } .closeBtn{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABFJREFUCNdjYGTAgv7/wyoOAC4sAgw4GraqAAAAAElFTkSuQmCC) no-repeat center #fa9548; padding: 22px; position: absolute; top: 27px; right: 15px; cursor: pointer; display: none; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-radius: 50%; } .closeBtn:hover{ opacity:0.7; } /* Заявка на выплату */ .payBlock{} .payBlock .titleBlock, .connectBlock .titleBlock, .orderBlock .titleBlock{ margin-bottom:50px; } .formBlock{ float:left; width:100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .formBlock form, .formItem-adress, .formItem-time{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .payBlock form{ max-width:630px; } .formItem{ float:left; width:50%; max-width: 260px; margin:0 30px 8px 0; position: relative; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .formItem-0, .formItem:last-child{ margin:0 0 8px 0; } .formItem-30{ width:30%; } .formItem-25{ width:25%; } .formItem-100{ width:100%; max-width:100%; } .formItem-370{ max-width:370px; width: 46%; } .formItem-2{ width:34%; } .formItem-2 .inputText{ width:47%; } .formItem-2 .inputText-1{ margin-right:6%; } .formBlock .formItem-btn{ margin-top:15px; text-align: center; } .formItem-btn .button{ margin-bottom:25px; } .formItem__name{ float:left; width:100%; font-size:16px; font-weight: 500; margin-bottom:20px; } .orderBlock form{ max-width:800px; } .formItem-time{ float:left; width:100%; } .formItem-totime.view .formItem{ width:30.66%; } .formItem-times{ width:0; overflow: hidden; margin:0; white-space: nowrap; } .formItem-totime.view .formItem-times{ width:30%; margin:0 30px 8px 0; } .formItem-adress{ float:left; width:100%; position: relative; } .formItem-adress1{ margin-right: 8%; } .refresh-btn{ width: 20px; height: 56px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAATlBMVEUAAAAhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISFPOoPMAAAAGnRSTlMA0KBA2NyvDN+qlYBvNy4hEwn0t7Gedk9MQ2vhBi8AAACGSURBVCjP1dFJDsMgEETRbxswgwHPw/0vGqljo0ThAnkbClh1NY+DCrdR4Zf+49bHTniVgSRfwbpWmHkHWhtgMBMi6kvOyQyoEXHqxNuoUXdcMw9Fw4/mvx9VyXktY+rxjkmfdyGqVHfpSKmOYFtgn00rnA2yjgRk5TsRvza1eCo2R8XxhBd1SgQtNBs2sAAAAABJRU5ErkJggg==) no-repeat center; position: absolute; bottom: 28px; left: 50%; margin-left: -10px; cursor: pointer; z-index:2; } .refresh-btn:hover{ opacity:0.8; } .connectBlock form{ max-width:840px; } .formItem-file{ float:left; width:100%; position: relative; margin-bottom:20px; } .connectBlock .formItem { width: 30.333%; margin: 0 3% 8px 0; } .connectBlock .formItem-100 { width: 100%; max-width: 100%; } .formsModal-3{ display:none; } .formsBlock{ float: left; width: 100%; max-width:470px; min-width:250px; position: relative; padding: 25px; } .formsBlock__title{ width:100%; float:left; font-size: 40px; line-height: 1.2; font-weight: 600; text-align: center; margin-bottom: 15px; font-family: "Roboto Condensed", "arial", sans-serif; } .formsBlock__subtitle, .formsBlock__ok{ width:100%; float:left; font-weight: 600; font-size: 20px; line-height: 1.3; text-align: center; margin-bottom: 40px; font-family: "Roboto Condensed", "arial", sans-serif; } .formsBlock__form, .formsBlock__form2{ float: left; width: 90%; margin:0 5%; position: relative; text-align: center; } .formsBlock__form2, .button_submit{ display:none; } .formsBlock__form .button_callme{ margin:0 0 20px 0; width:100%; max-width:220px; } .formsBlock__form form{ float:left; width:100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .formsBlock__inputs{ width:80%; max-width:220px; float:left; } .formsBlock__inputs .inputText{ margin-bottom:25px; } .formsBlock__name{ float:left; width:100%; text-align:left; margin-bottom:12px; font-size:14px; font-family: "Roboto Condensed", "arial", sans-serif; color:#bdbdbd; text-transform: uppercase; font-weight: 600; } .formsBlock__text{ width:100%; float:left; font-size:16px; line-height: 24px; margin:0 0 20px 0; } .formsBlock__text2{ width:100%; float:left; font-size:13px; } /* Стилизация форм */ .inputCheckbox{ font-size:14px; line-height: 20px; float:left; width:100%; cursor:pointer; margin-bottom:15px; } .inputCheckbox-30{ opacity:0.6; } .inputCheckbox input[type="radio"], .inputCheckbox input[type="checkbox"]{ display: none; } .inputCheckbox input[type="radio"] ~ span, .inputCheckbox input[type="checkbox"] ~ span { position: relative; display: inline-block; padding: 3px 0 3px 35px; cursor:pointer; } .inputCheckbox input[type="radio"] ~ span:before, .inputCheckbox input[type="checkbox"] ~ span:before { content: ""; position: absolute; display: block; width: 15px; height: 15px; border: 2px solid #fff; margin-right: 10px; left: 0; top: 50%; margin-top: -11px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .inputCheckbox input[type="radio"]:checked ~ span:before{ background: #fa9548; border: 2px solid #fff; } .inputCheckbox input[type="checkbox"]:checked ~ span:before{ background: #fa9548; border: 2px solid #fff; } .inputText{ float:left; width: 100%; padding:13px 20px; background: #fff; border:2px solid #eee; border-radius: 3px; font-size:15px; line-height: 20px; } .inputText:focus{ border-color:#fa9548; } .selectText{ float:left; width: 100%; padding:13px 30px; border:2px solid #eee; border-radius: 3px; font-size:16px; line-height: 20px; background: url(../images/icons/icon-select.png) no-repeat right 15px center #fff;; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-appearance: none; } .inputText-border{ padding:15px 30px; border:none; } input[type="number"] { position: relative; } input[type="number"].inputText::-webkit-outer-spin-button, input[type="number"].inputText::-webkit-inner-spin-button { -webkit-appearance: none; background: url(../images/icons/input.png) no-repeat center center; width: 50px; opacity: 1; position: absolute; top: 0; right: 0; bottom: 0; cursor:pointer; } .confidencial__checked{ float:left; width:100%; color:#bdbdbd; font-size:13px; padding:5px 2px; margin-bottom: 0; } .confidencial__checked a{ color:#bdbdbd; border-bottom:1px solid; line-height: 14px; display:inline-block; } .confidencial__checked a:hover{ color:#757575; } @media screen and (max-width: 1366px){ .headerTop { margin: 20px 0; } .navigation { top: 100px; } .navigation a { padding: 16px 30px; } .utpBlock__title { font-size: 56px; margin-bottom: 30px; } .utpBlock__title_2 { font-size: 24px; margin-bottom: 40px; } .utpBlock__plus { margin-bottom: 40px; } .headerUpt { margin-top: 60px; } } @media (min-width: 990px) and (max-width: 1110px){ .priceItem__name { font-size: 26px; } .priceItem__summa { font-size: 28px; } .priceItem__info i { font-size: 12px; } .priceItem__cena { margin-top: 4px; } } @media screen and (max-width: 1100px){ .contactFooter__logo { margin-right: 50px; } .footerCopy__text { margin-right: 88px; } .footerCopy__dev span{ display:none; } } @media screen and (max-width: 1180px){ .navigation a { padding: 16px 15px; } .titleBlock { font-size: 48px; } .titleBlock-sub { font-size: 26px; } .priceTabs__link a { font-size: 20px; } .utpCalc { display: none; } .wayItem { margin-right: 17%; } .wayItem-3 { margin: 150px 0 -40px 0; } } @media screen and (max-width: 1050px){ .formulaBlock { width: 100%; margin-bottom: 40px; } .resultBlock { width: 100%; padding: 60px 40px; max-width: 100%; } .wayItem { margin-right: 16%; } .wayItem-3 { margin: 150px 0 -40px 0; } } @media screen and (max-width: 1020px){ .formulaBlock { width: 100%; margin-bottom: 40px; } .resultBlock { width: 100%; padding: 60px 40px; max-width: 100%; } .wayItem { margin-right: 15%; } .wayItem-3 { margin: 150px 0 -40px 0; } .clientLogo { max-width: 510px; padding: 45px 45px; } .whomeBlock-wrap { margin: 0; } } @media screen and (max-width: 990px){ .priceItem:nth-last-child(2), .priceItem { width: 100%; padding-right: 0; margin-bottom: 50px; } .tableTitle div:nth-child(2), .tabletr div:nth-child(2) { padding: 25px 40px; } .wayList { margin-bottom: 0; } .wayList:before{ display:none; } .wayItem { margin: 0 0 80px; max-width: 33%; padding:0 10px; min-width:220px; } .contactFooter__logo { display: none; } .footerCopy__text { margin-right: 40px; } } @media screen and (max-width: 960px){ .logoTop-mobile{ display:block; } .clientLogo { max-width: 470px; padding: 30px; -ms-flex-pack: distribute; justify-content: space-around; } .navigation { top: 0; left:-100%; position:fixed; background: rgba(0, 0, 0, 0.8); width:100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: auto; z-index:999; } .navigation a{ font-size:22px; display:block; } .closeBtn{ display:block; } .headerTop { margin: 25px 0; position: relative; padding: 0; } .headerBlock { height: auto; } .headerUpt { margin: 50px 0; height: auto; } .price-table h3{ font-size: 22px; line-height: 28px; margin-bottom: 20px; } .price-table table{ margin-bottom: 30px; font-size: 16px; line-height: 20px; } .price-table th { padding: 10px; font-size: 14px; } .price-table td{ padding: 10px 5px; } } @media screen and (max-width: 920px){ .callmeBlock{ display:none; } .phoneBlock { margin-right: 0; } .sertItem__img{ max-width:240px; } .clientLogo { max-width: 100%; padding: 45px; } .clientItem { width: 30%; max-width: 30%; min-width: 170px; } .clientItem:nth-last-child(3), .clientItem:nth-last-child(2), .clientItem:last-child { margin-bottom: 0; } .clientReview { width: 100%; max-width: 100%; } .utpBlock__title { font-size: 50px; } .button-270 { min-width: 220px; padding: 18px; } .titleBlock { font-size: 42px; } .padding-80 { padding: 60px 0; } .footerCopy { -ms-flex-pack: distribute; justify-content: space-around; } .footerCopy__info{ margin-bottom:10px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footerCopy__info a{ display: inline-block; margin-bottom:15px; } .footerCopy__dev span { display: inline-block; margin-right:10px; } .footerCopy__text, .footerCopy__link a { margin: 0 20px; } .tableTitle { padding: 15px 35px; font-size: 18px; } .tableBody { padding: 0 35px 40px; } .tableTitle div, .tabletr div { padding: 16px 0; } .tableTitle div:nth-child(2), .tabletr div:nth-child(2) { padding: 16px 30px; } .orderAbn__title { font-size: 28px; } .orderAbn__phone a { font-size: 30px; } .sertBlock { width: 42%; } } @media screen and (max-width: 810px){ .sertItem__img { max-width: 160px; } .sertBlock span { font-size: 16px; } .meItem__name { font-size: 16px; font-weight: 300; } .meItem { margin-bottom: 40px; } .titleBlock { font-size: 34px; } .titleBlock-sub { font-size: 20px; margin-top: -40px; } .priceItem__name { font-size: 24px; margin-bottom: 26px; } .priceTabs__link a { font-weight: 300; margin: 10px 20px; } .priceModal__desc th{ padding: 10px 5px; font-size: 12px; } .priceModal__desc td{ padding: 10px 5px; font-size: 13px; } .logoBlock img{ max-width:200px; } .utpBlock__title { font-size: 40px; } .utpBlock__title_2 { font-size: 20px; margin-bottom:60px; } .utpBlock__plus { padding: 0; margin-bottom: 20px; } .plusItem { font-size: 16px; font-weight: 300; margin-bottom:30px; } .uptBlock .plusItem:before { margin-right: 15px; } .tableBody { font-size: 14px; font-weight: 300; } .tabletr a { font-size: 14px; } .tableTitle { padding: 5px 35px; font-size: 16px; } .wayItem__text { font-size: 16px; font-weight: 300; } } @media screen and (max-width: 730px){ .navigation a { font-size: 20px; padding: 12px 15px; } .tableBody { padding: 0 25px 25px; } .tableTitle div:first-child, .tabletr div:first-child { width: 30%; } .tableTitle div:nth-child(2), .tabletr div:nth-child(2) { width: 50%; padding: 16px 20px; } .tableTitle { padding: 5px 25px; } .wayItem { margin: 0 0 60px; max-width: 50%; width: 50%; } .wayList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } .priceTabs__link a { margin: 10px; font-size: 18px; } .button-370 { min-width: 270px; padding: 18px; } } @media screen and (max-width: 640px){ .footerCopy__link{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width:100%; } .footerCopy__link a { margin: 10px; } .sertBlock { width: 90%; margin-bottom:40px; } .sertItem__img { max-width: 220px; } .meBlock { width: 100%; max-width: 100%; -ms-flex-pack: distribute; justify-content: space-around; text-align: center; } .meItem__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .logoBlock{ width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } .headerTop { -ms-flex-pack: distribute; justify-content: space-around; } .titleBlock { margin-bottom: 40px; } .titleBlock span { display: inline; } .optionCity { margin: 0 0 0 -85px; } .optionCity:after { left: 23%; } .contactBlock.active .contactInfo{ height:400px; } .price-table .table-price{ font-size: 12px; line-height: 16px; } .button-mini { padding: 8px; min-width: 60px; font-size: 12px; } .price-table th:last-child{ width:auto !important; } .price-table .table-name { font-size: 14px; line-height: 18px; } .price-table .table-desc { font-size: 12px; line-height: 18px; } } @media screen and (max-width: 560px){ .priceItem__name { font-size: 26px; } .priceItem__summa { font-size: 28px; } .priceItem__info i { font-size: 12px; } .priceItem__cena { margin-top: 4px; } } @media screen and (max-width: 520px){ .clientLogo { max-width: 100%; padding: 15px; } .clientItem { width: 40%; max-width: 40%; min-width: 140px; margin: 0 2%; } .priceTabs { margin-top: -10px; } .priceTabs__link a { font-size: 18px; width: 30%; margin: 10px 1.5%; } .titleBlock { font-size: 30px; } .titleBlock-sub { margin-top: -20px; } .priceItem__img{ display:none; } .priceItem:nth-last-child(2), .priceItem { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 2px solid #eee; } .priceItem__info { width: 100%; padding-left: 0; } .tabletr div:last-child { display:none; } .tableTitle div:first-child, .tabletr div:first-child { width: 40%; } .tableTitle div:nth-child(2), .tabletr div:nth-child(2) { width: 60%; padding: 16px 20px; border-right: none; } .orderAbn__title { font-size: 25px; } .resultBlock { padding: 25px; } .resultItem-all span { font-size: 28px; } .resultItem-all { font-size: 22px; margin-bottom: 40px; } .contactFooter { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .contactFooter-wrap { width: 100%; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } .formulaItem { width: 100%; } } @media screen and (max-width: 440px){ .titleBlock { font-size: 27px; } .resultItem { font-size: 16px; margin-bottom: 12px; } .resultItem__summa span { font-size: 20px; } .resultItem-all { font-size: 19px; margin-bottom: 35px; } .resultItem-all span { font-size: 22px; } .resultForm__title { font-size: 16px; font-weight: 300; } .resultForm__pole { width: 80%; margin: 0 10% 20px; } .reviewItem { padding: 50px 0 0 80px; } .reviewItem__desc { font-size: 14px; } .utpBlock__title { font-size: 34px; } .headerTop { margin: 25px 0 0; } .utpBlock__title_2 { font-size: 16px; margin-bottom: 50px; line-height: 1.2; font-weight: 300; } .cityBlock { margin: 15px 0; } .priceItem__summa { font-size: 24px; } .priceItem__info i { font-size: 10px; font-weight: 300; } .priceItem__cena { margin-top: 0px; } .formulaItem-3 .inputCheckbox { font-size: 15px; } .resultItem { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .resultItem__summa { margin-top: 5px; width:100%; text-align:center; } .resultForm__pole { width: 100%; margin: 0 0 20px; } .resultBlock { padding: 15px; } .orderAbn__phone a { font-size: 22px; } .price-table h3{ font-size: 18px; line-height: 24px; } .price-table table{ font-size: 14px; line-height: 18px; } .price-table th { font-size: 13px; } } @media screen and (max-width: 350px){ .optionCity { margin: 0 0 0 -150px; } .optionCity:after { left: 50%; } } /* animate */ @media screen and (min-width: 960px){ .animate * { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s;} . {opacity: 0;} .now-u-can-see-me .reviewDetail{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;} .now-u-can-see-me .reviewSlider__item {-webkit-animation-name: zoomIn; animation-name: zoomIn;} .now-u-can-see-me .reviewDetail{-webkit-animation-delay: 0.2s; animation-delay: 0.2s;} .now-u-can-see-me .reviewSlider__item:nth-child(1){-webkit-animation-delay: 0.8s; animation-delay: 0.8s;} .now-u-can-see-me .reviewSlider__item:nth-child(2){-webkit-animation-delay: 0.6s; animation-delay: 0.6s;} .now-u-can-see-me .reviewSlider__item:nth-child(3){-webkit-animation-delay: 0.4s; animation-delay: 0.4s;} } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } to{ opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } to{ opacity: 1; } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes callme { 0% {-webkit-box-shadow: 0 0 0 62.5px rgba(255, 206, 0, 0.15);box-shadow: 0 0 0 62.5px rgba(255, 206, 0, 0.15);} 50% {-webkit-box-shadow: 0 0 0 42.5px rgba(255, 206, 0, 0.15);box-shadow: 0 0 0 42.5px rgba(255, 206, 0, 0.15);} 100% {-webkit-box-shadow: 0 0 0 62.5px rgba(255, 206, 0, 0.15);box-shadow: 0 0 0 62.5px rgba(255, 206, 0, 0.15);} } @keyframes callme { 0% {-webkit-box-shadow: 0 0 0 62.5px rgba(255, 206, 0, 0.15);box-shadow: 0 0 0 62.5px rgba(255, 206, 0, 0.15);} 50% {-webkit-box-shadow: 0 0 0 42.5px rgba(255, 206, 0, 0.15);box-shadow: 0 0 0 42.5px rgba(255, 206, 0, 0.15);} 100% {-webkit-box-shadow: 0 0 0 62.5px rgba(255, 206, 0, 0.15);box-shadow: 0 0 0 62.5px rgba(255, 206, 0, 0.15);} } @-webkit-keyframes callme2 { 0% {-webkit-box-shadow: 0 0 0 87.5px rgba(255, 206, 0, 0.15);box-shadow: 0 0 0 87.5px rgba(255, 206, 0, 0.15);} 30% {-webkit-box-shadow: 0 0 0 97.5px rgba(255, 206, 0, 0.15);box-shadow: 0 0 0 97.5px rgba(255, 206, 0, 0.15);} 70% {-webkit-box-shadow: 0 0 0 57.5px rgba(255, 206, 0, 0.15);box-shadow: 0 0 0 57.5px rgba(255, 206, 0, 0.15);} 100% {-webkit-box-shadow: 0 0 0 87.5px rgba(255, 206, 0, 0.15);box-shadow: 0 0 0 87.5px rgba(255, 206, 0, 0.15);} } @keyframes callme2 { 0% {-webkit-box-shadow: 0 0 0 87.5px rgba(255, 206, 0, 0.15);box-shadow: 0 0 0 87.5px rgba(255, 206, 0, 0.15);} 30% {-webkit-box-shadow: 0 0 0 97.5px rgba(255, 206, 0, 0.15);box-shadow: 0 0 0 97.5px rgba(255, 206, 0, 0.15);} 70% {-webkit-box-shadow: 0 0 0 57.5px rgba(255, 206, 0, 0.15);box-shadow: 0 0 0 57.5px rgba(255, 206, 0, 0.15);} 100% {-webkit-box-shadow: 0 0 0 87.5px rgba(255, 206, 0, 0.15);box-shadow: 0 0 0 87.5px rgba(255, 206, 0, 0.15);} } /* Модальное окно справа */ .callme-popup{ float:left; width:100%; height:100%; position: fixed; top:0; left:0; background: rgba(34, 38, 49, 0.5); display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index:200000; display:none; } .popup-form{ float: left; width: 100%; max-height: 630px; max-width: 560px; background: #fff; position: relative; padding: 80px 80px 64px; overflow: auto; z-index: 3; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-top:50px; visibility: hidden; opacity:0; border-radius: 8px; } .callme-popup.show .popup-form{ margin-top:0; visibility: visible; opacity:1; } .popup__form, .popup-form--wrap{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position:relative; } .navigation-close, .popup-close{ position: absolute; top: 32px; right: 32px; display: inline-block; z-index:4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor:pointer; font-size: 12px; line-height: 14px; text-align: center; letter-spacing: 0.05em; color: #212121; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .navigation-close span, .popup-close span{ display: inline-block; width:32px; height:32px; background-position: center; background-repeat: no-repeat; background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-labelledby="title" aria-describedby="desc"%3e%3cpath data-name="layer1" fill="none" stroke="%23f4ac4b" stroke-miterlimit="10" stroke-width="4" d="M41.999 20.002l-22 22m22 0L20 20"/%3e%3c/svg%3e'); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .navigation-close i{ font-style:normal; } .navigation-close:hover, .popup-close:hover{ color: #f4ac4b; } .popup-close--2{ float:left; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; } .button-submit, .form-ok{ display:none; } .popup-form__title{ position: relative; font-size: 38px; line-height: 44px; text-align: center; color: #212121; margin-bottom:40px; } .popup-form__desc{ float:left; width:100%; position: relative; font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom:24px; text-align: center; } .popup-form__input{ width:100%; max-width:240px; position: relative; margin-bottom:16px; } .popup-form__input .filter-select{ margin: 0; margin-top: 0; } .popup-form__btn{ position: relative; margin-top:8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popup-form__check{ width: 100%; margin-top: 20px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .validate-input, .s-message{ display:none !important; } @media screen and (max-width: 500px){ .popup-close { top: 40px; right: 40px; } .popup-form { padding: 80px 40px; } } /**/ .close-btn{ display: none; width:32px; height:32px; background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-labelledby="title" aria-describedby="desc"%3e%3cpath data-name="layer1" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="4" d="M41.999 20.002l-22 22m22 0L20 20"/%3e%3c/svg%3e'); -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; position: absolute; top: 27px; right: 17px; } .close-btn:hover{ background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-labelledby="title" aria-describedby="desc"%3e%3cpath data-name="layer1" fill="none" stroke="%234971CE" stroke-miterlimit="10" stroke-width="4" d="M41.999 20.002l-22 22m22 0L20 20"/%3e%3c/svg%3e'); } /* Стилизация форм */ .input-checkbox{ cursor:pointer; position: relative; font-size: 14px; line-height: 25px; color: #212121; padding-left: 40px; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .input-checkbox input[type="radio"], .input-checkbox input[type="checkbox"]{ display: none; } .input-checkbox input[type="radio"] ~ span, .input-checkbox input[type="checkbox"] ~ span { position: absolute; top: 0; left:0; display: inline-block; cursor:pointer; } .input-checkbox input[type="radio"] ~ span:before, .input-checkbox input[type="checkbox"] ~ span:before { content: ""; position: absolute; display: block; width: 24px; height: 24px; border: 1px solid #E6E7EB; border-radius:7px; background-position: center; background-repeat: no-repeat; left: 0; top: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .input-checkbox input[type="radio"]:checked ~ span:before{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.99997 7.64289L7.02368 10.6666L12.357 5.33325' stroke='%23f4ac4b' stroke-width='2' stroke-miterlimit='10'/%3e%3c/svg%3e "); background-size:20px; } .input-checkbox input[type="checkbox"]:checked ~ span:before{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.99997 7.64289L7.02368 10.6666L12.357 5.33325' stroke='%23f4ac4b' stroke-width='2' stroke-miterlimit='10'/%3e%3c/svg%3e "); background-size:20px; } .subscribe-form .input-checkbox input[type="checkbox"]:checked ~ span:before{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.99997 7.64289L7.02368 10.6666L12.357 5.33325' stroke='%23fff' stroke-width='2' stroke-miterlimit='10'/%3e%3c/svg%3e "); } .confidencial__checked{ font-size: 14px; line-height: 18px; color: #696969; padding:4px 0 2px 40px; position: relative; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .confidencial__checked a{ color:#f4ac4b; display:inline-block; } .confidencial__checked a:hover{ color:#f4ac4b; } .subscribe-form .confidencial__checked{ color:#fff; } .subscribe-form .confidencial__checked a:hover{ color:#fff; } .input-text { display:block; width: 100%; max-width:240px; position: relative; font-size: 14px; line-height: 18px; color: #212121; border-radius:4px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: text; background: #fff; border: 1px solid #E6E7EB; resize: vertical; padding: 18px 24px; } .input-text:focus{ border-color:#f4ac4b; } .input-text.error{ border-color:#D00000; } textarea.input-text{ min-height:100px; } /* Добавить файл */ .popup-form__file{ float:left; width:100%; position: relative; margin-bottom:16px; } .attach__item{ float:left; width:100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .attach__item:last-child{ margin-bottom:0; } .attachment{ float:left; font-weight: 500; font-size: 11px; line-height: 20px; letter-spacing: 0.02em; text-transform: uppercase; color: #212121; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3ctitle%3epaper-clip%3c/title%3e%3cpath d='M15.09,12.44,11.56,8.91a1.87,1.87,0,0,0-2.65,0,1.82,1.82,0,0,0-.55,1.32,1.84,1.84,0,0,0,.55,1.33l6.18,6.19a3.14,3.14,0,0,0,4.42,0,3.2,3.2,0,0,0,.68-1,3,3,0,0,0,.24-1.19,3.1,3.1,0,0,0-.24-1.2,3.16,3.16,0,0,0-.68-1l-8-8a4.38,4.38,0,0,0-6.19,6.19l5.3,5.3' style='fill:none;stroke:%23222631;stroke-miterlimit:10;stroke-width:2px'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position: left center; padding-left: 36px; position: relative; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .attachment:hover{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3ctitle%3epaper-clip%3c/title%3e%3cpath d='M15.09,12.44,11.56,8.91a1.87,1.87,0,0,0-2.65,0,1.82,1.82,0,0,0-.55,1.32,1.84,1.84,0,0,0,.55,1.33l6.18,6.19a3.14,3.14,0,0,0,4.42,0,3.2,3.2,0,0,0,.68-1,3,3,0,0,0,.24-1.19,3.1,3.1,0,0,0-.24-1.2,3.16,3.16,0,0,0-.68-1l-8-8a4.38,4.38,0,0,0-6.19,6.19l5.3,5.3' style='fill:none;stroke:%234971CE;stroke-miterlimit:10;stroke-width:2px'/%3e%3c/svg%3e"); color:#f4ac4b; } .file-upload input[type="file"]{ display: none; } .file-upload label{ display: block; cursor: pointer; } .file-upload__info{ font-size: 12px; line-height: 18px; color: #788193; width: 100%; float:left; margin-top:16px; } .uploadImagesList{ float:left; width:100%; position: relative; display:block; padding:5px 0; display: none; color: #212121; font-size:14px; } .uploadImagesList .attach__name{ float: left; width: 86%; line-height: 24px; position: relative; overflow: hidden; } .attach__delete{ display: none; position: absolute; top: 5px; right: 5px; z-index: 1; display: inline-block; width:24px; height:24px; cursor: pointer; background: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-labelledby="title" aria-describedby="desc"%3e%3cpath data-name="layer1" fill="none" stroke="%23BBC4D6" stroke-miterlimit="10" stroke-width="4" d="M41.999 20.002l-22 22m22 0L20 20"/%3e%3c/svg%3e') no-repeat center; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } .attach__delete:hover{ background: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-labelledby="title" aria-describedby="desc"%3e%3cpath data-name="layer1" fill="none" stroke="%23222631" stroke-miterlimit="10" stroke-width="4" d="M41.999 20.002l-22 22m22 0L20 20"/%3e%3c/svg%3e') no-repeat center; } .attach__item--attached .attach__up { display: none; } .attach__item--attached .uploadImagesList, .attach__item--attached .attach__delete { display: block; } .formItem-file{ float:left; width:100%; position: relative; margin-bottom:20px; } .fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;-webkit-transition-duration:inherit;-o-transition-duration:inherit;transition-duration:inherit;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.47,0,.74,.71);-o-transition-timing-function:cubic-bezier(.47,0,.74,.71);transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;-webkit-transition-timing-function:cubic-bezier(.22,.61,.36,1);-o-transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;-webkit-transition:opacity .25s,visibility 0s linear .25s;-o-transition:opacity .25s,visibility 0s linear .25s;transition:opacity .25s,visibility 0s linear .25s;-webkit-box-sizing:border-box;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;-webkit-transition:opacity .25s,visibility 0s;-o-transition:opacity .25s,visibility 0s;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;-webkit-transition-property:opacity,-webkit-transform;-o-transition-property:transform,opacity;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:-webkit-gradient(linear,left top, left bottom,color-stop(0, transparent),color-stop(20%, rgba(0,0,0,.1)),color-stop(40%, rgba(0,0,0,.2)),color-stop(80%, rgba(0,0,0,.6)),to(rgba(0,0,0,.8)));background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));background:-o-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{-webkit-transition-timing-function:cubic-bezier(0,0,.25,1);-o-transition-timing-function:cubic-bezier(0,0,.25,1);transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);-o-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);-ms-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);-webkit-box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;-webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);-o-transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}} .fancybox-slide>* { padding: 24px; margin: 20px; border-radius: 3px; } .fancybox-close-small{ top: 0; right: 0; display: inline-block; width: 50px; height: 50px; background-color: #bdbdbd; background-position: center; background-repeat: no-repeat; background-image: url(../images/icons/close.png); } .fancybox-close-small:hover{ background-color: #383838; }