@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,cyrillic); @red: #d63737; @blue: #305eb1; @white: #fff; @grey: #E0E0E0; @darkGrey: #a0b0ba; @dark: #333333; @green: #99a919; // @darkBlue: #4f5f76; @darkBlue: #495F81; @serif: 'Open Sans', Verdana, Arial, sans-serif; @screen-lg-min:1200px; @screen-md-min:992px; @screen-sm-min: 768px; @screen-xs-min: 500px; @grid-columns: 12; @grid-gutter-width: 30px; @grid-float-breakpoint: 768px; body { font-family: @serif; font-size: 15px; line-height: 1.428571429; color: #333; background-color: #f9f9f9; } img { max-width: 100%; } ul { padding: 0; margin: 0; } a { color: @blue; text-decoration: underline; } a:hover { text-decoration: none; } // *:before, *:after { // -webkit-box-sizing: border-box; // -moz-box-sizing: border-box; // box-sizing: border-box; // } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #E0E0E0; } input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #E0E0E0; } input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #E0E0E0; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #E0E0E0; } .make-sm-column(@columns; @gutter: @grid-gutter-width) { position: relative; min-height: 1px; padding-left: (@gutter / 2); padding-right: (@gutter / 2); @media (min-width: @screen-sm-min) { float: left; width: percentage((@columns / @grid-columns)); } } .make-sm-column-offset(@columns) { @media (min-width: @screen-sm-min) { margin-left: percentage((@columns / @grid-columns)); } } .make-sm-column-push(@columns) { @media (min-width: @screen-sm-min) { left: percentage((@columns / @grid-columns)); } } .make-sm-column-pull(@columns) { @media (min-width: @screen-sm-min) { right: percentage((@columns / @grid-columns)); } } .main-left { .make-sm-column(3); margin-top: 0px; padding-left: 20px; padding-right: 20px; float: left; } .main-right{ .make-sm-column(9); padding-left: 0px; padding-right: 20px } .container { padding-right: 15px!important; padding-left: 15px!important; } .no-border { border-bottom: none!important; } .search-page { input {float: left;} } // @media (max-width: @screen-lg-min) { // .main-left { // .make-sm-column(3); // .make-sm-column-push(9) // } // .main-right{ // .make-sm-column(9); // .make-sm-column-pull(3) // } // } // @media (min-width: @screen-lg-min) { // .main-left { // .make-sm-column(3); // } // .main-right { // .make-sm-column(9); // } // } .mfeedback .mf-ok-text { color: red; border: 1px solid red; padding: 10px; margin-bottom: 10px; } ///////* Styles *//////// h4, .h4 { font-size: 16px; } ul { padding: 0; margin: 0; } .breadcrumbs { padding: 0 25px; a, span { font-size: 11px; text-decoration: none; color: @darkBlue; } a:after { margin: 0 5px; content: '>'; color: #909090; } span { color: @dark; } } .breads-1col .breadcrumbs { padding: 0 18px; } .top-button { position: fixed; bottom: 40px; right: -65px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; a { opacity: 0.8; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat 0px -60px; width: 60px; height: 60px; display: block; } a:hover{ opacity: 1; } } /* Абзацы секции */ .page-section { margin-bottom: 20px; //padding-right: 10px; float: left; width: 100%; font-size: 15px; } .page-section p { font-size: 15px; margin-bottom: 20px; line-height: 1.5em; } .page-section p.small { font-size: 11px; margin-bottom: 20px; line-height: 18px; } .page-section.nomarg { margin-bottom: 0px; } .no-marg { margin-bottom: 0!important; } .page-section ul { // margin: 20px; } .page-section table.buhgalt { float: left; } .include-inner { padding: 15px; border-bottom: 1px solid #E0E0E0; } .excel { background: url(/bitrix/templates/main_tpl/img/excel.png) no-repeat left center; background-size: 40px; padding: 18px 17px 18px 55px; margin: 0px; line-height: 26px; font-size: 18px; display: block; } .onlineWrap { padding: 15px 40px; /* background: #f4f2ec; */ border-radius: 6px; border: 3px solid @blue; text-align: center; h2 { font-size: 24px; } h3 { color: @blue; font-size: 18px; text-transform: uppercase; font-weight: 400; margin-top: 15px; margin-bottom: 5px; } .button-red { margin-bottom: 5px; } } /* Плашки */ .slogan { background: url(/bitrix/templates/main_tpl/img/sign.png) no-repeat 11px center; border: 1px solid #E0E0E0; border-radius: 6px; padding: 18px 17px 18px 62px; margin: 0px; float: left; width: 100%; line-height: 26px; font-size: 20px; } .slogan2 { border: 1px solid #E0E0E0; border-radius: 6px; padding: 18px 17px 18px 17px; margin: 0px; float: left; width: 100%; line-height: 26px; font-size: 20px; } .share-block { border: 1px solid #E0E0E0; border-radius: 6px; padding: 15px 17px 15px 17px; margin: 0px; float: left; width: 100%; line-height: 26px; font-size: 16px; text-align: left; div { display: inline-block; position: relative; top: -2px; left: 2px; } } .share-fixed { display: none; position: fixed; bottom: 12%; left: -5px; border: 1px solid #E0E0E0; border-radius: 0px 6px 6px 0; background: #fff; padding: 5px; margin: 0px; width: 60px; line-height: 20px; font-size: 18px; z-index: 990; .share-fixed-block { padding-top: 10px; } .share-fixed-block div{ display: inline-block; position: relative; top: -2px; left: 2px; z-index: 990; .b-share-btn__wrap { display: block; margin-bottom: 5px; } .b-share-btn__wrap:first-child { margin-left: 5px!important; } } } .substrate { background: #f5f7f8; border-radius: 6px; border: 1px solid #ebebeb; } .substrate-b { background: #f5f7f8; border: 1px solid #ebebeb; border-radius: 6px; padding-top: 5px; float: left; width: 100%; } .menu-left-wrap.substrate { background: none; border: none; } .substrate2 { border: 1px solid #E0E0E0; margin-bottom: 0px; border-radius: 6px; } .substrate-inner { padding: 5px 30px; } .substrate-bottom { border-top: 1px solid #E0E0E0; padding: 20px 0 10px; font-family: 'PT Serif Caption', serif; font-style: italic; font-size: 18px; } .border-a { /* border-bottom: 6px solid #ced8db; */ } .border-b { /* border-bottom: 6px solid #6591cc; */ } .substrate-sm { border: 1px solid #E0E0E0; border-bottom: 6px solid #ced8db; border-radius: 6px; padding: 15px; } .substrate-sm .glyphicon { margin-right: 10px; } .substrate-sm2 { padding: 15px; border-radius: 6px; } // .substrate-sm2:before { // position: absolute; // display: block; // width: 13px; // height: 20px; // background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat -5px 6px; // content: " "; // left: 24px; // } .substrate-sm2.open { background: #F0F4F5; border: none; } /* Цвета */ .blue { color: #336ab7; } .red { color: #d63737; } .green { color: #99a919; } .black { color: #333; } /* Кнопки */ .btn-wrap { text-align: center; } .button-red { text-shadow: 1px 1px #777; margin: 20px 0; text-align: center; box-shadow: inset 0px 1px 0px #fff; background: #ff3a3a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmM2EzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDM5MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff3a3a 0%, #dd3939 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3a3a), color-stop(100%,#dd3939)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff3a3a 0%,#dd3939 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff3a3a 0%,#dd3939 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff3a3a 0%,#dd3939 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff3a3a 0%,#dd3939 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3a3a', endColorstr='#dd3939',GradientType=0 ); /* IE6-8 */ border: 1px solid #ce4242; /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwODZjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzQ5YTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(64,134,202,1) 0%, rgba(35,73,161,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,134,202,1)), color-stop(100%,rgba(35,73,161,1))); background: -webkit-linear-gradient(top, rgba(64,134,202,1) 0%,rgba(35,73,161,1) 100%); background: -o-linear-gradient(top, rgba(64,134,202,1) 0%,rgba(35,73,161,1) 100%); background: -ms-linear-gradient(top, rgba(64,134,202,1) 0%,rgba(35,73,161,1) 100%); background: linear-gradient(to bottom, rgba(64,134,202,1) 0%,rgba(35,73,161,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4086ca', endColorstr='#2349a1',GradientType=0 ); */ border-radius: 20px; color: white!important; text-decoration: none!important; font-size: 15px; padding: 2px 22px 3px; display: inline-block; text-transform: none; line-height: 28px; letter-spacing: 0px; /* -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/ } .button-red-s { text-shadow: 1px 1px #777; margin: 20px 0; text-align: center; box-shadow: inset 0px 1px 0px #fff; background: #ff3a3a; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff3a3a 0%, #dd3939 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3a3a), color-stop(100%, #dd3939)); background: -webkit-linear-gradient(top, #ff3a3a 0%, #dd3939 100%); background: -o-linear-gradient(top, #ff3a3a 0%, #dd3939 100%); background: -ms-linear-gradient(top, #ff3a3a 0%, #dd3939 100%); background: linear-gradient(to bottom, #ff3a3a 0%, #dd3939 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a3a', endColorstr='#dd3939', GradientType=0); border: 1px solid #ce4242; border-radius: 20px; color: white!important; text-decoration: none!important; font-size: 12px; padding: 0px 22px 0px; display: inline-block; text-transform: none; line-height: 24px; letter-spacing: 0px; } .button-red .glyphicon { font-size: 22px; line-height: 20px; top: 4px; margin-right: 7px; } .button-red:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .table-ooo .button-red { margin: 0; } .button-blue { text-shadow: -1px -1px @blue; margin: 15px 0; text-align: center; padding-top: 0px; background: #7eaf4a; /* Old browsers */ border-radius: 7px; border: 1px solid @blue; color: white; text-decoration: none; font-size: 12px; padding: 7px 20px; display: inline-block; text-transform: uppercase; } .button-blue:hover { color: white; text-decoration: none; opacity: 0.8; } /* Заголовки */ .r-block-main-title { color: #0f5cb2; font-weight: 400; text-align: left; border-bottom: 1px solid #e0e0e0; margin-bottom: 15px; float: left; width: 100%; } .r-block-main-title h1{ color: @blue; float: left; font-size: 30px; width: 70%; font-weight: 400; margin-top: 0px; } .r-block-main-title.company h1{ width: 95%; } .r-block-main-title h3 { float: left; font-size: 30px; } .r-block-main-title a { float: right; margin-top: 0px; margin-bottom: 0; } .r-block-wrap { padding: 0 30px; /* border-left: 5px solid #6591cc;*/ margin: 10px 0 0px; display: inline-block; width: 100%; h3.r-block-title, h1.r-block-title { margin-top: 10px; font-size: 22px; } h4.r-block-title { margin-top: 10px; font-size: 18px; } } h3.r-block-title { } p.r-block-title { margin-bottom: 0px; font-size: 14px; margin-top: -5px; } .r-block-wrap2 { height: 28px; padding: 0 30px; /* border-left: 5px solid #ced8db;*/ // margin: 30px 0 10px; .r-block-title { margin-top: 20px!important; } } .r-block-title { /* font-family: 'PT Serif Caption', serif; font-style: italic;*/ font-weight: 400; text-align: left; border-bottom: 1px solid #E0E0E0; padding-bottom: 15px; margin-bottom: 0; float: left; width: 100%; margin-top: 9px; .left{ float: left; } .right{ float: right; } .button-red { margin: 0; } } .price-list-footer { padding-bottom: 20px; } .r-block-sub-title { font-size: 16px; line-height: 24px; font-weight: 700; text-align: left; margin-top: 0; margin-bottom: 20px; } .r-block-sub-title-2 { background: url(/bitrix/templates/main_tpl/img/sign.png) no-repeat 0px 10px; padding: 5px 15px 5px 60px; font-size: 16px; line-height: 24px; font-weight: 400; text-align: left; margin-top: 0; font-style: italic; } .l-block-title { padding-bottom: 15px; padding-top: 15px; font-weight: 400; border-left: 4px solid @blue; font-size: 14px; text-transform: uppercase; background: #f5f7f8; padding-left: 20px; margin-left: -25px; margin-top: 0px; } .title-border { border: 1px solid #e0e0e0; border-radius: 6px; padding: 10px 15px; } /* Синий список */ .top-list { margin: 10px 0 20px 10px!important; } .blue-list li { position: relative; margin: 8px 0; padding-left: 20px; list-style: none; font-size: 15px; } .blue-list>li:before { position: absolute; display: block; width: 19px; height: 20px; background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat -15px 6px; content: " "; left:0px; } .blue-list li span{ } .blue-list li ul { margin: 10px 0 20px 10px; } .blue-list li ul li.noli { /* list-style: none; */ padding-left: 0px; margin: 0 0 13px 0; line-height: 20px; font-size: 13px; background: none; text-align: left; line-height: 18px; /* border-bottom: 1px solid #ddd; */ } /*.blue-list>li:before { content: "\2014\a0"; margin-right: 4px; color: #356aa0; }*/ .similar .blue-list { margin: 20px 0; } .red-list { /* margin: 20px 0 20px 20px;*/ padding-left: 25px; } .red-list>li { margin: 6px 0; background: url('img/bluecub.png') no-repeat 0 8px; list-style: none; padding-left: 25px; } .top-list>li { /* font-family: 'PT Serif Caption', serif; font-style: italic;*/ // background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat 0 8px; padding-left: 20px; font-size: 15px; } .top-list>li:before { position: absolute; display: block; width: 19px; height: 20px; background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat -15px 6px; content: " "; left: 24px; } .top-list>li span{ } /*.top-list>li:before { content: "\2014\a0"; margin-right: 4px; color: #356aa0; }*/ /* Табличка */ .table-rounded { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border: 1px solid #000; display: block; } /* Личный кабинет */ .fromtop{ margin-top:35px; } footer { .form-search { margin: 20px 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; line-height: 25px; border: 1px solid #ddd; padding: 0 15px; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; height: 27px; margin-left: -10px; border: 1px solid #ddd; background: @blue; border-left: none; margin-top: -3px; // -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5); // -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5); // box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5); color: #fff; } .form-search .input-append .btn .glyphicon-search{ line-height: 15px; padding: 0; } } .left-menu-toggle { position: absolute; top: 0; left: 137px; display: none; } .navbar-toggle-left { float: left!important; margin: 5px 0!important; } #fixedmenu { position: fixed; top: 0; width: 100%; background: rgba(245, 247, 248, 0.95); color: @dark; line-height: 30px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); z-index: 990; a:hover { text-decoration: none; } a { font-size: 12px; color: @dark; text-decoration: underline; } p { font-size: 13px; font-style: italic; line-height: 45px; margin: 0; } .search-form {margin-top: 7px;} .form-search { margin: 0; } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; line-height: 25px; border: 1px solid #ddd; padding: 0 15px; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; height: 27px; margin-left: -10px; border: 1px solid #ddd; background: @darkGrey; border-left: none; margin-top: -3px; // -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5); // -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5); // box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5); color: #fff; } .form-search .input-append .btn:hover { background: @blue; } .form-search .input-append .btn .glyphicon-search{ line-height: 15px; padding: 0; } .glyphicon { line-height: inherit; padding: 0 3px; top: -1px; } .glyphicon-user { padding: 0 2px; top: 1px; } .glyphicon-earphone { font-size: 18px; } #user-name, #user-login { color: #495f81; a { color: #495f81; } } img{ margin-top: -5px; } .hours-phone { font-size: 12px; top: 2px; position: relative; color: #999; } .phone { top: 2px; position: relative; font-size: 20px; line-height: 30px; color: @blue; margin-top: 0px; display: inline-block; } .phone-icon { background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat -26px -30px; width: 27px; height: 27px; display: inline-block; top: 6px; position: relative; } a.button-red { padding: 0px 15px; margin: 0px 0px 5px 15px; top: -2px; position: relative; // background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwODZjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzQ5YTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); // background: -moz-linear-gradient(top, rgba(64,134,202,1) 0%, rgba(35,73,161,1) 100%); /* FF3.6+ */ // background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,134,202,1)), color-stop(100%,rgba(35,73,161,1))); /* Chrome,Safari4+ */ // background: -webkit-linear-gradient(top, rgba(64,134,202,1) 0%,rgba(35,73,161,1) 100%); /* Chrome10+,Safari5.1+ */ // background: -o-linear-gradient(top, rgba(64,134,202,1) 0%,rgba(35,73,161,1) 100%); /* Opera 11.10+ */ // background: -ms-linear-gradient(top, rgba(64,134,202,1) 0%,rgba(35,73,161,1) 100%); /* IE10+ */ // background: linear-gradient(to bottom, rgba(64,134,202,1) 0%,rgba(35,73,161,1) 100%); /* W3C */ // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4086ca', endColorstr='#2349a1',GradientType=0 ); /* IE6-8 */ } .top-right { line-height: 45px; } .social-icons { padding: 2px 0; float: left; top: 9px; position: relative; height: 30px; ul { margin: 0; padding: 0; width: auto; height: 30px; font-size: 0; } li { background-image: url('/bitrix/templates/main_tpl/img/social-sprites.png'); background-repeat: no-repeat; background-color: white; background-position: -3px 93px; display: inline-block; margin-left: 8px; padding: 0; overflow: visible; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; border-radius: 3px; a { display: block; height: 24px; width: 24px; text-align: center; text-indent: -9999px; } } li.vk { background-position: -3px -1863px; } li.vk:hover{ background-position: -3px -1893px; } li.facebook { background-position: -3px -123px; } li.facebook:hover{ background-position: -3px -153px; } li.twitter { background-position: -3px -1143px; } li.twitter:hover{ background-position: -3px -1173px; } li.linkedin{ background-position: -3px -543px; } li.linkedin:hover{ background-position: -3px -573px; } } } .nopadding { padding: 0 !important; margin: 0 !important; } /* Header */ .header-wrap { background: #fff; width: 100%; border-bottom: 1px solid #E0E0E0; padding: 30px 0 10px; } .header { padding: 10px 0; } .phone .pref { color: #FFA8A5; margin-left: 5px; } .navbar-toggle { position: relative; float: right; margin-left: 10px; padding: 9px 10px; margin-top: 10px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:hover { background-color: #E0E0E0; } .navbar-toggle .icon-bar { display: block; width: 26px; height: 3px; border-radius: 1px; background-color: @blue; } .top-menu-hide { text-align: left; background: #fff; a.button-red { padding: 0px 10px!important; margin: 10px 0px 5px 15px!important; position: relative; font-size: 10px!important; float: right; line-height: 20px; top: 2px!important; } .one { background: #f5f7f8; } .two { padding: 10px 20px 10px!important; .logo-sm { width: 120px; } .phone { float: right; font-weight: 400; font-size: 16px!important; } } } .top-nav-hide { margin-top: 20px; li{ float: left; display: inline-block; } li a{ color: @dark; font-size: 16px; } } .bottom-list { border-top: 1px solid #E0E0E0; margin: 10px 0; } /* /Header */ .sitemap ul.map-level-0 { list-style: none; margin-left: 0px; li { margin-bottom: 30px; padding-bottom: 10px; a { color: @darkBlue; font-weight: 400; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px; display: block; text-decoration: none; font-weight: 700; } } } .sitemap ul.map-level-1, .sitemap ul.map-level-2 { list-style: none; margin-left: 0px; li { margin-bottom: 10px; padding-bottom: 0px; a { color: @darkBlue; font-weight: 400; border-bottom: none; padding-bottom: 0; margin-bottom: 0; text-decoration: underline; } } } table.map-columns td { width: 25%; padding: 10px 20px; } /* Верхнее меню услуг */ .serv-menu-wrap { //background: url('http://allcorp.aspro-demo.ru/bitrix/templates/aspro-allcorp/images/background.png') #f3f8fa 0 0 no-repeat; //background: #F7F8F9; width: 100%; border-bottom: 1px solid #E3EAEE; padding: 15px 0; text-align: center; position: relative; // -moz-box-shadow: inset 0 0 30px #DDE7EC; // -webkit-box-shadow: inset 0 0 30px #DDE7EC; // box-shadow: inset 0 0 30px #DDE7EC; // background: #f5f7f8; /* Old browsers */ // /* IE9 SVG, needs conditional override of 'filter' to 'none' */ // background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjdmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVmZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); // background: -moz-linear-gradient(top, #f5f7f8 0%, #edeff2 100%); /* FF3.6+ */ // background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f7f8), color-stop(100%,#edeff2)); /* Chrome,Safari4+ */ // background: -webkit-linear-gradient(top, #f5f7f8 0%,#edeff2 100%); /* Chrome10+,Safari5.1+ */ // background: -o-linear-gradient(top, #f5f7f8 0%,#edeff2 100%); /* Opera 11.10+ */ // background: -ms-linear-gradient(top, #f5f7f8 0%,#edeff2 100%); /* IE10+ */ // background: linear-gradient(to bottom, #f5f7f8 0%,#edeff2 100%); /* W3C */ // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f8', endColorstr='#edeff2',GradientType=0 ); /* IE6-8 */ li { display: inline-block; margin: 8px 10px; line-height: 20px; } li a { font-size: 14px; text-decoration: none; font-weight: 700; text-transform: uppercase; color: black; /* margin: 4px 10px; */ // border: 1px solid transparent; padding: 5px 17px; border-radius: 20px 5px; background: none; color: @darkBlue; } li a:hover { //opacity: 0.8; } li a:hover, li a.selected { color: #fff; text-shadow: 1px 1px #777; background: #6591cc; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1OTFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY1OTFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2NmNiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjZjYjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #6591cc 0%, #6591cc 50%, #366cb5 51%, #366cb5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6591cc), color-stop(50%,#6591cc), color-stop(51%,#366cb5), color-stop(100%,#366cb5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6591cc 0%,#6591cc 50%,#366cb5 51%,#366cb5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6591cc 0%,#6591cc 50%,#366cb5 51%,#366cb5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6591cc 0%,#6591cc 50%,#366cb5 51%,#366cb5 100%); /* IE10+ */ background: linear-gradient(to bottom, #6591cc 0%,#6591cc 50%,#366cb5 51%,#366cb5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6591cc', endColorstr='#366cb5',GradientType=0 ); /* IE6-8 */ } } .serv-menu-wrap:after { content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; background: url('/bitrix/templates/main_tpl/img/background.png') #f3f8fa 0 bottom no-repeat; opacity: 0.7; top: 0; left: 0; } /* /Верхнее меню услуг */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .logo { margin-top: 27px; } .well { background-color: #f7f7f9; } .upper { text-transform: uppercase; font-size: 16px; font-weight: 700; color: #336ab7; } .menuFirst { margin-top: 55px; text-align: right; } .menuFirst a { font-size: 14px; /* text-decoration: none; */ font-weight: 400; /* text-transform: uppercase; */ color: @darkBlue; margin: 4px 6px; /* border-bottom: 1px solid rgba(79, 95, 118, 0.3); */ } .menuFirst a:hover, .menuFirst a.selected { opacity: 1; border-bottom: none; color: @darkBlue; text-decoration: none; } .menuFirst ul { list-style: none; } .menuFirst ul li{ display: inline-block; position: relative; } .menuFirst ul li ul { display: none; position: absolute; top: 25px; left: -16px; background: #fff; text-align: left; width: 270px; padding: 14px 20px; border: 1px solid #E0E0E0; z-index: 9999; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .menuFirst ul li ul li{ margin-bottom: 6px; display: block; } .menuFirst ul li ul li a{ background: url('/bitrix/templates/main_tpl/img/dot.png') no-repeat 0 6px; padding-left: 15px; font-size: 15px; color: @darkBlue; text-decoration: none; } .menuFirst ul li ul li a:hover{ text-decoration: underline; } .menu-main { margin-bottom: 20px; } .menumain { font-size: 12px; color: @dark; font-weight: 700; text-align: right; padding: 0px 0px 10px 20px; float: right; } .menumain:hover { font-size: 12px; color: @dark; text-decoration: none; opacity: 0.8; } .logo-top, .logo-sm { width: 170px; } .input-top { margin-top: 10px; } .center { text-align: center; } .border-div { border-bottom: 1px solid @grey; padding-bottom: 20px; margin-bottom: 20px; } .highlight { background-color: #f7f7f9; } .middle-block { padding-top: 20px; background: #fff; border: 1px solid #E0E0E0; margin-top: -1px; } ////* Левое меню *//// .menu-left-wrap { // background-color: #f6f6f6; list-style: square; min-height: 20px; padding: 5px 5px; margin-bottom: 20px; // -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5); // box-shadow: 0 1px 1px rgba(0, 0, 0, .5); } .left-menu { margin: 0; padding: 0; } .left-menu li{ padding: 8px 0; list-style: none; border-bottom: 1px solid #eee; } .left-menu li a{ padding-left: 15px; font-size: 14px; color: @darkBlue; line-height: 20px; display: inline-block; } .left-menu li a:before { position: absolute; display: block; width: 14px; height: 20px; background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat -33px 3px; content: " "; left: 24px; } .personal-menu li { a { background: none; padding-left: 10px; } span { color: #495f81; } } .left-menu li a:hover{ color: @darkBlue; text-decoration: none; } .left-menu li ul { margin-left: 30px; margin-top: 10px; } .left-menu li ul li.last { border: none; } .left-menu li a.selected { font-weight: 700; text-decoration: none; } .left-menu li i.selected { color: @darkBlue; text-decoration: none; padding-left: 14px; } /* /Левое меню */ /* Левое выпадающее */ .link-under { text-decoration: underline; } .link-under:hover { text-decoration: none; } .left-block { background: #336ab7; color: @white; border-radius: 6px; height: 100px; } /* Футер */ footer { font-family: @serif; padding: 20px 0 50px; border-top: 1px solid #E0E0E0; margin-top: 0px; padding-left: 20px; a { font-size: 13px; line-height: 24px; text-decoration: none!important; border-bottom: 1px solid rgba(53, 106, 160, 0.32)!important; } p { font-size: 11px; line-height: 20px; } a:hover { color: @dark; } .copyright { font-size:11px; color:@grey; } .f-metro { margin-bottom: 1px; position: relative; padding-left: 30px; img { margin-right: 5px; } } .f-metro:before { position: absolute; display: block; width: 26px; height: 20px; background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat -54px -34px; content: " "; left: 0px; } ul { list-style: none; margin-bottom: 20px; } .search { margin: 22px 0; padding: 0; width: 210px; } input.form-control { height: 27px; line-height: 26px; } span.glyphicon { margin-right: 7px; } } .button-blue { text-shadow: -1px -1px @blue; margin: 25px 0; text-align: center; padding-top: 0px; background: @blue; border-radius: 7px; border: 1px solid @blue; color: white; text-decoration: none; font-size: 17px; padding: 5px 12px; display: block; } .button-blue:hover { color: white; text-decoration: none; opacity: 0.8; } small, .small { font-size: 80%; } //////////////////////// ФОРМЫ, КАРТА, АКЦИИ, ДОКУМЕНТЫ ////////////////////// ////* Почему мы? *//// .list-icons { margin: 10px 0 30px; list-style: none; } .list-icons li{ margin-bottom: 5px; list-style: none; // background: url('/bitrix/templates/main_tpl/img/bird.png') no-repeat 0 11px; padding-left: 0px; line-height: 45px; } .list-icons li img{ margin-right: 10px; } .list-icons li span{ text-transform: uppercase; color: @blue; } ////* Делать самостоятельно *//// .warning-list { margin: 0px 0 10px; list-style: none; padding-bottom: 15px; } .warning-list li{ margin-bottom: 5px; list-style: none; background: url('/bitrix/templates/main_tpl/img/warning.png') no-repeat 0 center; padding-left: 30px; line-height: 30px; font-size: 15px; } ol.warning-list { margin: 0px 0 10px 30px; } ol.warning-list li { background: none; list-style: decimal; padding: 0; } ol.warning-list li:last-child{ margin-bottom: 5px; list-style: none; background: url('/bitrix/templates/main_tpl/img/warning.png') no-repeat 0 center; padding-left: 26px; line-height: 30px; font-size: 15px; margin-left: -26px; color: @red; } .warning-list.multi-line li{ background: url('/bitrix/templates/main_tpl/img/warning.png') no-repeat 0 0; } .warning-list.multi-line2 li{ background: url('/bitrix/templates/main_tpl/img/warning.png') no-repeat 0 3px; line-height: 1.4; margin: 12px 10px; } ////* Тендеры *//// .tender-wrng li h4 { font-weight: 700; margin-bottom: 5px; font-size: 15px; } .tender-wrng li, .tender-wrng li p { font-size: 14px; } ////* Команда */// .team-list-all-slide { padding-top: 60px; .team-pers-slide { width: 856px!important; float: none!important; } .team-pers-item { margin-top: 0px!important; margin-bottom: 25px!important } } .team-list-all-slide .nextprev { padding: 8px 0 4px 0; clear: both; float: left; width: 100%; position: absolute; width: 30px; top: 0px; right: 15px; } .team-list-all-slide a.disabled { opacity: .4; } .team-list-all-slide .nextprev li { display: inline; } .team-list-all-slide .next { float: right; } .team-list-all-slide .prev { float: left; } .team-list-all-slide .prev, .team-list-all-slide .next { width: 15px; text-indent: -9999px; } .team-list-all-slide .prev { background-image: url('/bitrix/templates/main_tpl/img/icon_left.png'); background-position: center center; background-repeat: no-repeat; } .team-list-all-slide .next { background-image: url('/bitrix/templates/main_tpl/img/icon_right.png'); background-position: center center; background-repeat: no-repeat; } .team-pers-index { .team-pers-slide { margin-right: 15px; width: 200px!important; vertical-align: top; } .team-pers-item { margin-bottom: 0px; } } .team-pers { .r-block-wrap {margin-top: 0;} } .team-pers-item { margin-top: 15px; margin-bottom: 15px; text-align: center; border: 1px solid #ddd; border-radius: 6px; padding: 15px 10px; white-space: initial; // height: 250px; h3, .team-title { margin: 9px 0 0px; font-size: 14px; font-weight: 700; } p { margin: 0; font-style: italic; font-size: 13px; line-height: 15px; margin-bottom: 5px; } .button-red { margin: 10px 0 5px; font-size: 12px; padding: 0px 15px; } } .comments-index { .comments-slide { margin-right: 15px; width: 200px!important; vertical-align: top; } .comments-item { margin-top: 15px; margin-bottom: 0px; text-align: center; border: 1px solid #ddd; border-radius: 6px; padding: 15px 10px; white-space: initial; height: 250px; } } .four-quad ul { margin: 0!important; } .four-quad ul li { width: 23%; background: #f5f7f8; list-style: none; padding: 35px 20px; margin: 5px 13px 10px 0px; line-height: 20px; font-size: 14px; text-align: center; color: #2A4486; height: 160px; display: inline-block; vertical-align: top; border-radius: 6px; div { vertical-align: middle; } h3, p {margin: 0} h3 { text-transform: uppercase; color: @blue; margin-bottom: 8px; font-size: 20px; font-weight: 700; } p { color: @blue; font-size: 13px; line-height: 1.2em; } } ////* Работа с нами *//// .work-sch .text { height: 212px; text-align: center; font-size: 16px; border-radius: 50%; display: table; font-family: @serif; } .work-sch .arr { height: 212px; text-align: center; font-size: 14px; display: table; padding: 0 20px; } .work-sch .arr img{ width: 100%; } .large-sch.work-sch .arr { width: 50px!important; } .work-sch p, .work-sch div { display: table-cell; vertical-align: middle; font-size: 14px; font-weight: 700; } .large-sch.work-sch p { font-size: 14px; } .work-sch img { max-width: none!important; } ////* Карта *//// .map-opit { background: url('../img/map.png') no-repeat center; height: 450px; font-size: 22px; font-family: @serif; position: relative; } .map-opit div{ position: absolute; } .tezis-1 { left: 95px; top: 100px; } .tezis-2 { right: 20px; top: 70px; } .tezis-3 { text-align: right; right: 45px; top: 170px; } .tezis-4 { left: 145px; top: 260px; } .tezis-5 { text-align: right; right: 110px; bottom: 40px; } /* Доки - выпадающий список */ .docsWrap { margin-bottom: 20px; } .docs-btn-out { text-align: left; font-weight: bold; padding: 13px 0px; border-radius: 6px; font-family: @serif; cursor: pointer; width: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .docs-btn-out:before { position: absolute; display: block; width: 20px; height: 20px; background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat 3px 6px; content: " "; left: 13px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .docs-btn-out.open { border-bottom: none; } .docs-btn-out.open:before { position: absolute; display: block; width: 20px; height: 20px; background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat 3px -9px; content: " "; left: 13px; } .docs-btn-out h3 { font-size: 18px; display: inline-block; margin: 0; margin-left: 40px; border-bottom: 1px dashed; color: #336ab7; } .docs-list { display:none; background: #f5f7f8; padding-left: 10px; padding-top: 10px; margin-top: -5px; padding-bottom: 20px; border-top: none; } ol.docs-list { display:none; padding-left: 50px; padding-top: 20px; } .docs-list li{ margin: 6px 0; font-size: 14px; line-height: 1.7em; } .docs-list ul{ margin-left: 20px; } .showhide { display: inline-block; margin: 0; /* margin-left: 40px; */ border-bottom: 1px dashed; color: #336ab7; text-decoration: none; } .hide-block { display:none; } /* Остались вопросы? */ .foot_quest { border: 1px solid #E0E0E0; border-radius: 6px; margin-top: 10px; } .title_lic { font-size: 22px; text-align: center; padding: 15px 0px; margin: 0px; line-height: 25px; } .title_lic img { position: relative; } .foot_title { margin-left: 10px; } .foot_icon { background: #91b3e1; border-radius: 6px; } #foot_icon1, #foot_icon2, #foot_icon3 { } #foot_icon1, #foot_icon2 { padding-top: 24px; } #foot_icon3 { padding: 6px 0; } #foot_icon3 .foot_title { margin-left:0px; line-height: 20px; margin-top: 10px; } #foot_icon2 h3 { font-size: 18px; display: inline-block; margin: 0; } .button_licenzion { text-align: center; } /* Калькулятор */ .calc { text-align: center; border: 4px solid #E0E0E0; border-radius: 6px; padding: 20px 5px 10px; font-family: @serif; } .calc .texts1 { font-size: 18px; color: #0643a9; font-weight: bold; text-transform: uppercase; } .calc .texts2 { font-size: 14px; line-height: 16px; margin-bottom: 10px; } /* Счетчик акции */ .countdown-wrap { text-align: center; border: 4px solid #E0E0E0; border-radius: 6px; padding: 20px 5px 10px; font-family: @serif; } .countdown-wrap .texts1 { font-size: 18px; color: #0643a9; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; } .countdown-wrap .texts2 { font-size: 14px; line-height: 16px; } /* Беспл. консультация */ .consult-form { text-align: center; border: 1px solid #c6c6c6; border-radius: 6px; padding: 20px 5px 0px; font-family: @serif; } .consult-form .texts1 { font-size: 19px; color: #0643a9; font-weight: bold; text-transform: uppercase; } .consult-form .texts2 { font-size: 14px; line-height: 16px; margin-bottom: 10px; text-transform: uppercase; } .consult-form .txt { margin-bottom: 5px; padding: 5px; border: 1px solid #AFAEAE; border-radius: 6px; font-size: 13px; -webkit-box-shadow: inset 0px 0px 0px rgba(89, 89, 89, 0.75); -moz-box-shadow: inset 0px 0px 0px rgba(89, 89, 89, 0.75); box-shadow: inset 0px 0px 0px rgba(89, 89, 89, 0.75); } /* Акции */ .action { padding: 15px 40px; // font-family: 'PT Sans Caption', Verdana, Arial, sans-serif; /* background: #f4f2ec; */ border-radius: 6px; border: 2px solid #d63737; } .action h1 { // font-family: 'PT Serif Caption', serif; // font-style: italic; font-weight: 700; margin-top: 10px; margin-bottom: 10px; } .action h3 { color: #d63737; font-size: 18px; text-transform: uppercase; font-weight: 400; margin-top: 15px; margin-bottom: 5px; } .action p { // font-family: 'PT Serif Caption', serif; font-style: italic; margin-bottom: 20px; } .button-action { // font-family: 'PT Sans Caption', Verdana, Arial, sans-serif; font-style: normal; text-shadow: 1px 1px #777; margin: 0; text-align: center; padding-top: 0px; background: #ef4b4b; /* Old browsers */ // /* IE9 SVG, needs conditional override of 'filter' to 'none' */ // background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); // background: -moz-linear-gradient(top, rgba(255,50,50,1) 0%, rgba(221,0,0,1) 100%); /* FF3.6+ */ // background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,50,50,1)), color-stop(100%,rgba(221,0,0,1))); /* Chrome,Safari4+ */ // background: -webkit-linear-gradient(top, rgba(255,50,50,1) 0%,rgba(221,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ // background: -o-linear-gradient(top, rgba(255,50,50,1) 0%,rgba(221,0,0,1) 100%); /* Opera 11.10+ */ // background: -ms-linear-gradient(top, rgba(255,50,50,1) 0%,rgba(221,0,0,1) 100%); /* IE10+ */ // background: linear-gradient(to bottom, rgba(255,50,50,1) 0%,rgba(221,0,0,1) 100%); /* W3C */ // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3232', endColorstr='#dd0000',GradientType=0 ); /* IE6-8 */ border-radius: 20px; color: white!important; text-decoration: none!important; font-size: 12px; padding: 2px 15px 3px; display: inline-block; text-transform: uppercase; line-height: 28px; letter-spacing: 1px; // -moz-box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.3); // -webkit-box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.3); // box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.3); } /* Схема работы */ #bl1, #bl2, #bl3, #bl4, #bl5 { height: 195px; text-align: center; font-size: 17px; border: 1px solid #ddd; border-radius: 15px; display: table; font-family: @serif; } .strlic { height: 17px; border-bottom: 3px solid #e8220c; border-right: 3px solid #e8220c; border-left: 3px solid #e8220c; margin-left: 6%; margin-top: 3px; } .strel { width: 13px; position: relative; left: -4.1%; bottom: 5px; } #st { height: 132px; display: table; float: left; } .t_lic { display: table-cell; vertical-align: middle; padding: 0px 6px; font-size: 15px; } //////////////////////// /ФОРМЫ, КАРТА, АКЦИИ, ДОКУМЕНТЫ ////////////////////// .price td { font-weight: 400; font-size: 15px; border-bottom: 1px solid #E0E0E0; border-top: none!important; padding: 6px!important; } .price td:nth-child(2) { width: 50%; text-align: right; } .work-sch { padding: 10px 0 20px; } //////// Карта //// .mapImg { position: relative; } .mapImg .map-pin { -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); background: @blue; position: absolute; display: inline-block; padding: 15px 20px; color: white; text-transform: uppercase; text-align: center; line-height: 20px; box-shadow: 0px 1px 4px #777; -moz-box-shadow: 0px 1px 4px #777; -webkit-box-shadow: 0px 1px 4px #777; -o-box-shadow: 0px 1px 4px #777; border-radius: 6px; } .mapImg .map-pin:after { position: absolute; bottom: -7px; left: 50%; display: inline-block; border-right: 8px solid transparent; border-top: 8px solid @blue; border-left: 8px solid transparent; border-bottom-color: @blue; content: ''; margin-left: -10px; } .mapImg .map-pin.active { transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); } .mapImg .map-pin-1 { top: 80px; left: 75px; } .mapImg .map-pin-2 { top: 190px; left: 145px; } .mapImg .map-pin-3 { top: 50px; right: 105px; } .mapImg .map-pin-4 { top: 160px; right: 165px; } .mapImg .map-pin-5 { top: 270px; right: 265px; } ////// Цитата ///// .quote { float: left; } .quote hr { border: 0; height: 0; border-bottom: 1px solid #E0E0E0; clear: both; } .quote-wrap { text-align: center; margin-top: -50px; margin-bottom: 10px; } .quote-wrap div { /* font-family: "FuturaCond", sans-serif; */ font-style: normal; font-size: 55px; line-height: 55px; color: #336ab7; background: #fff; display: inline-block; padding: 0 36px; } .quote-right { color: #777; font-size: 16px; margin-bottom: 40px; padding: 0 20px; text-align: left; line-height: 27px; font-style: italic; } .quote-left { text-align: center; } .quote-left img { border-radius: 100%; width: 60%; } .quote-left p { font-size: 14px; text-align: center; text-transform: uppercase; margin-top: 15px; } .quote-left p span{ display: block; } .contact-text { padding: 20px 0; margin-top: 0px; float: left; width: 100%; } /////// Футер Контакты ////// .footer-contacts { text-align: center; } .footer-contacts-title { text-align: center; margin-bottom: 2px; } .footer-contacts-title h3{ // font-family: 'PT Serif Caption', serif; // font-style: italic; } .footer-contacts img{ display: block; margin: 0 auto; margin-bottom: 5px; } .foot_title { margin-left: 0px; } .footer-contacts .foot_title { color: #555; border-bottom: 1px solid #777; } .footer-contacts a{ text-decoration: none; } .footer-contacts a:hover { border-bottom: none; text-decoration: none; } .footer-contacts a:hover > .foot_title { border-bottom: none; text-decoration: none; } .footer-contacts .button-red { margin-top: 0; } .footer-contacts-left, .footer-contacts-center, .footer-contacts-right { padding-top: 30px; } .footer-contacts-left { .icon { background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat -60px -60px; width: 47px; height: 40px; display: block; margin: 0 auto; } } .footer-contacts-right { .icon { background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat -107px -60px; width: 68px; height: 40px; display: block; margin: 0 auto; } } .footer-contacts-center h3 { margin-top: 0; font-size: 30px; font-weight: 700; } .footer-contacts-bottom { padding-bottom: 15px; font-size: 13px; } /* Спроси юриста */ .ask-block { padding: 10px 20px; margin-bottom: 20px; h3 { font-size: 19px; margin-top: 10px; margin-bottom: 10px; padding: 0px 0 5px 5px; border-radius: 6px; line-height: 20px; span { margin-right: 5px; top: 2px; } } form { margin: 0; } input, textarea { border: 1px solid #ddd; border-radius: 15px; padding: 5px 10px; font-size: 12px; width: 99%; color: #888; } input[type="submit"] { text-shadow: 1px 1px #777; margin: 0px 0; text-align: center!important; box-shadow: inset 0px 1px 0px #9BE3F0; background: #ff3a3a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmM2EzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDM5MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff3a3a 0%, #dd3939 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3a3a), color-stop(100%,#dd3939)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff3a3a 0%,#dd3939 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff3a3a 0%,#dd3939 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff3a3a 0%,#dd3939 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff3a3a 0%,#dd3939 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3a3a', endColorstr='#dd3939',GradientType=0 ); /* IE6-8 */ border: 1px solid #ce4242; border-radius: 20px; color: white!important; text-decoration: none!important; font-size: 15px; padding: 1px 14px 3px; display: inline-block; text-transform: none; line-height: 28px!important; letter-spacing: 0px; // -moz-box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.5); // -webkit-box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.5); // box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.5); width: 135px; } } .ask-block-index { padding: 19px 19px; margin-bottom: 20px; } .ask-block-index h3 { font-size: 13px; margin-top: 5px; margin-bottom: 5px; border-radius: 6px; line-height: 22px; text-align: center; text-transform: uppercase; font-weight: 700; padding: 4px 0; } .ask-block-index img{ float: left; margin-right: 5px; } .ask-block-index a{ text-decoration: none; color: @darkBlue; } .ask-block-index a span{ color: @red; font-size: 16px; } /* Форма в правом блоке */ .form-right-block { padding: 10px 20px; margin-bottom: 20px; h3 { font-size: 16px; margin-top: 10px; margin-bottom: 5px; font-weight: 700; text-align: center; } p, p.small { margin-bottom: 10px; text-align: center; } form { margin: 0; } input, textarea { border: 1px solid #ddd; border-radius: 15px; padding: 2px 10px; font-size: 12px; width: 99%; color: #E0E0E0; } input[type="submit"] { margin: 3px 0; } } .fast-call { text-align: center; padding: 20px; h3 { font-size: 14px; margin-top: 0px; margin-bottom: 11px; font-weight: 700; text-align: center; text-transform: uppercase; //padding: 0 20%; line-height: 1.4em; } form { margin: 0; } input{ border: 1px solid #ddd; border-radius: 15px; padding: 0 10px; font-size: 15px; width: 99%; color: #E0E0E0; width: 170px; line-height: 25px; } button { display: block; margin: 0 auto; padding: 0px 30px; line-height: 25px; } } /* Карусель для блоков */ .slidewrap { overflow: hidden !important; position: relative; } .slidewrap li{ list-style: none; } .main-left .nextprev, .main-left-mob .nextprev { padding: 8px 0 4px 0; clear: both; float: left; width: 100%; position: absolute; width: 30px; top: 0; right: 5px; } .main-left a.disabled, .main-left-mob a.disabled { opacity: .4; } .main-left .nextprev li, .main-left-mob .nextprev li { display: inline; } .main-left .next, .main-left-mob .next { float: right; } .main-left .prev, .main-left-mob .prev { float: left; } .prev, .next { width: 15px; text-indent: -9999px; } .prev { } .prev:before { position: absolute; display: block; width: 16px; height: 20px; background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat -47px 6px; content: " "; left: 0px; } .next { } .next:before { position: absolute; display: block; width: 16px; height: 20px; background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat -63px 6px; content: " "; left: 15px; } /* Популярные услуги */ .popular-left { position: relative; margin-bottom: 20px; padding-top: 0px!important; height: 260px; overflow: hidden; border: 1px solid #ddd; border-radius: 6px; .popular-left-inner { margin: 0 20px 20px 20px; padding-bottom: 20px; text-align: center; a.info { background: #f5f7f8; display: inline-block; padding: 5px; text-decoration: none; color: #4f5f76; font-weight: 700; text-transform: uppercase; font-size: 14px; line-height: 1.2em; width: 100%; height: 55px; padding-top: 5px; span { color: @red; font-weight: 400; text-transform: none; } } } img {margin-bottom: 0px;} .title { font-size: 15px; margin: 0px 0 15px; border-bottom: 1px solid #ddd; padding: 10px 20px; background: @darkGrey; // background: #6591cc; /* Old browsers */ // /* IE9 SVG, needs conditional override of 'filter' to 'none' */ // background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1OTFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTRjYTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); // background: -moz-linear-gradient(top, #6591cc 0%, #194ca1 100%); /* FF3.6+ */ // background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6591cc), color-stop(100%,#194ca1)); /* Chrome,Safari4+ */ // background: -webkit-linear-gradient(top, #6591cc 0%,#194ca1 100%); /* Chrome10+,Safari5.1+ */ // background: -o-linear-gradient(top, #6591cc 0%,#194ca1 100%); /* Opera 11.10+ */ // background: -ms-linear-gradient(top, #6591cc 0%,#194ca1 100%); /* IE10+ */ // background: linear-gradient(to bottom, #6591cc 0%,#194ca1 100%); /* W3C */ // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6591cc', endColorstr='#194ca1',GradientType=0 ); /* IE6-8 */ color: #fff; border-radius: 6px 6px 0 0; } h2 { font-size: 16px; margin-bottom: 5px; margin-top: 5px; text-transform: uppercase; font-weight: 700; } h4 { font-size: 14px; margin: 10px 0; font-style: italic; } h5 { font-weight: 700; } p { font-size: 12px; margin-bottom: 0px; } a { font-size: 15px; margin-bottom: 20px; line-height: 1.5em; } ul { } li { width: 220px; vertical-align: top; overflow: hidden; white-space: initial; } } /* Колонки слева */ .clients-left, .otzyvi-left { position: relative; margin-bottom: 20px; padding-bottom: 20px; border: 1px solid #ddd; padding: 20px 20px; border-radius: 6px; height: 260px; overflow: hidden; .nextprev { top: 13px; right: 5px; } .title { font-size: 18px; margin: 0px 0 15px; padding-bottom: 5px; } img { width: 100px; float: left; margin: 0 8px 8px 0; } h4 { font-size: 13px; margin-bottom: 10px; margin-top: 0; font-weight: 700; line-height: 20px; } p { font-size: 13px; margin-bottom: 10px; line-height: 20px; } a { font-size: 13px; margin-bottom: 20px; } li { width: 220px; vertical-align: top; overflow: hidden; white-space: initial; } } .clients-left img { width: 100%; float: none; margin: 0 8px 8px 0; } .why-us-left { margin-bottom: 20px; padding-bottom: 10px; height: 260px; overflow: hidden; .title { font-size: 15px; margin: 0px 0 15px; border-bottom: 1px solid #ddd; padding: 10px 20px; background: @darkGrey; // background: #6591cc; /* Old browsers */ // /* IE9 SVG, needs conditional override of 'filter' to 'none' */ // background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1OTFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTRjYTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); // background: -moz-linear-gradient(top, #6591cc 0%, #194ca1 100%); /* FF3.6+ */ // background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6591cc), color-stop(100%,#194ca1)); /* Chrome,Safari4+ */ // background: -webkit-linear-gradient(top, #6591cc 0%,#194ca1 100%); /* Chrome10+,Safari5.1+ */ // background: -o-linear-gradient(top, #6591cc 0%,#194ca1 100%); /* Opera 11.10+ */ // background: -ms-linear-gradient(top, #6591cc 0%,#194ca1 100%); /* IE10+ */ // background: linear-gradient(to bottom, #6591cc 0%,#194ca1 100%); /* W3C */ // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6591cc', endColorstr='#194ca1',GradientType=0 ); /* IE6-8 */ color: #fff; border-radius: 6px 6px 0 0; } .substrate-inner { padding: 0px 20px 5px; } .list-icons { margin: 0px; list-style: none; li.a { background: url('/bitrix/templates/main_tpl/img/why-us.png') no-repeat 0 center; background-position: 0 0; background-size: 30px; } li.b { background: url('/bitrix/templates/main_tpl/img/why-us.png') no-repeat 0 center; background-size: 30px; background-position: 0 -30px; } li.c { background: url('/bitrix/templates/main_tpl/img/why-us.png') no-repeat 0 center; background-size: 30px; background-position: 0 -61px; } li.d { background: url('/bitrix/templates/main_tpl/img/why-us.png') no-repeat 0 center; background-size: 30px; background-position: 0 -91px; } li.e { background: url('/bitrix/templates/main_tpl/img/why-us.png') no-repeat 0 center; background-size: 30px; background-position: 0 -122px; } li { margin-bottom: 5px; list-style: none; padding-left: 34px; line-height: 30px; text-transform: uppercase; font-size: 12px; } } } .social-left { margin-bottom: 20px; padding-bottom: 20px; border: 1px solid #ddd; padding: 20px 20px; border-radius: 6px; height: 260px; overflow: hidden; .title { font-size: 17px; margin: 0px 0 15px; padding-bottom: 5px; } img { width: 100%; } } blockquote { background: #f5f7f8; position: relative; padding: 20px 20px 20px 80px; border-left: 0px solid #f5f7f8; border-radius: 6px; margin-bottom: 0; } blockquote p { // color: white; font-style: italic; } blockquote p b{ // color: white; font-style: italic; font-weight: 700; } blockquote:before { position: absolute; top: 24px; left: 20px; font-family: Arial; content: "\201C"; font-size: 150px; line-height: 120px; color: #336ab7; } /* На главной */ .benefits { margin-bottom: 20px; img { margin-top: 20px; } } .news-index { float: left; margin-top: 13px; margin-bottom: 3px; min-height: 201px; .preview_picture { width: 255px; height: 165px; margin-bottom: 10px; } .r-block-title { margin-bottom: 20px; } .r-block-title h3 { float: left; line-height: 30px; margin: 0; } .r-block-title a { font-size: 12px; float: right; line-height: 30px; } p.date { font-size: 12px; color: #777; margin-bottom: 5px; } h3.title, h4.title { font-size: 16px; } h3, h4 { font-size: 15px; margin: 5px 0 10px; line-height: 20px; } p { margin-bottom: 20px; } } /* Видео */ .video-block { padding: 20px; margin-top: 10px; h3 { font-size: 19px; margin-top: 0px; margin-bottom: 20px; padding: 5px 0 5px 40px; line-height: 18px; display: inline-block; position: relative; } h3:before { position: absolute; display: block; width: 32px; height: 27px; background: url('/bitrix/templates/main_tpl/img/sprites.png') no-repeat 5px -30px; content: " "; left: 0px; top: 2px; } .wrap { margin: 0; padding-bottom: 10px; } img {width: 100%;} } /* Соотрудник справа */ .pers-right-block { padding: 20px; margin-top: 10px; } .pers-right-block h4 { font-size: 18px; margin-top: 14px; margin-bottom: 5px; } .pers-right-block p { font-size: 13px; margin-top: 0px; margin-bottom: 0px; } .pers-right-block .wrap { margin: 0; padding-bottom: 10px; } /* Регистрация фирм */ //Table .table-ooo thead td { font-weight: 700; padding: 16px 0 24px 0!important; } .table-ooo td{ padding: 12px 0!important; font-size: 15px; } .table-ooo td:first-child { width: 50%; } .table-ooo .table-footer td { line-height: 70px; font-size: 16px; } /* Юридический аутсорсинг */ ul.price-list { margin: 0px; border-bottom: 1px solid #E0E0E0; padding: 10px; } ul.price-list.multi { margin-bottom: 20px; padding: 5px 20px; } ul.price-list li { list-style: none; background: url('/bitrix/templates/main_tpl/img/bird.png') no-repeat 0 8px; padding-left: 20px; line-height: 22px; margin-bottom: 12px; } .price-list-footer .red { font-size: 22px!important; } .price-list-footer .left { width: 50%; float: left; } .price-list-footer .right { float: right; .button-red {margin: 0;} } /* Переговоры */ .price-one-line { float: left; width: 100%; padding: 10px 30px 5px!important; color: @red; p { font-size: 24px; font-weight: 400; margin-bottom: 10px; } } .price-one-line .left{ float: left; } .price-one-line .right{ float: right; } .table-2col { table { padding:20px; tr{ margin-left: 0px; margin-right: 0px; } td{ padding: 10px 0; border-bottom: 1px solid #dadada; } td:nth-child(1) { background: url('/bitrix/templates/main_tpl/img/bird.png') no-repeat 0 20px; padding-left: 22px; } td:nth-child(2){ width: 30%; text-align: right; color: @red; font-size: 20px; } tr:last-child{ td{border: 0;} } } } /* Бух обслуживание */ table.buhgalt { font-size: 14px; margin-bottom: 0; thead { font-size: 15px; } thead > tr > th { background: #ced8db; //border-width: 0px; vertical-align: middle; padding: 10px; font-size: 13px; a {color: @darkBlue; text-decoration: none; } } td { background: #f5f7f8; vertical-align: middle!important; } .button-red.sm { font-size: 12px; padding: 0px 10px; line-height: 24px; } } table.first-col-50 { font-size: 14px; thead { font-size: 15px; } thead > tr > th { background: #ced8db; border-width: 0px; vertical-align: middle; } td { background: #f5f7f8; vertical-align: middle!important; } td:nth-child(1) { width: 50%; } } /* Новости */ .news-list, .news-item { float: left; width: 100%; } .news-item { padding-bottom: 10px; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; } div.news-list img.preview_picture { float: left; margin: 0 12px 8px 0; } div.news-list h3 { font-size: 18px; margin: 0 0 10px 0; } div.news-list .news-date-time, div.news-detail .news-date-time { color: #999; font-size: 12px; margin-bottom: 10px; } div.news-detail img.detail_picture { float: left; margin: 0 22px 12px 1px; display: block; margin-bottom: 15px; } div.news-detail h3 { margin-top: 5px; } .news-detail .file { margin-bottom: 20px; } .news-detail { ul { margin-left: 40px; li { margin-bottom: 5px; } } ol li { margin-bottom: 10px; } } /* Поп-ап */ .popup { display: none; } /* Форма в контактах */ .alx_feed_back_theme1 { padding: 0px; margin: 0px; text-transform:none !important; text-align:left !important; line-height:normal !important; text-decoration:none !important; } .alx_feed_back_theme1 * { text-transform:none !important; text-align:left !important; line-height:normal !important; text-decoration:none !important; } .alx_feed_back_theme1 form { padding: 0px; margin: 0px; } .alx_feed_back_theme1 .alx_feed_back_form_error_block { padding: 10px 10px 8px 10px !important; margin: 0px 0px 27px 0px !important; background-image:url(images/bg_mess.png); background-position:0px 0px; border: 1px solid #959595 !important; } *html .alx_feed_back_theme1 .alx_feed_back_form_error_block { -background-image:url(images/spacer.gif); -background-position:0px 0px; } .alx_feed_back_theme1 .alx_feed_back_form_error_block td { vertical-align:top; text-align:left; } .alx_feed_back_theme1 .alx_feed_back_form_error_pic { vertical-align:top; text-align:left; width:1%; padding-left:1px !important; padding-top:3px !important; border-right:1px solid #D7D7D7 !important; padding-right:11px !important; } .alx_feed_back_theme1 .alx_feed_back_form_error_block .alx_feed_back_form_title_error { margin: 0px 0px 4px 0px; } .alx_feed_back_theme1 .alx_feed_back_form_error_block .alx_feed_back_form_error_td_list { padding-left:10px; } .alx_feed_back_theme1 .alx_feed_back_form_error_block .alx_feed_back_form_mess_ok_td_list { padding-left:10px; vertical-align:middle; } .alx_feed_back_theme1 .alx_feed_back_form_error_block ul { padding: 0px; margin: 0px; list-style:none; } .alx_feed_back_theme1 .alx_feed_back_form_error_block ul li { padding: 0px 0px 4px 8px; margin: 0px; display:block; list-style:none !important; background:transparent !important; } .alx_feed_back_theme1 .alx_feed_back_form_error_block ul li:before { content: '' !important; } .alx_feed_back_theme1 .alx_feed_back_form_error_block ul li span { position:relative; z-index:1; margin-left:-8px; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles { padding: 0px; margin: 11px 0px 0px 0px; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_item_pole { padding: 0px; margin: 0px 0px 10px 0px; } *html .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_item_pole { position:relative; z-index:1; zoom:1; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_item_pole .alx_feed_back_form_name { padding: 0px; margin: 0px 0px 6px 0px; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_item_pole .alx_feed_back_form_inputtext_bg { border:1px solid #ddd; background:#ffffff; padding: 6px 8px 6px 8px; border-radius: 15px; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_item_pole .alx_feed_back_form_inputtext_bg input { width:100%; padding: 0px; margin: 0px; border: 0px; background:transparent; } *html .alx_feed_back_theme1 .alx_feed_back_form_textarea_bg { overflow:visible; border: 0px; position:relative; zoom:1; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_item_pole .alx_feed_back_form_inputtext_bg textarea { width:100%; padding: 0px !important; margin: 0px; border: 0px; z-index:100; height:77px; overflow:auto; background:transparent; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_submit_block { // margin: 23px 0px 0px 0px; // padding: 0px; // display:block; // float:left; // border:1px solid #959595; // background:url(images/bg_submit.gif) 0px 0px repeat-x; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_submit_block input { margin-top: 0; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_inputtext_bg select { width:100%; padding: 0px; margin: 0px; border: 0px; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_item_pole .alx_feed_back_form_inputtext_bg_file { border:1px solid #ddd; background:#ffffff; position:relative; z-index:1; overflow:hidden; padding: 6px 8px 6px 8px; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_file_button { position:absolute; right: -1px; height:100%; top: -1px; z-index:1; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_file_button .alx_feed_back_form_file_button_bg { display:block; height:100%; color:#818181; float:right; border:1px solid #959595 !important; background:url(images/bg_submit.gif) 0px 0px repeat-x #E6E6E6; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_file_button .alx_feed_back_form_file_button_bg span { padding: 6px 30px 6px 30px; display:block; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_filename { padding: 0px; margin: 0px; white-space:nowrap; } *html .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles div { zoom:1; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_inputfile_s { width:100%; font-size:200px; z-index:1000; position:absolute; padding: 0px; margin: 0px; top: 0px; left: 0px; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_inputfile_s div { width:100px; font-size:200px; z-index:1000; position:absolute; padding: 0px; margin: 0px; top: 0px; right: 0px; zoom:1; overflow:hidden; height:100px; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_inputfile_s .alx_feed_back_form_file_input_add { width:100%; font-size:200px; z-index:1000; position:absolute; padding: 0px; margin: 0px; filter: alpha(Opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; top: 0px; right: 0px; cursor:pointer; cursor:hand; } *html .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_inputfile_s .alx_feed_back_form_file_input_add { display:block; height:100px; width:100px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; zoom:1; border:0px solid red; } *:first-child+html .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_inputfile_s .alx_feed_back_form_file_input_add { display:block; height:100px; width:100px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; zoom:1; border:0px solid red; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_item_pole .alx_feed_back_form_inputtext_bg_calendar { position:relative; z-index:2; zoom:1; } .alx_feed_back_theme1 .alx_feed_back_form_feedback_poles .alx_feed_back_form_item_pole .alx_feed_back_form_inputtext_bg_calendar .alx_feed_back_form_calendar_icon { position:absolute; top:3px; right:5px; } #alx_feed_back_theme1_FID1 { width: 90% !important; } .substrate.form { padding: 20px; width: 500px; } .overlay { background-color: rgba(0, 0, 0, 0.7); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .overlay:target { visibility: visible; opacity: 1; } .popup-form { display: none; background-color: #f5f7f8; left: 50%; width: 350px; height: 500px; padding: 25px; text-align: justify; font: 14px Helvetica, Arial, Sans-Serif; top: 40%; z-index: 10; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-transition: opacity .5s, top .5s; -moz-transition: opacity .5s, top .5s; -ms-transition: opacity .5s, top .5s; -o-transition: opacity .5s, top .5s; transition: opacity .5s, top .5s; } .popup-form h3 { margin-top: 0; font-size: 18px; } .popup-form p { font-size: 12px; margin-bottom: 15px; } .popup-form div.mf-name, .popup-form div.mf-email, .popup-form div.mf-captcha, .popup-form div.mf-message { width: 100%!important; margin-bottom: 5px; } .popup-form .mf-text { margin-bottom: 5px; } .popup-form input, .popup-form textarea { border: 1px solid #ddd; border-radius: 6px; padding: 7px 10px; font-size: 12px; width: 99%!important; color: #444; } .popup-form input[type="submit"] { text-shadow: 1px 1px #777; margin: 0px 0; text-align: center; box-shadow: inset 0px 1px 0px #9BE3F0; background: #ff3a3a; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff3a3a 0%, #dd3939 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3a3a), color-stop(100%, #dd3939)); background: -webkit-linear-gradient(top, #ff3a3a 0%, #dd3939 100%); background: -o-linear-gradient(top, #ff3a3a 0%, #dd3939 100%); background: -ms-linear-gradient(top, #ff3a3a 0%, #dd3939 100%); background: linear-gradient(to bottom, #ff3a3a 0%, #dd3939 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a3a', endColorstr='#dd3939', GradientType=0); border: 1px solid #ce4242; border-radius: 20px; color: white!important; text-decoration: none!important; font-size: 15px; padding: 4px 14px 7px; display: inline-block; text-transform: none; line-height: 28px; letter-spacing: 0px; width: 135px!important; margin-top: 15px; text-align: center!important; } .overlay:target+.popup-form { top: 50%; opacity: 1; visibility: visible; } .close { height: 24px; line-height: 24px; position: absolute; right: 10px; font-weight: bold; text-align: center; text-decoration: none; top: 10px; width: 24px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; opacity: .6 } .close:before { color: black; content: "X"; font-size: 20px; /* text-shadow: 0 -1px rgba(0, 0, 0, 0.9); */ } .close:hover { background-color: rgba(64, 128, 128, 0.8); } /* Меню ЮрУслуг*/ .ur-serv-list{ margin-bottom: 30px; } .ur-serv-list h3 { font-size: 15px; margin: 0px 0 10px; text-transform: uppercase; background: #f5f7f8; padding: 12px; } .ur-serv-list h4 { font-size: 14px; padding-left: 15px; text-transform: uppercase; font-weight: 700; padding-top: 15px; } .ur-serv-list ul { list-style: none; } .ur-serv-list ul li { padding: 8px 0; list-style: none; border-bottom: 1px solid #eee; font-size: 16px; } .ur-serv-list ul li.last { border-bottom: none; } .ur-serv-list ul li .right { float: right; } .ur-serv-list li a { // background: url('/bitrix/templates/main_tpl/img/dot.png') no-repeat 0 6px; padding-left: 50px; font-size: 17px; color: @darkBlue; text-decoration: none; line-height: 18px; display: inline-block; } .ur-serv-list li a:hover{ color: @darkBlue; text-decoration: underline; } .ur-serv-list li span { // background: url('/bitrix/templates/main_tpl/img/dot.png') no-repeat 0 6px; padding-right: 10px; font-size: 17px; color: @darkBlue; text-decoration: none; line-height: 18px; display: inline-block; float: right; width: 200px; text-align: center; } .ur-serv-list li ul { margin-left: 0px; margin-top: 15px; } .ur-serv-list li ul li.last { border: none; } .ur-serv-list .substrate { border-radius: 0 0 6px 6px; } .ur-serv-list-tab > li > a { font-size: 17px; color: @darkBlue; } .ur-serv-list-tab > li.active > a, .ur-serv-list-tab > li.active > a:hover, .ur-serv-list-tab > li.active > a:focus { color: #555; cursor: default; background-color: #f5f7f8; border: 1px solid #ddd; border-bottom-color: transparent; text-decoration: none; } .ur-serv-list-tab { border-bottom: none; margin-top: 10px; } /* Цены по СРО */ #prices-wrap { float: left; width: 100%; margin: 20px 0 0px; } .tabs-link { margin-top: -12px; } #prices-wrap a.tabs { display: inline-block; margin-bottom: 20px; background: #fff; padding: 12px 37px; border-radius: 6px 6px 0px 0px; text-align: center; } #prices-wrap a.tabs.active { background: #f5f7f8; position: relative; } #prices-wrap a.tabs span { color: #333; font-size: 17px; line-height: 20px; display: inline-block; border-bottom: 1px dotted #333; } #prices-wrap a.tabs.active span { color: #333; cursor: default; text-decoration: none; border-bottom: none; } #prices-wrap .prices-tab-wrap { width: 100%; float: left; margin-top: -5px; } #prices-wrap div.prices-tab { display: none; width: 100%; float: left; } #prices-wrap div.active { display: block; } #prices-wrap tr td:nth-child(2) { text-align: right; } /* Список лицензий */ .lic-list thead{ background: #f5f7f8; th { border-bottom: 0px!important; padding-left: 10px; } } .lic-list tr td:nth-child(1) { width: 70%; } .lic-list tr td:nth-child(1) a { //background: url('/bitrix/templates/main_tpl/img/dot.png') no-repeat 0 center; padding-left: 0px; color: @darkBlue; text-decoration: none; display: inline-block; } .lic-list tr td, .lic-list tr td a{ color: @darkBlue; } .lic-list2 tr td:nth-child(1) { width: 50%; } .lic-list tr td, .lic-list tr td a { font-size: 17px; } /* СРО за 1 день */ #infoColsHolder { position: relative; overflow: hidden; padding-bottom: 20px; /* border-bottom: 1px solid #dbdbdb; */ /* background: #edeff4;*/ padding-left: 20px; padding-top: 10px; margin-bottom: 20px; } #infoCols { z-index: 10; position: relative; } #infoCols > li { /* width: 25%;*/ float: left; margin-right: 0px; text-align: center; list-style: none; } #infoColsHolder .infoImg { width: 100px; height: 100px; overflow: hidden; border-radius: 110px; box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block; background: #777; padding: 30px 0 0 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-align: center; } #infoColsHolder .infoImg.active { background: #2A4486; -webkit-box-shadow: 0 8px 0 0 #d7d6d6; box-shadow: 0 8px 0 0 #d7d6d6; } .infoImg { margin-bottom: 10px; } .infoImg img { width: 35px; } .infoHeader { width: 90%; padding-bottom: 27px; border-bottom: 1px solid #dbdbdb; position: relative; } .infoHeaderName { font-weight: bolder; color: #2A4486; text-transform: uppercase; font-size: 15px; line-height: 20px; position: relative; left: 0px; top: 15px; } .infoText { width: 90%; } .infoText ul { padding: 15px 0 0 0px; margin-left: 5px; } .infoText li { list-style: none; padding-left: 15px; margin: 0 0 10px 0; line-height: 20px; font-size: 15px; background: url('/bitrix/templates/main_tpl/img/bird.png') no-repeat 0 8px; text-align: left; } /* быстрая заявка */ .fast-order { float: left; width: 100%; .phone { color: #d63737; } .sect-intro { padding-top: 25px; font-style: italic; } } /* Порядок вступления в СРО */ .section2.steps { border-bottom: 1px solid #ccc; padding-bottom: 10px; float: left; width: 100%; margin-bottom: 10px; } .section2 .steps_showdiv { cursor: pointer; background: url("/bitrix/templates/main_tpl/img/steps-arr.png") no-repeat scroll right center transparent; float: left; width: 100%; } .section2 h3.sect-title { margin-bottom: 0; color: #22376E; font-family: sans-serif; margin-top: 0px; font-size: 18px; line-height: 36px; font-weight: 400; } .section2 h3.sect-title .num { background: @blue; padding: 3px 9px; border-radius: 50%; color: #fff; font-weight: 400; margin-right: 3px; } .section2 .pad-left { padding-left: 32px; display: none; } .section2.steps ul, .section2.steps ul li { margin: 0; list-style: none; padding: 0; } /* Форма заявки в СРО */ #m_form input { margin-right: 4px; } #m_form table tr { margin-bottom: 5px; } #m_form table td { padding: 5px; } .b-prices { border: 4px solid @blue; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 20px; line-height: 22px; overflow: hidden; } .b-prices table { width: 100%; } .b-prices td { vertical-align: top; padding: 8px 0; font-size: 15px; border: none; } .b-prices td div { position: relative; display: inline-block; } .b-prices td:nth-child(1) { width: 60%; } .b-prices td + td { text-align: right; white-space: normal; color: @red; font-size: 16px; } .b-prices td span { position: relative; z-index: 1; background: #fff; padding-right: 3px; } /* Табличка готовые фирмы*/ ul.got-firms { margin: 0; } .nav-tabs.got-firms a { color: #333; font-size: 17px; line-height: 20px; display: inline-block; /* border-bottom: 1px dotted #333; */ text-decoration: none; padding: 14px 30px; } .nav-tabs.got-firms .active a { background: #f5f7f8; } .tab-pane { float: left; width: 100%; } /* Акция Iphone */ .iphone-action { .iphone-action-text { padding-top: 12%; h3 { color: @red; font-size: 28px; text-transform: uppercase; font-weight: 400; margin-bottom: 10px; } } } .border-dotted { border: 1px dashed #ddd; padding: 20px; margin-bottom: 20px; p { font-size: 12px; color: #555; } } .sec-title { font-family: sans-serif; margin-bottom: 10px; margin-top: 0; text-transform: none; font-size: 22px; font-weight: 400; border-bottom: 1px solid #ddd; line-height: 30px; } /* Личный кабинет */ .personal-page-wrap { .content-form { float: left; background: #f5f7f8; padding: 30px; padding-top: 55px; border-radius: 8px; text-align: left; width: 450px; position: relative; border: 1px solid #ddd; margin-bottom: 30px; .content-form-header { background: #ced8db; position: absolute; top: 0; left: 0; /* color: #fff; */ width: 100%; border-radius: 8px 8px 0 0; padding: 10px 30px; font-weight: 700; font-size: 12px; } .field { margin-bottom: 8px; line-height: 22px; } input { border: 1px solid #ddd; border-radius: 6px; padding: 5px 10px; font-size: 12px; width: 99%!important; color: #444; } input[type='checkbox'] { border: 1px solid #ddd; border-radius: 6px; padding: 5px 10px; font-size: 12px; color: #444; width: auto!important; } label { font-weight: 400; font-size: 14px; margin: 2px; } } table.sale-personal-order-list th { background-image: none; background-repeat: repeat-x; text-align: left; color: #444; } } /* Логин */ .content-form { input[type='submit'] { text-shadow: 1px 1px #777; margin: 10px 0; text-align: center; box-shadow: inset 0px 1px 0px #fff; background: #ff3a3a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmM2EzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDM5MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff3a3a 0%, #dd3939 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3a3a), color-stop(100%,#dd3939)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff3a3a 0%,#dd3939 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff3a3a 0%,#dd3939 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff3a3a 0%,#dd3939 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff3a3a 0%,#dd3939 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3a3a', endColorstr='#dd3939',GradientType=0 ); /* IE6-8 */ border: 1px solid #ce4242; color: #fff; border-radius: 20px; padding: 3px 20px; width: auto!important; font-size: 16px; } } .personal-page { padding-left: 0px; padding: 10px 0; float: left; width: 100%; a { color: @darkBlue; margin-bottom: 5px; display: inline-block; } p { font-size: 14px; line-height: 24px; color: #444; } h3 { margin-top: 0; text-transform: uppercase; font-size: 14px; font-weight: 700; } div { margin-bottom: 20px; } } @media screen and (max-width: 768px) { .header .logo { display: none; } .r-block-main-title h1 { font-size: 28px; width: 100%; } .r-block-main-title a { float: left; margin-top: 10px; margin-bottom: 10px; } .main-right { padding-left: 20px; } .menuFirst { margin-top: 80px; text-align: center; } .left-menu-toggle { position: absolute; top: 0; left: 137px; display: block; } .video-block { height: 320px; float: left; } .page-section ul { padding: 0; margin: 10px; } .substrate-inner { padding: 5px 5px; } .r-block-wrap { padding: 0 15px; margin: 0px 0 0px; } .docs-btn-out h3 { font-size: 16px; margin-right: 20px; } .r-block-wrap2 { height: 90px; } .footer-contacts-center h3 { font-size: 24px; } .why-us-left .list-icons li { margin-bottom: 5px; list-style: none; padding-left: 32px; line-height: 30px; text-transform: uppercase; font-size: 10px; } .lic-list tr td:nth-child(1) { width: 55%!important; } .lic-list tr td, .lic-list tr td a { font-size: 14px!important; } .similar .blue-list li a { font-size: 14px!important; } #prices-wrap a.tabs { display: block; margin-bottom: 0px; } #prices-wrap a.tabs { background: #f5f7f8; } #prices-wrap a.tabs.active { background: #f5f7f8; } #prices-wrap a.tabs.active span { font-weight: 700; } .button-red { font-size: 12px; padding: 1px 15px 1px; } .price-list-footer .left, .price-list-footer .right { width: 100%; float: left; margin-top: 10px; } .price-list-footer .red { font-size: 20px!important; margin-left: 30px; } .list-icons li span { font-size: 13px; } #infoCols > li { padding-top: 20px; } .infoHeader { width: 100%; } .blue-list { margin: 10px 25px!important; } .pers-right-block img { width: 100%; } .table-2col table td:nth-child(1) { background: url('/bitrix/templates/main_tpl/img/bird.png') no-repeat 10px 18px; padding-left: 27px; font-size: 15px; } .table-2col table td:nth-child(2) { width: 35%; text-align: right; color: #d63737; font-size: 15px; } ul.got-firms { margin: 0; } ul.got-firms li { width: 50%; } .nav-tabs.got-firms li a{ font-size: 16px; padding: 14px 22px; } } .clbh_banner-line-wrapper { opacity: 0!important; } .changepswd-form { .field { margin-bottom: 10px; } .field-button { margin-top: 15px; } } .vipiski-item { .item-input { margin-bottom: 10px; input { border-radius: 8px; border: 1px solid #ccc; padding: 5px; } } .item_price { .item_current_price { background: none; border-bottom: none; padding: 0; } } .item_info_section { padding: 0; } .item_buttons_counter_block { display: block; margin-bottom: 10px; } .transparent_input { border: 1px solid #ccc; width: 40px; text-align: center; } .button-red { margin: 5px 0; } }