@font-face{ font-family:ALSSchlangesans; src:url(../fonts/ALSSchlangesans.eot) format('eot'); src:local('☺'), url(../fonts/ALSSchlangesans.woff) format('woff'), url(../fonts/ALSSchlangesans.ttf) format('truetype'); font-weight:400; font-style:normal; } @font-face{ font-family:ALSSchlangesans; src:url(../fonts/ALSSchlangesans-Bold.eot) format('eot'); src:local('☺'), url(../fonts/ALSSchlangesans-Bold.woff) format('woff'), url(../fonts/ALSSchlangesans-Bold.ttf) format('truetype'); font-weight:700; font-style:normal; } @font-face{ font-family:Calibri; src:url(../fonts/Calibri-Light.eot) format('eot'); src:local('☺'), url(../fonts/Calibri-Light.woff) format('woff'), url(../fonts/Calibri-Light.ttf) format('truetype'); font-weight:400; font-style:normal; } @font-face{ font-family:Calibri; src:url(../fonts/Calibri-Bold.eot) format('eot'); src:local('☺'), url(../fonts/Calibri-Bold.woff) format('woff'), url(../fonts/Calibri-Bold.ttf) format('truetype'); font-weight:700; font-style:normal; } // variables @colP:#555; @colA:#970c0c; @colPlac:@colP; @fs:14px; @ff:ALSSchlangesans, sans-serif; @f:Calibri, sans-serif; // mixins .br(@r){ -moz-border-radius:@r; -webkit-border-radius:@r; -o-border-radius:@r; border-radius:@r; } .bs(@s){ -moz-box-shadow:@s; -webkit-box-shadow:@s; -o-box-shadow:@s; box-shadow:@s; } .t(@s){ -moz-transition:@s; -webkit-transition:@s; -o-transition:@s; transition:@s; } .lg(@from,@col1,@col2){ background-color:@col2; background-image: -o-linear-gradient(@from,@col1,@col2); background-image: -moz-linear-gradient(@from,@col1,@col2); background-image: -webkit-linear-gradient(@from,@col1,@col2); background-image: -ms-linear-gradient(@from,@col1,@col2); background-image: linear-gradient(@from,@col1,@col2); } /* all */ *{ margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; &:after, &:before{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } } html{ overflow-x:auto; -webkit-tap-highlight-color:rgba(0,0,0,0); } body{ font-family:@ff; color:@colP; font-size:@fs; -webkit-font-smoothing:subpixel-antialiased; background:#fff; overflow:hidden; line-height:1.2; text-align:left; } a{ color:@colA; text-decoration:none; &:focus, &:active{ outline:none; } } b, strong{ font-weight:700; } small{ font-size:80%; } sub, sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sup{ top:-0.5em; } sub{ bottom:-0.25em; } h1,h2,h3,h4,h5,h6{ font-weight:400; } input, button, select, textarea{ color:inherit; font:inherit; margin:0; &:focus{ outline:none; } } input{ padding-top:0; padding-bottom:0; } ::-moz-placeholder{ font-family:@ff; font-size:@fs; overflow:visible; color:@colPlac; } :-ms-input-placeholder{ font-family:@ff; font-size:@fs; overflow:visible; color:@colPlac; } ::-webkit-input-placeholder{ font-family:@ff; font-size:@fs; overflow:visible; color:@colPlac; } table{ border-collapse:collapse; border-spacing:0; background-color:transparent; } button, input[type="submit"], input[type="reset"], input[type="button"]{ cursor:pointer; -webkit-appearance:button; } button[disabled], input[disabled]{ cursor:default; } img{ border:0; max-width:100%; } ul{ list-style:none; } .container{ position:relative; } .row, .clearfix{ &:after{ display:table; line-height:0; content:''; clear:both; } } /* header */ .header{ padding-top:30px; } .logo-wrapp{ display:inline-block; float:left; padding-top:15px; padding-bottom:24px; } .logo{ img{ width:118px; } } .header-title{ padding:20px 0; font-size:18px; } .header-content{ display:inline-block; padding-bottom:10px; } .header-btns{ display:inline-block; margin:0 16px 15px; vertical-align:middle; text-align:right; } .recall-btn{ color:#6f6f6f; text-decoration:underline; &:hover{ text-decoration:none; } } .recall-btn-wrapp{ margin-bottom:7px; } .bid-btn{ display:inline-block; padding:5px 25px; border:solid 1px #e46767; color:#e03d3d; .t(.2s); &:hover{ background:#e03d3d; color:#fff; } } .header-contacts{ display:inline-block; vertical-align:middle; text-align:center; margin-bottom:15px; .tel{ font-size:24px; color:#942323; white-space:nowrap; } .address{ font-size:15px; color:#2a0404; white-space:nowrap; } } .centerdiv { text-align: center; } .logobrowser { padding-top: 100px; padding-bottom: 30px; img { width: 200px; } } .browsersdiv { font-size: 18px; } .browsername { width: 140px; display: inline-block; text-align: left; } /* menu-top */ .menu-top{ border-bottom:solid 6px #e03d3d; &>li{ display:table-cell; vertical-align:middle; width:1%; position:relative; background:url(../img/menu-top.png); background-size:100% 100%; border-right:solid 1px rgba(255,255,255,.2); &:before{ content:''; position:absolute; left:0; right:0; top:0; bottom:0; .t(.3s); opacity:0; } &>a{ display:block; text-align:center; white-space:nowrap; padding:12px 10px; font-size:18px; font-weight:700; color:#fff; z-index:1; position:relative; } &:hover:before{ background:url(../img/menu-top-hover.png); background-size:100% 100%; opacity:1; } } &>.active:before, &>.active:hover:before{ background:url(../img/menu-top-active.png); background-size:100% 100%; opacity:1; } } .submenu{ position:absolute; left:0; top:100%; background:#922b2b; padding:0 16px; width:465px; display:none; z-index:666; } .submenu-list-block{ display:inline-block; float:left; padding:30px 22px; width:215px; } .submenu-list{ &+&{ margin-top:35px; } &>li+li{ margin-top:10px; } &>li{ &>a{ color:#fff; font-size:17px; &:hover{ text-decoration:underline; } } } } /* main */ .main{ padding:20px 0 25px; } .main-slider{ margin:0 -10px; } // .main-slider-wrapp{ // .slick-initialized .main-slide{ // display:table; // } // } .slick-vertical .slick-slide{ border:0; } .main-slide-body{ padding:0 10px; height:382px; width:100%; display:table; } .main-slide-row{ display:table-row; } .main-slide-img{ display:table-cell; vertical-align:top; height:382px; position:relative; width:61%; img{ visibility:hidden; } &:before{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:#c6c6c6; opacity:.33; } } .main-slide-img-text{ position:absolute; left:0; right:0; color:#fff; z-index:1; bottom:110px; padding:0 7.25%; .title{ font-size:26px; text-transform:uppercase; margin-bottom:5px; } .text{ font-size:20px; } } .main-slide-desc{ display:table-cell; vertical-align:top; width:39%; background:url(../img/main-slide-desc.jpg) center bottom no-repeat; background-size:cover; padding-bottom:35px; position:relative; } .main-slide-desc-title{ margin-left:-10px; font-size:18px; line-height:47px; padding:0 20px 0 45px; position:relative; background:url(../img/main-slide-desc-title.png); background-size:100% 100%; color:#222; &:before{ content:''; position:absolute; width:30px; height:100%; left:0; top:0; .lg(top,#e14242,#792323); } &:after{ content:''; position:absolute; width:10px; height:12px; left:0; top:100%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzI1QzJCNkY1ODhBMTFFNUE1M0FDMzUyQTRGRTNFMDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzI1QzJCNzA1ODhBMTFFNUE1M0FDMzUyQTRGRTNFMDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MjVDMkI2RDU4OEExMUU1QTUzQUMzNTJBNEZFM0UwMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MjVDMkI2RTU4OEExMUU1QTUzQUMzNTJBNEZFM0UwMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjk/X0IAAACpSURBVHjahJBBCsIwEEV/prVdddcLuew2l5AuCp7G7l26cyloTpIjlNJkWSjxVxRKUDPwmDDz+AxR+6o6AWiRKCFHYpKi8X5m18SmEkHZKaAha8cHiXjVw3vLpeZgEaWQEdmyjb97bzjsMr5jJL7l5lzPtD5nym6DfDs8BzqKJilep2nhUhNbiKD4Ja51GUdHqSmVciVl+fd352Gw7+QFIYQkh7punwIMAFRWRHD/u7AfAAAAAElFTkSuQmCC'); } } .main-slide-desc-text{ padding:35px 35px 15px; color:#fff; position:relative; font-size:17px; p{ margin-bottom:18px; font-family:@f; font-weight:400; &:last-child{ margin-bottom:0; } } } .slide-btn{ display:inline-block; position:absolute; width:150px; line-height:31px; padding-right:10px; right:-9px; bottom:15px; .lg(top,#e34343,#7b2424); text-align:center; color:#fff; &:hover{ .lg(bottom,#e34343,#7b2424); } &:after{ content:''; position:absolute; width:9px; height:8px; right:0; bottom:100%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUQ5M0ZEQkQ1ODhDMTFFNUFBMzdGMUMzNDBERjVENUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUQ5M0ZEQkU1ODhDMTFFNUFBMzdGMUMzNDBERjVENUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RDkzRkRCQjU4OEMxMUU1QUEzN0YxQzM0MERGNUQ1QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RDkzRkRCQzU4OEMxMUU1QUEzN0YxQzM0MERGNUQ1QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/AkAUAAAB+SURBVHjaYsiSkOj9//8/Az7MCFT0n4GBYSUQx019/vwXAxbABKXDgXhXtqQkPz5FIGAPxIeBCqUxFDECCSSsC8THciQldbEqYkJgOSA+kCspaY+qiJERjJmgGMgWAtK78qSkQkCKWMCSMOsYGeFWAL3OBvT26nwpqQKAAAMAgLUtvZUNF3AAAAAASUVORK5CYII='); } } .slick-dots{ text-align:center; padding:17px 0; li{ display:inline-block; margin:0 5px; } button{ background:url(../img/slider-dotts.png); width:24px; height:20px; background-position:0 -20px; border:0; font-size:0; line-height:0; } .slick-active, .active{ button{ background-position:0 0; } } } .main-slider-nav{ position:absolute; margin:0 -12px; font-family:@f; bottom: 0px; // by gatuza &:before, &:after{ content:''; position:absolute; width:12px; height:10px; bottom:100%; } &:before{ left:1px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTlDNjgzNjc1ODhFMTFFNTkxQkI5MEMyMEY2MkU1N0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTlDNjgzNjg1ODhFMTFFNTkxQkI5MEMyMEY2MkU1N0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOUM2ODM2NTU4OEUxMUU1OTFCQjkwQzIwRjYyRTU3QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOUM2ODM2NjU4OEUxMUU1OTFCQjkwQzIwRjYyRTU3QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvKFKe8AAACESURBVHjajI+9CYAwEIXzc51dZnAPW6tMkmFcQuxsBTewyUrxnXDhQKIJfHxweRfybCnF9JwYo4cW6gwHaAUzdYRH6ABs437CE3RJ+HMB4QSdIOg5tcqBpOfW2veCLqeDEmZTq5wOa0iV2/V/nXPVAi/4nDP/dQODvFovvX8goupbgAEAKuMYRk6HEdgAAAAASUVORK5CYII='); } &:after{ right:0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTU2OTgwNTk1ODhGMTFFNThGNEZCOTc4NUQ0MDkwQjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTU2OTgwNUE1ODhGMTFFNThGNEZCOTc4NUQ0MDkwQjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNTY5ODA1NzU4OEYxMUU1OEY0RkI5Nzg1RDQwOTBCNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNTY5ODA1ODU4OEYxMUU1OEY0RkI5Nzg1RDQwOTBCNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrlKE3AAAACjSURBVHjajNAxCgIxEIXhjG4KKz2CeAJbOw9gGjsLDyBYWVrbWomtpdiINl5A8FhJ/CeYZdm1yIOPhCSPgYhz7mSMueFjCtLDFi8sSguaIZ7YQUoKmj6OOGNUUsjZ4IHp34KIGNXKHHcsOwWSCrqqRia4YN8p5JKmNU0/44ArBnpQkXQTQqjFGGu/X1thjHVlrU0X+tB7nybkou4bxRneXwEGAAuUNLePCUmmAAAAAElFTkSuQmCC'); } li{ display:table-cell; vertical-align:middle; width:1%; text-align:center; } a{ display:block; padding:13px 10px; .t(.2s); color:#000; position:relative; background:url(../img/main-slider-nav.png); background-size:100% 100%; .t(.2s); &:before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; .t(.4s); .bs(inset 3px 3px 4px rgba(0,0,0,.3)); } &:hover{ color:#fff; } span{ position:relative; z-index:1; } } .active{ color:#fff; &:before{ background:url(../img/main-slider-nav-active.png); background-size:100% 100%; opacity:1; } } } /* main-tabs */ .main-tabs-section{ padding-bottom:50px; } .tabs-wrapp{ position:relative; overflow:visible!important; } .tab-block{ position:absolute; top:0; left:0; right:0; opacity:0; z-index:-1; -webkit-transform:translateY(50px) scale(.9); -moz-transform:translateY(50px) scale(.9); -o-transform:translateY(50px) scale(.9); transform:translateY(50px) scale(.9); -webkit-transition:opacity .5s, -webkit-transform 1s; -moz-transition:opacity .5s, -moz-transform 1s; -o-transition:opacity .5s, -o-transform 1s; transition:opacity .5s, transform 1s; &.active{ // -webkit-transition:opacity .5s, -webkit-transform 1s; position:relative; opacity:1; z-index:1; -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); transform:translateY(0) scale(1); } } .tab-block-text{ -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; &.active{ // -webkit-transition:opacity .5s, -webkit-transform 1s; .t(opacity .5s); position:relative; opacity:1; z-index:1; -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none; } } .tab-head{ padding-bottom:40px; text-align:center; li{ display:inline-block; vertical-align:top; margin:0 35px 15px; width:140px; } a{ display:block; font-size:18px; font-family:@f; color:#1a1a1a; &.active{ color:#c73a3a; } } span{ display:block; } } [class^="tab-icon-"]{ display:inline-block; width:80px; height:70px; background:url(../img/tab-icons.png); margin-bottom:8px; } .tab-icon-2{ background-position:0 -70px; } .tab-icon-3{ background-position:0 -140px; } .tab-icon-4{ background-position:0 -210px; } .tab-icon-5{ background-position:0 -280px; } .tab-icon-6{ background-position:0 -350px; } .tab-icon-7{ background-position:0 -420px; } .tab-icon-8{ background-position:0 -490px; } .tab-icon-9{ background-position:0 -560px; } .tab-icon-10{ background-position:0 -630px; } .tab-icon-11{ background-position:0 -700px; } .tab-icon-12{ background-position:0 -765px; } .tab-icon-13{ background-position:0 -835px; } .tab-icon-14{ background-position:0 -910px; } .tab-head .active{ .tab-icon-1{ background-position:-80px 0; } .tab-icon-2{ background-position:-80px -70px; } .tab-icon-3{ background-position:-80px -140px; } .tab-icon-4{ background-position:-80px -210px; } .tab-icon-5{ background-position:-80px -280px; } .tab-icon-6{ background-position:-80px -350px; } .tab-icon-7{ background-position:-80px -420px; } .tab-icon-8{ background-position:-80px -490px; } .tab-icon-9{ background-position:-80px -560px; } .tab-icon-10{ background-position:-80px -630px; } .tab-icon-11{ background-position:-80px -700px; } .tab-icon-12{ background-position:-80px -765px; } .tab-icon-13{ background-position:-80px -835px; } .tab-icon-14{ background-position:-80px -910px; } } .tab-body{ padding:25px 40px 30px; border:solid 1px #c6c6c6; background:#fff; .text{ color:#202020; line-height:1.5; a{ color:#d53434; text-decoration:underline; &:hover{ text-decoration:none; } } } .row{ margin-top:30px; } } .tab-body-desc{ position:relative; padding-left:55px; font-size:18px; color:#434343; margin-bottom:15px; display:block; } [class^="tab-body-icon-"]{ display:inline-block; position:absolute; left:0; top:50%; margin-top:-20px; width:45px; height:40px; background:url(../img/tab-body-icons.png); } .tab-body-icon-2{ background-position:0 -40px; } .tab-body-icon-3{ background-position:0 -80px; } .tab-body-icon-4{ background-position:0 -120px; } .tab-body-desc-text{ width:100%; height:45px; display:table; span{ display:table-cell; vertical-align:middle; } } .advice-btn-wrapp{ text-align:right; padding-top:40px; } .advice-btn{ display:inline-block; padding:12px 25px; .lg(top,#e34343,#7a2424); font-size:18px; color:#fff; &:hover{ .lg(bottom,#e34343,#7a2424); } } /* helpful */ .helpful{ padding:10px 0 70px; position:relative; z-index:2; } .section-title{ font-size:20px; text-align:center; color:#202020; position:relative; padding-bottom:16px; margin-bottom:40px; &:before{ content:''; position:absolute; width:942px; height:3px; left:50%; bottom:0; margin-left:-471px; background:url(../img/section-title.png); } span{ color:#b73636; } } .helpful-wrapp{ width:100%; } .helpful-row{ display:table-row; } .helpful-cell{ display:table-cell; vertical-align:top; } .helpful-links{ width:37.75%; padding-right:25px; } .helpful-link{ display:table; height:210px; width:100%; .t(.2s); &:hover{ opacity:.9; } &+&{ margin-top:28px; } } .helpful-link-1{ background:url(../img/audit_stairs2.png) center center no-repeat; background-size:cover; position:relative; &:before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.4); } } .helpful-link-2{ background:url(../img/helpful-link-2.jpg) center center no-repeat; background-size:cover; position:relative; &:before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.2); } } .helpful-link-text{ display:table-cell; vertical-align:middle; color:#fff; font-size:20px; text-transform:uppercase; padding:25px; line-height:1.4; position:relative; z-index:1; &.red{ // color:#c12b32; vertical-align:top; font-weight:700; } } [class^="helpful-link-icon-"]{ display:block; width:43px; height:37px; background:url(../img/helpful-link-icons.png); margin-top:10px; } .helpful-link-icon-2{ background-position:0 -37px; } .helpful-down-wrapp{ padding-top:6px; color:#231213; font-size:17px; } .helpful-down{ color:#c02828; position:relative; padding-right:15px; display:inline-block; &:before{ content:'\2193'; position:absolute; width:8px; height:20px; right:0; top:50%; margin-top:-10px; } span{ .t(.1s); border-bottom:dashed 1px; } &:hover{ span{ border-bottom-color:transparent; } } } .helpful-articles{ border:solid 1px #adadad; padding:40px; font-family:@f; font-size:16px; } .helpful-articles-list{ margin-bottom:30px; li{ padding-bottom:15px; overflow:hidden; position:relative; &:before{ content:''; position:absolute; width:490px; height:0; left:50%; bottom:0; margin-left:-245px; border-bottom:dashed 1px #c9c9c9; } } li+li{ margin-top:15px; } } .helpful-article{ position:relative; display:block; padding-left:65px; color:#1a1a1a; &:before{ content:''; position:absolute; width:47px; height:47px; left:0; top:0px; background:url(../img/helpful-article.png); } } .helpful-article-text{ display:table; width:100%; height:47px; span{ display:table-cell; vertical-align:middle; } } .helpful-articles-all{ text-align:right; a{ border-bottom:solid 1px; .t(.1s); &:hover{ border-bottom-color:transparent; } } } /* values */ .values{ padding-bottom:40px; .section-title{ margin-bottom:0; } } .values-slider-wrapp{ position:relative; padding-top:65px; } .values-slide{ padding:35px 45px; background:#f7f7f7; } .values-slide-img{ padding-right:25px; display:inline-block; float:left; width:50%; img{ display:block; margin:auto; width:100%; } &:before{ right:-4px; } } .values-slide-img, .values-slide-text{ position:relative; &:before{ content:''; position:absolute; width:8px; height:100%; top:0; background:#575a67; } } .values-slide-text{ display:inline-block; float:left; width:50%; padding-left:25px; .title{ font-size:24px; color:#d73a3a; margin-bottom:5px; } .text{ color:#202020; font-size:18px; line-height:1.5; } &:before{ left:-4px; } } .values-slider-wrapp{ .slick-dots{ position:absolute; left:0; right:0; top:-75px; padding-bottom:10px; background:url(../img/section-title.png) center bottom no-repeat; margin:0; } } /* clients */ .clients{ margin-bottom:50px; } .clients-slider-wrapp{ padding:20px; } .clients-slide{ padding:0 10px; } .clients-slide-wrapp{ display:table; width:100%; height:100px; } .clients-slide-cell{ display:table-cell; vertical-align:middle; img{ display:block; margin:auto; max-width:150px; max-height:100px; } } .slick-prev, .slick-next{ position:absolute; width:14px; height:40px; top:50%; margin-top:-20px; border:0; font-size:0; line-height:0; background:url(../img/slick-arrows.png); } .slick-prev{ left:-14px; } .slick-next{ right:-14px; background-position:0 -40px; } /* footer */ .footer{ background:url(../img/footer.jpg) center center no-repeat; background-size:cover; min-height:153px; padding-top:27px; } .footer-logo-wrapp{ padding:25px 20px 25px; display:inline-block; float:left; width:27%; text-align:center; } .footer-nav{ padding:15px 0 25px; display:inline-block; float:left; width:46%; text-align:center; } .footer-menu-top{ position:relative; padding-bottom:7px; margin-bottom:10px; display:inline-block; &:before{ content:''; position:absolute; width:410px; height:2px; left:50%; bottom:0; margin-left:-205px; background:#aa3f3f; } li{ display:inline-block; padding-right:12px; margin-bottom:7px; &:last-child{ padding-right:0; margin-right:0; border-right:0; } margin-right:11px; border-right:solid 1px #fff; } a{ color:#fff; font-size:14px; &:hover{ text-decoration:underline; } } } .footer-menu-bottom{ display:inline-block; li{ display:inline-block; padding-right:12px; margin-bottom:7px; line-height:1; &:last-child{ padding-right:0; margin-right:0; border-right:0; } margin-right:11px; border-right:solid 1px #fff; } a{ color:#fff; font-size:12px; &:hover{ text-decoration:underline; } } } .footer-contacts{ display:inline-block; float:left; width:27%; text-align:right; color:#fff; margin-bottom:5px; padding-bottom:25px; .tel{ color:inherit; font-size:24px; white-space:nowrap; } } .footer-address{ font-size:10px; p+p{ margin-top:2px; } a{ color:inherit; &:hover{ text-decoration:underline; } } margin-bottom:5px; } .social-icons{ display:inline-block; } [class^="social-icon-"]{ display:inline-block; float:left; margin-right:7px; &:last-child{ margin-right:0; } width:27px; height:26px; background:url(../img/social-icons.png); .t(.2s); &:hover{ opacity:.7; } } .social-icon-2{ background-position:0 -26px; } .social-icon-3{ background-position:0 -52px; } /* modal */ .form-block{ position:relative; padding-bottom:12px; } .input{ display:block; width:100%; height:35px; padding:0 20px; border:0; background:#fff; } .textarea{ height:120px; padding-top:15px; padding-bottom:15px; resize:none; } .submit{ display:block; width:100%; height:40px; color:#fff; background:@colA; font-size:20px; .t(.2s); border:0; margin-top:28px; &:hover{ background:darken(@colA, 10%); } } .alert{ position:absolute; height:20px; padding:0 10px; background:red; color:#fff; font-size:12px; line-height:20px; top:0; right:0; font-style:normal; .br(4px); .t(all .3s); opacity:0; z-index:-2; white-space:nowrap; &:after{ content:''; position:absolute; width:0; height:0; border-top:solid 8px red; border-left:solid 5px transparent; border-right:solid 5px transparent; bottom:-8px; right:20px; } &.active{ opacity:1; z-index:2; top:-19px; } } /* modal */ .modal{ display:none; width:300px; padding:20px; background:#3e3e3e; border:solid 1px #fff; } .modal-wrapp{ .fancybox-skin{ .br(0); .bs(none); } .fancybox-close{ width:11px; height:11px; background:url(../img/close.png); top:6px; right:6px; } .fancybox-ok{ width:130px; height:35px; position:static; display:inline-block; color:#fff; background:@colA; line-height:35px; font-size:20px; text-transform:uppercase; .t(.2s); &:hover{ background:darken(@colA,15%); } } } .modal-title{ text-align:center; font-weight:700; margin-bottom:24px; text-transform:uppercase; color:#fff; font-size:20px; } .send{ text-align:center; -webkit-transform:translateZ(0); background:#3e3e3e; line-height:1; color:#fff; p{ margin:10px 0 25px; font-weight:700; font-size:18px; } } /* pages */ .page{ padding:30px 0 70px; .clients{ margin-bottom:0; } } .contacts{ .section-title{ margin-bottom:65px; } } .contacts-text{ width:50%; display:inline-block; float:left; margin-bottom:30px; } .contact-block{ padding-bottom:18px; border-bottom:solid 3px #f7f7f7; &+&{ margin-top:15px; } } .contact-block-title{ position:relative; padding-left:30px; font-size:21px; color:#767676; margin-bottom:12px; &:before{ content:''; position:absolute; width:18px; height:18px; left:0; top:50%; margin-top:-9px; background:url(../img/contact-block-title.png); } } .contact-block-info{ font-size:26px; color:#2c2b2b; line-height:1.1; a{ color:inherit; } &.tel{ font-size:20px; line-height:1; } } .contacts-btns{ padding-top:35px; } .contacts-btn{ display:inline-block; float:left; margin-right:17px; font-size:18px; .t(.5s); padding:12px 25px; margin-bottom:5px; } .contacts-btn-red{ color:#a80b0b; border:solid 1px #ae4d47; &:hover{ background:#ae4d47; color:#fff; } } .contacts-btn-gray{ color:#515151; border:solid 1px #9d9d9d; &:hover{ background:#9d9d9d; color:#fff; } } .contacts-map{ display:inline-block; float:left; width:50%; padding-left:25px; } .map{ position:relative; height:100%; } #map{ height:100%; } .map-desc{ color:#515151; font-size:18px; margin-bottom:3px; a{ color:inherit; text-decoration:underline; &:hover{ text-decoration:none; } } } .map-desc-more{ display:none; padding:10px 0; } .to-map{ position:absolute; left:-17px; padding-left:17px; line-height:40px; text-align:center; display:inline-block; color:#fff; font-size:18px; .lg(top,#b50f15,#860b10); bottom:20px; width:250px; z-index:555; &:hover{ .lg(bottom,#b50f15,#860b10); } &:before{ content:''; position:absolute; width:17px; height:12px; left:0; bottom:100%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTNBNzg2RjA1OTQzMTFFNTk5OTJBNkZCNTRBNkE4OTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTNBNzg2RjE1OTQzMTFFNTk5OTJBNkZCNTRBNkE4OTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxM0E3ODZFRTU5NDMxMUU1OTk5MkE2RkI1NEE2QTg5NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxM0E3ODZFRjU5NDMxMUU1OTk5MkE2RkI1NEE2QTg5NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PscJScEAAABtSURBVHjaYiznZ6AUSDNRaEAsEF9lIdd2IJ4DxB4gDjkuiQLZDjMABFhItH0mEHujSzCRaLs3NkkmImxfB8RLgRhnPLIQsH0aPs34DBGF+j2Q2MBiwmL7bVIMQHYJybajuyQEGvKB5CZbgAADAPp4Dl5dcLFqAAAAAElFTkSuQmCC'); } } .exp{ .section-title{ margin-bottom:70px; } } .exp-row{ margin:0 -5px; margin-bottom:40px; position:relative; &:before{ content:''; position:absolute; width:1508px; height:3px; left:50%; margin-left:-754px; bottom:7px; background:url(../img/exp-row.png); } } .exp-col{ padding:0 5px 10px; display:inline-block; float:left; width:20%; } .exp-block{ display:block; height:165px; position:relative; font-size:22px; color:#fff; &>img{ display:none; } &:hover{ [class^="exp-icon-"]{ -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3); } } } .exp-desc{ display:table; width:100%; height:100%; } .exp-desc-cell{ display:table-cell; vertical-align:middle; text-align:center; padding:10px; } [class^="exp-icon-"]{ display:block; width:41px; height:36px; background:url(../img/exp-icons.png); margin:0 auto; .t(.2s); } .exp-icon-2{ background-position:0 -36px; } .exp-icon-3{ background-position:0 -71px; } .exp-icon-4{ background-position:0 -108px; } .exp-icon-5{ background-position:0 -144px; } .exp-desc-text{ font-family:@f; // border-bottom:solid 1px #fff; .t(.1s); display:inline-block; } .exp-tabs{ padding-bottom:50px; .tab-body{ .text{ margin-bottom:0; } } } .production-sidebar{ display:inline-block; float:left; width:31.8%; margin-bottom:50px; } .production-sidebar-list{ font-size:19px; a{ display:block; position:relative; padding:12px 12px 12px 66px; z-index:1; } li+li{ margin-top:-1px; } li{ border:solid 1px #dedede; position:relative; background:#f9f9f9; &:before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; .lg(top,#b50f15,#860b10); opacity:0; .t(.5s); } } .active, li:hover{ &:before{ opacity:1; } a{ color:#fff; } .production-icon-1{ background-position:-30px 0; } .production-icon-2{ background-position:-30px -27px; } .production-icon-3{ background-position:-30px -53px; } .production-icon-4{ background-position:-30px -81px; } .production-icon-5{ background-position:-30px -108px; } } } [class^="production-icon-"]{ width:30px; height:27px; position:absolute; left:24px; top:50%; margin-top:-13px; background:url(../img/production-icons.png); } .production-icon-2{ background-position:0 -27px; } .production-icon-3{ background-position:0 -54px; } .production-icon-4{ background-position:0 -81px; } .production-icon-5{ background-position:0 -108px; } .production-content{ display:inline-block; float:left; width:68.2%; padding-left:30px; } .production-block{ display:inline-block; float:left; width:50%; padding-right:20px; margin-bottom:60px; overflow:hidden; } .production-block-img{ width:22.2%; margin-right:2.85%; display:inline-block; float:left; text-align:center; } .production-block-info{ display:inline-block; float:left; width:74.95%; } .production-block-title{ position:relative; padding-bottom:14px; margin-bottom:10px; font-size:22px; color:#202020; &:before{ content:''; position:absolute; width:640px; height:4px; left:0; bottom:0; background:url(../img/production-block-title.png); } .title{ font-weight:700; } } .production-block-text{ line-height:1.5; } .production-all{ text-align:right; padding-bottom:35px; } .production-more{ display:none; } .btn{ display:inline-block; padding:13px 40px; border:solid 1px #434343; color:#252525; font-size:18px; .t(.2s); &:hover{ background:#434343; color:#fff; } } .thanks-slider-wrapp{ padding:0 25px; position:relative; } .thanks-slide{ padding:20px 15px; } .thanks-link{ display:block; text-align:center; img{ opacity:.7; .t(.5s); margin:auto; } &:hover{ img{ opacity:1; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); } } } .about-banner{ margin-bottom:35px; position:relative; height:330px; img{ display:none; } } .about-bannet-text{ position:absolute; left:55px; right:55px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); &.white{ color:#fff; } .title{ font-size:45px; } .text{ font-size:17px; } } .page-text{ line-height:1.4; color:#202020; padding:0 20px; font-size:17px; &>*{ margin-bottom:25px; } h3{ font-size:25px; line-height:1.2; } a{ color:#960909; text-decoration:underline; &:hover{ text-decoration:none; } } } .thanks-all{ padding:30px 0; text-align:right; } .thanks-col{ padding-bottom:30px; } .thanks-col-block{ display:block; padding:15px; border:solid 1px #ccc; .t(.2s); &:hover{ .bs(0 0 20px rgba(0,0,0,.4)); } img{ display:block; margin:auto; } } /* */ .tab-bottom-nav{ text-align:center; position:absolute; left:0; right:0; bottom:0; z-index:1; display:none; li{ display:inline-block; margin:0 5px; } a{ background:url(../img/slider-dotts.png); display:inline-block; width:24px; height:20px; background-position:0 -20px; border:0; font-size:0; line-height:0; } a.active{ background-position:0 0; } } .news-date{ padding-bottom:30px; margin-bottom:35px; position:relative; &:before{ content:''; position:absolute; width:942px; height:3px; left:50%; bottom:0; margin-left:-471px; background:url(../img/section-title.png); } } .news-date-list{ margin-bottom:1px; font-weight:700; li{ display:inline-block; float:left; width:6.6666%; } a{ display:block; text-align:center; padding:10px 3px; color:#000; background:#bbb; border:solid 1px transparent; .t(.1s); &:hover{ border-color:#860b10; background:#b03434; color:#fff; } } .active a{ background:url(../img/news-date-list.png); color:#fff; border-color:transparent; } } .news-date-months{ a{ background:#f9f9f9; &:hover{ background:#f2f2f2; border-color:#d7d7d7; color:#000; } } .active a{ background:#bbb; color:#000; border-color:#929292; } } .news-block{ padding-bottom:20px; font-family:@f; font-weight:300; font-size:18px; } .news-block-date{ display:inline-block; float:left; width:200px; color:#c3171d; padding-right:10px; margin-bottom:20px; } .news-block-link{ margin-left:115px; display:block; color:#5a5959; .t(.1s); &:hover{ color:#b03434; text-decoration:underline; } } .news-block-more-link-wrapp{ padding-top:30px; text-align:center; } .news-block-more-link{ display:inline-block; font-size:16px; color:#e03d3d; padding:7px 40px; border:solid 1px #e46767; .t(.2s); &:hover{ background:#e46767; color:#fff; } } .news-block-more{ display:none; } .textarea{ height:150px; padding-top:15px; padding-bottom:15px; resize:none; } // @import url(responsive.less); @media (max-width: 1199px){ .production-block-title{ font-size:18px; } } @media (max-width: 991px){ .footer-nav, .footer-logo-wrapp, .footer-contacts{ width:100%; } .footer-contacts{ text-align:center; } .footer-logo-wrapp, .footer-nav{ padding-top:0; } .exp-row{ margin:0; text-align:center; } .exp-col{ float:none; width:32%; } .production-block{ width:100%; } .logo-wrapp{ text-align:center; } } @media (max-width: 767px){ .logo-wrapp{ width:100%; } .header-title{ text-align:center; } .header-content{ width:100%; text-align:center; } .header-btns{ text-align:center; } .menu-top{ &>li{ display:block; width:100%; } } .submenu{ position:relative; width:100%; left:auto; top:auto; } .main-slider-wrapp{ .slick-initialized .main-slide{ display:block; height:auto; min-height:382px; } } .main-slide-row{ display:block; } .main-slide-img{ display:block; width:100%; } .main-slide-desc{ display:block; width:100%; } .main-slider-nav{ position:relative; bottom:auto!important; li{ display:block; width:auto; } } .helpful-wrapp, .helpful-row, .helpful-cell{ display:block; width:100%; } .helpful-links{ margin-bottom:20px; padding:0; } .values-slide-img, .values-slide-text{ padding:0; display:block; float:none; width:auto; &:before{ display:none; } } .values-slide-img{ margin-bottom:25px; } .values-slide{ padding:20px; } .helpful-articles{ padding:20px; } .contacts-text{ width:100%; } .contacts-map{ width:100%; padding:0; } .contact-block-info.tel{ font-size:23px; } .exp-col{ width:100%; } .production-sidebar{ width:100%; } .production-content{ width:100%; padding:0; } .about-bannet-text{ left:20px; right:20px; .title{ font-size:30px; } } .page-text{ padding:0; } .tab-bottom-nav{ bottom:50px; } .news-date-list{ li{ width:33.333%; } } }