*{ margin: 0; padding: 0;} body { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 15px; color: #333; line-height: 1.2; } img { border: none; } label { margin-bottom: 0; font-weight: 400; } input::-webkit-input-placeholder{color:#777}input::-moz-placeholder{color:#777}input:-moz-placeholder{color:#777}input:-ms-input-placeholder{color:#777}textarea::-webkit-input-placeholder{color:#777}textarea::-moz-placeholder{color:#777}textarea:-moz-placeholder{color:#777}textarea:-ms-input-placeholder{color:#777} input, textarea{color: #777} [class*="section-box"] { width: 100%; position: relative; float: left; } .box-wr {margin: 0 auto; width: 960px;} .box-all {width: 960px; float: left; box-sizing: border-box; padding: 0 10px; position: relative} .section-box.header { height: 114px; } .section-box-1 { height: 500px; background: url("/images/sect-bg-1.jpg") 50% no-repeat; } .section-box-3 { height: 601px; background: #fff; box-sizing: border-box; padding-top: 40px; } .section-box-4 { height: 424px; background: url("/images/sect-bg-4.jpg") 50% no-repeat; } .section-box-map {height: 500px; margin-top: 21px} .section-box.footer { height: 272px; } .section-box.first-header { height: 114px; background: #fff; } .section-box.first-header .box-all { height: 114px; } .section-box.menu-header-all { height: 41px; background: #0072bc; } .section-box.footer-all { height: 232px; background: #f1f1f1; box-sizing: border-box; } .section-box.artweb-footer-all { height: 40px; background: #757575; } img.logo { position: absolute; top: 50%; margin-top: -34px; left: 10px; } .header-proektant-slogan { width: 620px; padding:23px 0 0 120px; box-sizing: border-box; font-size: 28px; line-height: 35px; float: left; } ul.header-contacts-menu { width: 136px; float: left; height: 114px; margin-left: 20px; box-sizing: border-box; padding-top: 30px; } ul.header-contacts-menu li { list-style: none; position: relative; box-sizing: border-box; padding-left: 22px; height: 20px; transition: 0.3s; margin-top: 11px; } ul.header-contacts-menu li:first-child { margin-top: 0; } ul.header-contacts-menu li:hover a { opacity: 0.9; } ul.header-contacts-menu li span { width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; } ul.header-contacts-menu li a { color: #0072bc; text-decoration: underline; font-size: 13px; height: 20px; display: block; line-height: 20px; } ul.header-contacts-menu li:last-child a { text-decoration: dashed; } .header-cabinet-wr { width: 164px; float: left; height: 114px; box-sizing: border-box; padding-top: 33px; } .header-cabinet-foto { width: 48px; height: 48px; float: left; overflow: hidden; border-radius: 4px; background: url("/images/ico-profile.png") no-repeat; } .header-cabinet-foto img { width: 48px; height: 48px; max-width: 48px; max-height: 48px; } .header-cabinet-profile { float: left; font-size: 18px; margin-right: 26px; margin-top: 5px; margin-left: 13px; } .header-cabinet-wr a { float: left; text-decoration: underline; color: #0072bc; font-size: 13px; transition: 0.3s; margin-left: 14px; width: 102px; overflow: hidden; position: relative; height: 15px; white-space: nowrap; } .header-cabinet-wr a:hover{opacity: 0.9} .header-cabinet-wr a:before{ content: ''; height: 15px; width: 15px; background: #fff; opacity: 0.5; position: absolute; top: 0; right: 0; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } ul.main-menu { width: 620px; float: left; height: 41px; } ul.main-menu li { float: left; list-style: none; height: 100%; border-right: 1px solid #338ec9; padding: 0 35px 0 20px; position: relative; } ul.main-menu li:first-child{ border-left: 1px solid #338ec9; } ul.main-menu li span { cursor: pointer; color: #fff; display: block; height: 100%; line-height: 41px; position: relative; } ul.main-menu li span:after{ content: ''; width: 9px; height: 6px; position: absolute; right: 0; margin-right: -15px; top: 50%; margin-top: -3px; background: url("/images/arrow-main-menu.png") no-repeat; } .main-menu-hover { display: none; background: #fff; width: 218px; border: 1px solid #d7d7d7; position: absolute; top: 41px; left: 0; z-index: 333; } .main-menu li ul{ width: 218px; float: left; border-bottom:1px solid #d7d7d7; } .main-menu li ul li { width: 100%; float: left; border-right: 0; padding: 0; text-align: center; height: 40px; line-height: 40px; } .main-menu li ul li a { text-decoration: none; width: 100%; height: 40px; line-height: 40px; color: inherit; } .main-menu li ul li:hover{ background: #62b8ef; } .main-menu li ul li:hover a{ color: #fff; } .main-menu li ul li:first-child{border-left: none} .main-menu li:hover .main-menu-hover{display: block !important;} .main-menu-category{color: #0072bc !important;} .main-menu-category:hover { color: #0072bc !important; background: #fff !important; } .main-menu-hover ul:last-child { border-bottom: none; } .search-main-menu { float: right; width: 300px; height: 41px; } .search-main-menu form { width: 100%; height: 100%; position: relative; margin-top: 6px; } .search-main-menu form input { width: 268px; height: 29px; border: none; box-sizing: border-box; padding: 0 5px 0 128px; } .search-main-menu form button[type="submit"] { width: 29px; height: 29px; position: absolute; top: 0; right: 1px; background: #fff url("/images/ico-search.png") 50% 50% no-repeat; border: none; outline: none; cursor: pointer; padding: 0 !important; } .section-box-base { font-size: 40px; font-weight: 700; color: #fff; text-align: center; margin-top: 42px; line-height: 48px; } .section-box-base-block { height: 282px; overflow: hidden; margin-top: 80px; } .base-blocks { width: 300px; height: 100%; float: left; margin-left: 20px; text-align: center; } .base-blocks:first-child{margin-left: 0} .base-blocks-button { width: 248px; height: 62px; border-radius: 4px; display: block; text-align: center; color: #fff; font-size: 18px; text-decoration: none; line-height: 65px; margin: 0 auto; transition: 0.3s; } .base-blocks-button:hover{font-size: 20px} .base-blocks-button.first_butt{ background: #fc9b28; border-bottom: 3px solid #ef8505; } .base-blocks-button.second_butt{ background: #64c04a; border-bottom: 3px solid #3e9825; } .base-blocks-button.third_butt{ background: #0e83cf; border-bottom: 3px solid #0054a6; } .base-blocks-button.first_butt:hover{ background: #ef8505; border-bottom: 3px solid #fc9b28; } .base-blocks-button.second_butt:hover{ background: #3e9825; border-bottom: 3px solid #64c04a; } .base-blocks-button.third_butt:hover{ background: #0054a6; border-bottom: 3px solid #0e83cf; } .base-blocks-text { width: 100%; } .base-blocks-text p { width: 100%; color: #fff; font-size: 18px; line-height: 22px; margin-top: 20px; } .base-blocks-text p:first-child{margin-top: 17px} .base-blocks-text p a { width: 100%; text-decoration: underline; color: #69d34b; transition: 0.3s; display: block; } .base-blocks-text p a:hover{opacity: 0.9} .menu-two-wrapp-title { width: 100%; float: left; font-size: 28px; font-weight: 700; text-align: center; margin-top: 44px; } .menu-two-wrapp { width: 100%; float: left; border-radius: 4px; /*min-height: 322px;*/ height: 323px; position: relative; overflow: hidden; margin-top: 23px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; } ul.content-menu-first { width: 235px; float: left; position: relative; } ul.content-menu-first li { width: 100%; list-style: none; box-sizing: border-box; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; height: 36px; line-height: 36px; cursor: pointer; transition: 0.3s; background: #fff; } ul.content-menu-first li:first-child {border-top: 0} ul.content-menu-first li:hover { background: #bb0f3f; } ul.content-menu-first li a { text-decoration: none; color: #333333; display: block; } ul.content-menu-first li:hover a{ color: #fff !important; } ul.content-menu-first li span { width: 5px; height: 100%; display: block; margin-right: 13px; float: left; } ul.content-menu-first li > ul { position: absolute; top: 0; left: 235px; width: 235px; height: 100%; display: none; } ul.content-menu-first li:hover ul { display: block; } ul.content-menu-first li ul li:hover { background: #f3f3f3 !important; } ul.content-menu-first li ul li:hover a { color: #333333 !important; } ul.content-menu-first li > ul li{box-sizing: border-box;padding-left: 19px} ul.content-menu-first li > ul li a{color: #fff !important} .remove-link, .remove-link-two {position: relative} .hack-arrow { width: 6px; height: 100%; background: url("/images/arrow-menu-two.png") center center no-repeat; position: absolute; right: 8px; top: 0; } .yes-after:hover .hack-arrow { background: url("/images/arrow-menu-two-hov.png") center center no-repeat; } .remove-link-two .hack-arrow { background: url("/images/arrow-menu-two-hov.png") center center no-repeat; } /*.yes-after-two:hover .new-arow {*/ /*background: url("/images/arrow-menu-two.png") no-repeat;*/ /*}*/ li.hov-arrow:after{ background: url("/images/arrow-menu-two-hov.png") no-repeat !important;} ul.third-ul-menu{display: none !important;} ul.content-menu-first li ul li:hover ul.third-ul-menu{display: block !important;} .third-ul-menu li:last-child{border-bottom: 1px solid #dfdfdf;} ul.last-ul-menu{display: none!important;} .last-display-imp{display: block !important;} .last-ul-menu li{border-right: none !important} ul.third-ul-menu li:hover ul.last-ul-menu {display: block !important;} ul.content-menu-first li ul li:last-child, ul.content-menu-first li:last-child{border-bottom: 1px solid #dfdfdf;} ul.third-ul-menu li {background: #fff !important; height: auto; line-height: 18px; min-height: 36px; padding: 9px 0 8px 0;} ul.third-ul-menu li:after{margin-top: -13px; } /*ul.third-ul-menu li:after{margin-top: -13px; height: 100% !important; background: red !important;}*/ /***************************/ .all-project-home-title_menu { width: 100%; float: left; text-align: center; } .all-project-home-title_menu p { font-weight: 700; font-size: 28px; float: left; display: block; height: 40px; line-height: 40px; margin-left: 182px; margin-right: 29px; } .all-project-home-title_menu ul {float: left; height: 40px; box-sizing: border-box; padding-top: 10px} .all-project-home-title_menu ul li { float: left; list-style: none; height: 27px; line-height: 27px; color: #0072bc; cursor: pointer; padding: 0 17px; } .all-project-home-title_menu ul li span { border-bottom: 1px dashed #0072bc; font-size: 15px; } li.project-home-active { background:#0072bc; cursor: default !important; border-radius: 27px; } li.project-home-active span { border-bottom: none !important; } li.project-home-active span{ color: #fff; } .shadow-map { width: 100%; height: 6px; background: url("/images/shadow-map.png"); position: absolute; top: 0; left: 0; z-index: 3; } .federation-home-title { width: 100%; float: left; font-size: 28px; font-weight: 700; color: #fff; margin-top: 44px; text-align: center; } .federation-home-list { height: 27px; width: 502px; margin: 0 auto; } .federation-home-list li { list-style: none; float: left; padding: 0 20px; height: 27px; line-height: 27px; cursor: pointer; } .federation-home-list li span { border-bottom: 1px dashed #0072bc; color: #fff; } .federation-home-list li:last-child span { border-bottom: 1px dashed #fff200; color: #fff200; } .federation-home-list-active { color: inherit !important; background: #fff; border-radius: 27px; cursor: default !important; } .federation-home-list-active span { border-bottom: none !important; color: inherit !important; } .federation-home-list-wr { width: 100%; float: left; margin-top: 22px; position: relative; height: 27px; } .federation-home-blocks { width: 300px; height: 134px; float: left; margin-left: 20px; margin-top: 122px; } .federation-home-blocks:first-child{margin-left: 0} .federation-home-blocks-wr-blocks {display: none} .federation-home-blocks-wr-blocks:first-child {display: block} .federation-home-blocks-wr, .federation-home-blocks-wr-blocks{width: 100%;float: left} .federation-home-ico, .federation-home-text {width: 100%; float: left; text-align: center} .federation-home-ico{height: 46px} .federation-home-text { font-size: 18px; color: #fff; margin-top: 28px; box-sizing: border-box; padding: 0 27px; } .footer-all-wr { width: 100%; float: left; margin-top: 34px; } .footer-menu { width: 100%; float: left; } .footer-menu li { width: 100%; float: left; list-style: none; height: 31px; } .footer-menu li a { color: #555; font-size: 13px; text-decoration: none; } .footer-menu li a:hover{ text-decoration: underline; } .footer-menu-wrapper { width: 207px; float: left; height: 198px; } .first-footer-menu { margin-right: 13px; } .second-footer-menu .footer-menu li, .third-footer-menu .footer-menu li {height: 28px} .footer-menu-project { width: 125px; height: 72px; border-radius: 4px; border: 1px solid #c1c1c1;float: left; margin-top: 27px; } .footer-menu-project-ico { width: 100%; box-sizing: border-box; padding: 7px 0 0 23px; float: left; } .footer-menu-project-ico a { width: 36px; height: 36px; float: left; margin-left: 8px; } .footer-menu-project-ico img { width: 36px; height: 36px; } .footer-menu-project-ico a:first-child{margin-left: 0} .footer-menu-project-ico-txt { width: 100%; float: left; text-align: center; font-size: 13px; color: #555; line-height: 16px; margin-top: 6px; } .footer-menu-project-two { width: 151px; height: 72px; border-radius: 4px; border: 1px solid #c1c1c1;float: left; margin-top: 27px; } .footer-menu-project-two .footer-menu-project-ico { padding: 7px 0 0 14px; } .last-footer-menu { width: 300px; float: right; } .last-footer-menu .footer-menu li { text-align: right; height: 22px; } .last-footer-menu .footer-menu li:last-child { margin-top: 20px; margin-top: 22px; } .copyright { width: 50%; float: left; height: 40px; line-height: 40px; font-size: 11px; color: #fff; } .artweb-wr { width: 50%; float: right; height: 40px; position: relative; } .artweb-wr a { height: 40px; line-height: 40px; text-decoration: underline; color: #fff; opacity: 0.3; font-size: 11px; float: right; margin-right: 36px; } .artweb-img { width: 24px; height: 23px; position: absolute; right: 0; top: 50%; margin-top: -11px; opacity: 0.3; cursor: default; } .artweb-img img { width: 24px; height: 23px; } .artweb-img a { margin: 0; padding: 0; width: 24px; height: 23px; display: block; } .style {width: 100%;float: left} .form-questions-wrapp { width: 502px; height: 347px; border-radius: 4px; background: #fff; opacity: 0.5; position: absolute; top: 111px; left: 50%; margin-left: -251px; } .form-questions { width: 502px; position: absolute; top: 111px; left: 50%; margin-left: -251px; box-sizing: border-box; padding: 40px 40px 0 20px; } .form-questions textarea { width: 420px; height: 142px; max-height: 142px; background: #fff; border: none; border-radius: 4px; float: left; resize: none; box-sizing: border-box; padding: 8px 0 0 10px; margin-left: 20px; } .form-questions input { width: 200px; height: 32px; float: left; background: #fff; border: none; border-radius: 4px; box-sizing: border-box; margin-left: 20px; margin-top: 22px; padding-left: 8px; } .form-questions input[type="submit"] { width: 190px; height: 40px; color: #fff; line-height: 42px; background: #077cc6; border-bottom: 2px solid #0054a6; font-size: 13px; font-weight: 700; text-transform: uppercase; margin-top: 30px; cursor: pointer; outline: none; transition: 0.2s; margin-left: 136px; } .form-questions input[type="submit"]:hover { background: #0054a6; border-bottom: 2px solid #077cc6; } .callback { width: 100%; float: left; padding: 0 20px; box-sizing: border-box; margin-top: 8px; } .callback input { width: 100%; height: 29px; float: left; background: #fff; box-sizing: border-box; border: 1px solid #dcdcdc; margin-top: 5px; padding-left: 10px; } .callback input[type="submit"] { background: #0072bc; color: #fff; cursor: pointer; transition: 0.3s; margin-top: 20px; font-size: 13px; border-radius: 4px; border: none; padding: 0; } .callback label { width: 100%; float: left; font-weight: 700; font-size: 13px; margin-top: 13px; } .callback input[type="submit"]:hover { background: #0c81cc; } .performance-vacancy-call-back-conf { width: 180px; margin-top: 20px; border-top: 1px solid #dbdbdb; font-size: 11px; color: #636363; height: 45px; line-height: 45px; text-align: center; float: left; margin-left: 20px; } #overlay{ position: fixed; width: 100%;height: 100%; background: #000; opacity: 0.95; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; display: none; z-index: 9991; } #modal_form { width: 460px; height: 533px; position: fixed; top: 30%; left: 50%; margin-top: -230px; margin-left: -267px; display: none; opacity: 0; z-index: 9992; } .closed-form { width: 15px;height: 15px; background: url("/images/modal-close.png") no-repeat; position: absolute; top: -39px; right: -50px; cursor: pointer; transition: 0.3s; } .closed-form:hover{opacity: 0.8} .form-resume-wr { width: 100%; height: 100%; float: left; display: block; position: relative; border-radius: 4px; overflow: hidden; background: #fff; position: relative; } .form-resume-sub { height: 73px; line-height: 73px; color: #fff; background: #0c81cc; text-align: center; font-size: 18px; } .form-resume-wr form { width: 240px; float: left; position: absolute; top: 73px; left: 50%; margin-left: -120px; margin-top: 22px; } .form-resume-wr form label { font-size: 13px; font-weight: 700; width: 100%; float: left; margin-bottom: 5px; } .form-resume-wr form input { width: 240px; height: 29px; border: 1px solid #dcdcdc; box-sizing: border-box; padding-left: 10px; margin-bottom: 13px; } .form-resume-wr form textarea { width: 240px; height: 123px; max-height: 123px; min-height: 123px; resize: none; border: 1px solid #dcdcdc; box-sizing: border-box; padding: 5px 0 0 10px; } .form-resume-wr form input[type="submit"] { background: #0072bc; color: #fff; cursor: pointer; height: 29px; border: 1px solid #0072bc; padding: 0 32px; outline: none; transition: 0.2s; border-radius: 4px; font-size: 13px; width: auto; margin-top: 48px; margin-left: 30px; } .form-resume-wr form input[type="submit"]:hover { background: #fff; color: #0072bc; } .form-resume-wr form input[type="file"] { border: none;outline: none; } .label-file {position: relative; width: 100%; float: left; height: 29px; margin-top: 10px} .label-file label { width: 96px !important; line-height: 31px; } .label-file input { position: absolute; z-index: 9993; width: 90px !important; height: 29px !important; background: #fff; border: 1px solid #0072bc !important; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); top: 1px; left: 96px; cursor: pointer; } .label-file input[type="file"] { cursor: pointer; } .label-file a { position: absolute; z-index: 9992; width: 88px; height: 27px; background: #fff; border: 1px solid #0072bc !important; color: #0072bc; font-size: 13px; text-decoration: none; display: block; line-height: 27px; text-align: center; top: 1px; left: 96px; cursor: pointer; border-radius: 4px; } [role="button"] { cursor: pointer; } input[type=file]::-webkit-file-upload-button { cursor: pointer; } .res-wrapper-mb { width: 100%; float: left; margin-top: 8px; margin-left: 104px; position: relative; } .res-wrapper-mb p { width: 250px; background: #fff; position: absolute; top: 0; left: -10px; font-size: 11px; color: #636363; z-index: 2; box-sizing: border-box; padding-left: 10px; height: 29px; overflow: hidden; } .res_form_line { width: 100%; height: 1px; background: #dbdbdb; position: absolute; left: 0;bottom: 89px; z-index: 1; } /***rating***/ .section-box-15 .rating {padding-left: 0;margin-left: -4px} .section-box-15 .vote-stars, .section-box-15 .vote-active {cursor: default !important} .section-box-15 .rating .vote-result, .section-box-15 .rating .vote-success {display: none} .rating{width:150px; overflow: hidden; height:16px;float:left;box-sizing: border-box;padding-left: 9px;}div.vote-wrap{overflow:hidden}div.vote-block{position:relative}div.vote-hover{float:left;cursor:default}div.vote-stars,div.vote-active{position:absolute;left:0;top:0;cursor:pointer}div.vote-result{color:#ccc;font-size:14px;margin-top:12px;padding-left:190px}div.vote-success{clear:both;color:#ccc;font-size:14px;margin:10px 0 0 10px} /***end-rating***/ .section-box-9 .vote-success, .section-box-9 .vote-result{display: none} /****pagination****/ .navi-buttons-wr { margin-top: 29px; } .pagination { display: block; padding:0; margin:0; float: right; } .pagination li { display: block; border: 1px solid #dcdcdc; float: left; margin-left: 6px; border-radius: 4px; height: 29px; } .pagination li.active {background: #f1f1f1; border: 1px solid #f1f1f1;} .pagination li.active a {cursor: default} .pagination li:first-child{margin-left: 0} .pagination > li a { padding: 0 11px; height: 100%; line-height: 31px; display: block; text-decoration: none; font-weight: 700; color: inherit; } .pagination li.dots-next { border: 1px solid #fff; } .pagination li:hover { border: 1px solid #0072bc; } .pagination li:hover a { color: #0072bc; } .pagination li.active:hover { border: 1px solid #f1f1f1; } .pagination li.active:hover a { color: inherit; } .pagination li.dots-next:hover { border: 1px solid #fff; } /**************landingCompany**************/ .section-box-5 { height: 500px; background: url("/images/landing/bg-5.jpg") 50% no-repeat; } .landing-reg-title{ text-align: center; color: #fff; font-size: 48px; font-weight: 700; margin-top: 124px; float: left; width: 100%; text-shadow: 0px 0px 12px rgba(115, 115, 115, 0.75); } .landing-reg-button { height: 65px; margin-top: 94px; } .landing-reg-button a { width: 288px; height: 62px; text-align: center; display: block; background: #0276c0; border-bottom: 3px solid #0054a6; color: #fff; text-decoration: none; font-size: 18px; line-height: 65px; transition: 0.2s; border-radius: 4px; margin: 0 auto; } .landing-reg-button a:hover{ background: #0054a6; border-bottom: 3px solid #0276c0; } .landing-reg-txt {text-align: center; font-size: 18px; color: #fff; margin-top: 27px;} .section-box-6 { height: 579px; background: #fff; } .section-box-7 { height: 275px; background: #f1f1f1; } .section-box-8 { height: 444px; background: url("/images/landing/bg-8.jpg") 50% no-repeat; } .section-box-8.landing-work-our-wr-section { height: 273px; background: url("/images/landing-order-project/bg-30.jpg") 50% no-repeat; } .section-box-9 { height: 341px; background: #fff; } .landing-your-buisnes-tit { text-align: center; font-weight: 700; font-size: 28px; margin-top: 44px; } .section-box-6 .box-all { overflow: hidden; } .landing-your-buisnes-anim-wr { width: 960px !important; overflow: hidden; margin-left: -20px; margin-top: 32px; position: relative; perspective: 1000px;-webkit-perspective: 1000px; } .landing-your-buisnes-blocks { width: 300px; height: 218px; float: left; position: relative; margin-left: 20px; } .lan_yo_buis_img { background: url("/images/landing/landing-ico-1.png") no-repeat; height: 163px; } .lan_yo_buis_txt { text-align: center; box-sizing: border-box; padding: 0 50px; line-height: 18px; position: absolute; height: 36px; left: 0; bottom: 35px; } .lan_yo_buis_arr { width: 88px; height: 35px; background: url("/images/landing/landing-ico-2.png") no-repeat; position: absolute; } .lan_yo_buis_arr:last-child{ height: 110px; } .landing-your-buisnes-blocks { transform: rotateY(-180deg) ; -moz-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transition: 1.2s; } .landing-best-jobs { height: 111px; text-align: center; line-height: 122px; font-size: 28px; font-weight: 700; } .logos-slider { width: 100%; float: left; height: 130px; position: relative; } .scroll-img { width: 870px; height: 100%; margin: 0 auto; position: relative; overflow: hidden; } .scroll-img ul { margin: 0 auto; width: 1870px; height: 100%; } .scroll-img ul li:first-child{margin-left: 0} .scroll-img ul li { width: 150px; height: 100%; float: left; list-style: none; margin-left: 30px; } .buttons-slider-best { position: absolute; width: 35px; height: 75px; background: red; top: 0; opacity: 0.3; transition: 0.3s; } .buttons-slider-best:hover {opacity: 1} #prew.buttons-slider-best{ left: 0; background: url("/images/landing/arrow-best-1.png") 0 50% no-repeat; } #next.buttons-slider-best{ right: 0; background: url("/images/landing/arrow-best-2.png") 100% 50% no-repeat; } .scroll-img ul li p { width: 100%; float: left; line-height: 16px; text-align: center; font-size: 13px; color: #666666; margin-top: 8px; } .section-box-8 .landing-best-jobs {color: #fff} .landing-work-our { width: 300px; height: 153px; float: left; margin-left: 20px; position: relative; overflow: hidden; } .land-wrk-wr { width: 100%; overflow: hidden; } .landing-work-our-wr { width: 960px; float: left; margin-left: -20px; } .landing-work-our-img { width: 100%; height: 64px; float: left; } .lnd-wrk-img { width: 64px; height: 64px; margin: 0 auto; background: url("/images/landing/ico-circle-1.png") no-repeat; } .landing-work-our-img p { width: 100%; text-align: center; color: #fff; line-height: 18px; float: left; margin-top: 17px; cursor: default; transition: 0.3s; } .landing-work-our:hover p{font-size: 18px} .landing-work-our-img-text { width: 100%; float: left; height: 100%; } .landing-slider-comments-wr { height: 180px; position: relative; } .landing-slider-comments { width: 860px; height: 100%; background: #f5f5f5; margin: 0 auto; border-radius: 4px; overflow: hidden; } .prev-slide, .next-slide { width: 40px; height: 100%; position: absolute; top: 0; opacity: 0.3; transition: 0.3s; } .prev-slide {left:0; background: url("/images/landing/arrow-best-1.png") 0 50% no-repeat;} .next-slide {right:0;background: url("/images/landing/arrow-best-2.png") 100% 50% no-repeat;} .prev-slide:hover, .next-slide:hover {opacity: 1} .slider-wrapper { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; position: relative; } .slider_timer {height: 100%;position: relative;width: 100%;} .slide_t { width: 100%; height: 100%; float: left; } .land-sld-blocks-wr { width: 100%; height: 100%; float: left; box-sizing: border-box; padding: 30px 19px 30px 30px; } .land-sld-blocks-wr img{ width: 120px;height: 120px;border-radius: 100%;float: left; } .land-sld-txt { width: 421px; float: right; position: relative; padding-top: 13px; line-height: 16px; } .land-sld-txt p { font-size: 13px; } .land-sld-txt:before{ content: '“'; font-size: 111px; font-family: georgia; color: #c6c6c6; position: absolute; left: -56px; top: 46px; width: 35px; height: 28px; } .land-sld-name-tit { float: left; width: 100%; font-size: 20px; height: 24px; line-height: 24px; margin-top: 15px; } .land-sld-autor-comm-wr { float: left; width: 230px; margin-left: 19px; } .land-stars-wr {height: 16px;margin-top: 8px} .land-stars-pro, .land-stars-new { height: 16px; border-radius: 4px; background: #0e84cf; color: #fff; text-align: center; line-height: 17px; text-transform: uppercase; font-size: 11px; float: left; padding: 0 6px; } .land-stars-new { background: #64c04a !important; } .land-comments-a { text-decoration: underline; color: #0072bc; transition: 0.3s; margin-top: 7px; line-height: 12px; } .land-comments-a:hover{opacity: 0.9} .section-box-10 { height: 398px; background: url("/images/landing/bg-10.jpg") 50% no-repeat; } .section-box-11 { height: 537px; background: url("/images/landing/bg-11.jpg") 50% no-repeat; } .section-box-10 .landing-best-jobs, .section-box-11 .landing-best-jobs{color: #fff} .section-box-10 .box-all {padding: 0; overflow: hidden} .land-numbers-wr {margin-left: -10px} .land-numbers { width: 300px; margin-left: 20px; height: 136px; overflow: hidden; float: left; margin-bottom: 2px; } .land-numbers-num, .land-numbers-txt { width: 100%; color: #fff; text-align: center; } .land-numbers-num {font-size: 60px; font-weight: 700;line-height: 60px} .land-numbers-txt { margin-top: 6px; box-sizing: border-box; padding: 0 33px; line-height: 18px; } .wrong { border: 1px solid #ff0042!important; } .normal { border: 1px solid #00ff6c!important; } /****landig-freelance****/ .section-box-12 { height: 500px; background: url("/images/landing-freelance/bg-12.jpg") 50% no-repeat; } .section-box-12 .landing-reg-button a { background: #68c64d; border-bottom: 3px solid #3e9825; width: 248px; } .section-box-12 .landing-reg-button a:hover { background: #3e9825; border-bottom: 3px solid #68c64d; } .new-buisnes-freelance .lan_yo_buis_img { background: url("/images/landing-freelance/landing-fr-ico-1.png") no-repeat; height: 163px; } .landing-work-our-wr.freelance .lnd-wrk-img { background: url("/images/landing-freelance/landing-free-ico-1.png") no-repeat; } .order-landing-anim .lan_yo_buis_img { background: url("/images/landing-order-project/landing-or-1.png") no-repeat; height: 163px; } /****landig-work****/ .section-box-13 { height: 500px; background: url("/images/landing-work/bg-13.jpg") 50% no-repeat !important; } /****perform-vacancy****/ .section-box-14 { height: 380px; } .performance-vacancy-call-back { width: 220px; height: 320px; float: right; background: #fff; border-radius: 4px; margin-top: 30px; overflow: hidden; box-shadow: 0px 0px 5px 0px rgba(149, 149, 149, 0.75); } .performance-vacancy-call-back-title { width: 100%; height: 73px; background: #0c81cc; color: #fff; font-size: 18px; line-height: 18px; box-sizing: border-box; padding-left: 17px; padding-top: 23px; } .performance-vacancy-add-favorite { width: 44px; height: 380px; float: right; margin-right: 20px; position: relative; } .performance-vacancy-add-favorite a{ width: 44px; height: 125px; background: url("/images/add_favorite.png") no-repeat; position: absolute; left: 0;bottom: 0; display: block; transition: 0.3s; } .performance-vacancy-add-favorite a:hover{opacity: 0.95} .menu-content-wr { height: 43px; background: #f1f1f1; } .menu-content { width: 720px; float: right; height: 43px; } .menu-content li { list-style: none; float: left; height: 40px; padding: 0 16px; border-top: 3px solid #f1f1f1; background: #f1f1f1; } .menu-content li a { float: left; height: 100%; line-height: 38px; text-decoration: none; color: inherit; } .active-menu-content{ transition: 0.3s; border-top: 3px solid #0072bc !important; background: #fff !important; } .active-menu-content a { color: #0072bc !important; } .section-box-15 { background: #fff; padding-top: 27px; padding-bottom: 50px; } .performer-vacancy-vacant-wr { width: 720px; float: right; } .performer-vacancy-vacant-title { font-size: 18px; margin-top: 1px; } .performer-vacant-reclam-bl { width: 100%; float: left; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; } .performer-vacant-reclam-bl-title { width: 100%;float: left; color: #0072bc; font-size: 16px; text-decoration: none; margin-top: 12px; } .performer-vacant-reclam-bl-title:hover{ text-decoration: underline; } .performer-vacant-reclam-bl-title-two { width: 100%; float: left; font-size: 15px; margin-top: 6px; } .performer-vacant-reclam-bl-content { width: 100%;float: left; font-size: 13px; margin-top: 7px; line-height: 18px; } .performer-vacant-reclam-bl-content-read img{ width: 4px; height: 7px; } .performer-vacancy-sidebar-left-wr { width: 200px; float: left; background: #fff; position: relative; } .performer-vacancy-sidebar-left { width: 200px; background: #fff; position: absolute; top: -319px; border-radius: 4px; box-shadow: 0px 0px 5px 0px rgba(149, 149, 149, 0.75); float: left; } .performer-vacancy-sidebar-img{text-align: center; margin-top: 10px} .performer-vacancy-sidebar-img img{ max-width: 180px; max-height: 180px; } .performer-vacancy-sidebar-soc { } .performer-vacancy-sidebar-soc ul{ width: 100%; float: left; height: 24px; } .performer-vacancy-sidebar-soc ul li { width: 24px; height: 100%; display: block; margin-left: 4px; float: left; list-style: none; } .performer-vacancy-sidebar-soc ul li:first-child{margin-left: 0} .performer-vacancy-sidebar-soc ul li a img {width: 24px;height: 24px} .performer-vacancy-sidebar-all { box-sizing: border-box; padding-left: 20px; padding-top: 27px; } .performer-vacancy-sidebar-views ul {margin-top: 19px; padding-bottom: 17px} .performer-vacancy-sidebar-views ul li { list-style: none; width: 100%; float: left; margin-top: 18px; line-height: 16px; } .performer-vacancy-sidebar-views ul li img { float: left; max-width: 20px; } .performer-vacancy-sidebar-views ul li:first-child{margin-top: 0} .sidebarvievstxt { font-size: 13px; width: 156px; float: right; margin-top: -2px; box-sizing: border-box; padding-right: 5px; } .sidebar-views-ico { width: 24px; float: left; height: 100%; } .sidebar-views-txt { font-weight: 700; } .performer-vacancy-sidebar-views ul li a{text-decoration: none; color: inherit;} .performer-vacancy-sidebar-views ul li a:hover {text-decoration: underline} .sidebarvievs-phone {font-size: 15px} .performance-vacancy-sidebar-company-wr { width: 230px; float: left; position: absolute; top: 0; left: 220px; padding-top: 82px; } .performance-vacancy-sidebar-company-title { font-size: 24px; color: #fff; margin-bottom: 1px; } .performance-vacancy-sidebar-company-job ul li{ position: relative; list-style: none; } .performance-vacancy-sidebar-company-job ul li a { text-decoration: underline; color: #69d34b; position: relative; height: 22px; line-height: 22px; transition: 0.4s; } .performance-vacancy-sidebar-company-job ul li a:after{ content: ''; width: 8px; height: 4px; display: block; background: url("/images/sidebar-ico/arrow-ico.png") no-repeat; position: absolute; right: -15px; top: 50%; margin-top: -1px; } .sidebar-droped-wr a {color: inherit !important; text-decoration: none !important; } .sidebar-droped-wr li a:hover{text-decoration: underline !important;} .sidebar-droped-wr { display: none; position: absolute; z-index: 9; } .sidebar-droped-wr ul li a:after {display: none} .sidebar-droped-wr ul li {background: #fff; padding-bottom: 7px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;} .performance-vacancy-sidebar-comm {color: #fff; margin-top: 10px} .performance-vacancy-sidebar-write {text-decoration: underline; color: #69d34b; margin-top: 1px} .active-dropped-ul { box-shadow: 0px 0px 5px 0px rgba(149, 149, 149, 0.75); background: #fff; width: 120px; float: left; border-top-left-radius: 4px; border-top-right-radius: 4px; } .active-dropped-ul a{margin-left: 10px} .sidebar-droped-wr.act{display: block} .performance-vacancy-sidebar-stars {margin-top: 24px} /****perform-vacancy-page****/ .performer-vacancy-list { border-bottom: 1px solid #dcdcdc; padding-bottom: 16px; } .performer-vacancy-list a{ font-size: 13px; color: #0072bc; float: left; margin-top: 1px; position: relative; margin-left: 10px; } .performer-vacancy-list a:before { width: 4px; height: 7px; content: ''; display: block; background: url("/images/performar_vacancy/arrow-list-prev.png") no-repeat; position: absolute; top: 50%; margin-top: -3px; left: 0; margin-left: -10px } .performer-vacancy-date { font-size: 11px;color: #636363;margin-top: 18px; } .performance-vacancy-page-title { font-size: 18px;color: #0072bc; margin-top: 13px; } .performance-vacancy-page-options {margin-top: 9px} .performance-vacancy-page-options ul{ width: 100%;float: left; } .performance-vacancy-page-options ul li { width: 100%; float: left; list-style: none; line-height: 24px; } .performance-vacancy-page-options ul li:first-child{margin-top: 0} .performance-vacancy-page-options ul li span { display: block; float: left; color: #636363; } .performance-vacancy-page-options ul li p {width: 556px; float: right} .performance-vacancy-description { font-size: 18px; margin-top: 25px; } .performance-vacancy-desc-txt {font-size: 13px;margin-top: 7px} .performance-vacancy-desc-txt p { font-size: 13px; margin-top: 15px; line-height: 16px; } .performance-vacancy-desc-txt p:first-child{margin-top: 0} .performance-vacancy-desc-form { margin-top: 25px; } .performance-vacancy-desc-form a { display: block; background: #0072bc; text-decoration: none; color: #fff; height: 29px; line-height: 29px; float: left; border-radius: 4px; transition: 0.3s; padding: 0 19px; font-size: 13px; } .performance-vacancy-desc-form a:hover{opacity: 0.9} .performer-vacancy-blocks-desk-wr { border-bottom: 1px solid #dcdcdc; padding-bottom: 20px; } .performance-vacancy-similar-title { font-size: 18px; } .performance-vacancy-similar { padding-top: 36px; } .performance-vacancy-similar-blocks-wr .performer-vacant-reclam-bl-title-two {margin-top: 0} .performance-vacancy-similar-blocks-wr {margin-top: 6px} .performance-vacancy-similar-blocks-wr:first-child {margin-top: 0} /***blog****/ .section-box-16 { height: 235px; } .blog-buttons-wr { margin-top: 160px; width: 526px; float: right; } .blog-buttons-wr a { float: left; color: #fff; font-size: 13px; position: relative; width: 170px; height: 45px; border-radius: 4px; display: block; transition: 0.2s; text-decoration: none; margin-left: 8px; box-sizing: border-box; padding-left: 59px; padding-top: 8px; line-height: 14px; border-bottom: 2px solid #3e9825; background: rgb(107,203,80); background: -moz-linear-gradient(top, rgba(107,203,80,1) 0%, rgba(96,187,70,1) 100%); background: -webkit-linear-gradient(top, rgba(107,203,80,1) 0%,rgba(96,187,70,1) 100%); background: linear-gradient(to bottom, rgba(107,203,80,1) 0%,rgba(96,187,70,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bcb50', endColorstr='#60bb46',GradientType=0 ); } .blog-buttons-wr a:hover { font-size: 15px; background: rgb(96,187,70); background: -moz-linear-gradient(top, rgba(96,187,70,1) 0%, rgba(107,203,80,1) 100%); background: -webkit-linear-gradient(top, rgba(96,187,70,1) 0%,rgba(107,203,80,1) 100%); background: linear-gradient(to bottom, rgba(96,187,70,1) 0%,rgba(107,203,80,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60bb46', endColorstr='#6bcb50',GradientType=0 ); } .blog-buttons-wr a:first-child{ margin-left: 0; border-bottom: 2px solid #ef8505; background: rgb(253,157,43); background: -moz-linear-gradient(top, rgba(253,157,43,1) 0%, rgba(248,148,30,1) 100%); background: -webkit-linear-gradient(top, rgba(253,157,43,1) 0%,rgba(248,148,30,1) 100%); background: linear-gradient(to bottom, rgba(253,157,43,1) 0%,rgba(248,148,30,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9d2b', endColorstr='#f8941e',GradientType=0 ); } .blog-buttons-wr a:first-child:hover { background: rgb(248,148,30); background: -moz-linear-gradient(top, rgba(248,148,30,1) 0%, rgba(253,157,43,1) 100%); background: -webkit-linear-gradient(top, rgba(248,148,30,1) 0%,rgba(253,157,43,1) 100%); background: linear-gradient(to bottom, rgba(248,148,30,1) 0%,rgba(253,157,43,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8941e', endColorstr='#fd9d2b',GradientType=0 ); } .blog-buttons-wr a.blog-buttons-add-favorite { border-bottom: 2px solid #0054a6; background: rgb(20,138,214); background: -moz-linear-gradient(top, rgba(20,138,214,1) 0%, rgba(0,114,188,1) 100%); background: -webkit-linear-gradient(top, rgba(20,138,214,1) 0%,rgba(0,114,188,1) 100%); background: linear-gradient(to bottom, rgba(20,138,214,1) 0%,rgba(0,114,188,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#148ad6', endColorstr='#0072bc',GradientType=0 ); } .blog-buttons-wr a.blog-buttons-add-favorite:hover { background: rgb(0,114,188); background: -moz-linear-gradient(top, rgba(0,114,188,1) 0%, rgba(20,138,214,1) 100%); background: -webkit-linear-gradient(top, rgba(0,114,188,1) 0%,rgba(20,138,214,1) 100%); background: linear-gradient(to bottom, rgba(0,114,188,1) 0%,rgba(20,138,214,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072bc', endColorstr='#148ad6',GradientType=0 ); } .blog-buttons-wr a:after { width: 20px; height: 24px; display: block; content: ''; background: url("/images/blog/ico-buttons-2.png") no-repeat; position: absolute; top: 50%; margin-top: -12px; left: 15px; } .blog-buttons-wr a:first-child::after { background: url("/images/blog/ico-buttons-1.png") no-repeat; width: 24px; } .blog-buttons-wr a:last-child::after { background: url("/images/blog/ico-buttons-3.png") no-repeat; } .blog-post-wr { width: 100%; float: left; border-bottom: 1px solid #dcdcdc; padding-bottom: 17px; transition: 0.2s; margin-top: 27px; } .blog-post-wr:first-child{margin-top: -1px} .blog-post-title p { font-size: 18px; } .blog-post-icons-wr { height: 16px; margin-top: 9px; } .blog-post-date { width: 97px; height: 100%; float: left; } .blog-post-date span, .blog-post-views span, .blog-post-comm-num span { width: 16px; height: 16px; margin-right: 7px; display: block; background: url("/images/blog/ico-post.png") 0 0 no-repeat; float: left; } .blog-post-date p, .blog-post-views p, .blog-post-comm-num p { height: 100%; line-height: 18px; float: left; color: #888888; font-size: 12px; } .blog-post-views { height: 100%; float: left; } .blog-post-views span { background-position: -16px 0; margin-right: 4px !important; } .blog-post-comm-num { height: 100%; float: left; margin-left: 15px; } .blog-post-comm-num span { background-position: -32px 0; margin-right: 6px !important; } .blog-post-content img{ max-width: 340px; float: left; margin-right: 30px; margin-top: 4px; } .blog-post-content {margin-top: 7px; overflow: hidden; } .blog-post-content p { font-size: 13px; line-height: 20px; } .blog-post-see-all { font-size: 13px; color: #0072bc; text-decoration: none; height: 16px; margin-top: 10px; } .blog-post-see-all span { border-bottom: 1px dashed #0072bc; position: relative; height: 100%; } .blog-post-see-all span:after { display: none; position: absolute; content: ''; width: 8px; height: 4px; background: url("/images/blog/ico-see-all-dawn.png") no-repeat; top: 50%; margin-top: -2px; right: -13px; } .blog-post-see-all.blog-expand span:after { transform: rotate(180deg); } .section-box-17 .performer-vacancy-sidebar-left{ top: -217px; } .section-box-17 .performance-vacancy-sidebar-company-wr { padding-top: 0; margin-top: -6px; } /***company-performer****/ .company-performer-title { font-size: 18px; } .company-performer-txt p { width: 100%; font-size: 13px; margin-top: 18px; line-height: 18px; } .company-performer-txt p:first-child{margin-top: 0} .company-performer-type-title { text-align: center; font-size: 18px; margin-top: -18px; } .company-performer-type-map .section-box-map { height: 460px; margin-top: 25px; position: relative; } .section-box-19{margin-top: 36px; margin-bottom: 50px} .company-performer-comm-title { text-align: center; font-size: 18px; } .company-performer-map-menu { position: absolute; width: 235px; height: 324px; top: 20px; left: 20px; } .company-performer-map-menu .content-menu-first li:first-child{ border-top: 1px solid #dfdfdf;; } .company-performer-comments-wr { margin-top: 15px; } .company-performer-comments-bl { width: 220px; float: left; margin-left: 20px; } .company-performer-comments-bl:first-child{margin-left: 0} .company-performer-comments-bl .rating {padding-left: 0; margin-left: -4px; width: 130px; overflow: hidden} .company-performer-comments-autor, .company-performer-comments-txt { width: 100%;float: left;font-size: 13px; } .company-performer-comments-autor{margin-top: 6px; font-weight: 700} .company-performer-comments-txt {color: #636363; line-height: 16px; margin-top: 2px; max-height: 80px; overflow: hidden} .company-comm-see-all { width: 100%; float: left; color: #0072bc; text-decoration: none; font-size: 13px; } .company-comm-see-all span{border-bottom: 1px dashed #0072bc; position: relative} .company-performer-comments-txt.auto-height-blog-post {height: auto !important; max-height: none} .company-comm-see-all span:after{ background: url("/images/ico-see-all-dawn.png") no-repeat; width: 8px; height: 4px; display: block; content: ''; position: absolute; top: 50%; margin-top: -2px; right: -14px; } .company-comm-expand span:after{transform: rotate(180deg)} .company-performer-comments-bl .vote-stars, .company-performer-comments-bl .vote-active { cursor: default !important; } .company-performer-comm-see-all-butt { height: 45px; margin-top: 27px; } .company-performer-comm-see-all-butt a{ display: block; margin: 0 auto; width: 168px; height: 43px; border: 1px solid #0072bc;text-align: center; line-height: 45px; text-decoration: none; color: #0072bc; font-size: 13px; border-radius: 4px; transition: 0.2s; } .company-performer-comm-see-all-butt a:hover{background: #0072bc; color: #fff} /****command****/ .command-block-wrapper { width: 220px; height: 325px; float: left; margin-left: 20px; } .command-blocks-wr {margin-top: 3px} .command-block-foto { width: 220px; height:220px; overflow: hidden; background: #f1f1f1 url("/images/command/bg-command.png") 50% 100% no-repeat; text-align: center; position: relative; text-align: center; } .command-block-foto img { width: 220px; height: 220px; max-width: 220px; max-height: 220px; } .hover-command-bg { width: 220px; height: 220px; position: absolute; top: 0; left: 0; background: #0072bc; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: 0.3s; } .command-block-wr-two { width: 100%; height: 295px; float: left; } .command-block-name, .command-block-job { width: 100%; float: left; text-align: center; font-size: 18px; } .command-block-name { margin-top: 10px; } .command-block-job{font-size: 13px !important;margin-top: 3px;line-height: 16px; height: 32px;overflow: hidden} .command-block-line { width: 100%; height: 5px; background: #e1e1e1; position: relative; float: left; margin-top: 3px; overflow: hidden; } .command-block-line-left, .command-block-line-right { width: 50%; height: 100%; background: #0072bc; position: absolute; top: 0; } .command-block-line-left { left: -50%; } .command-block-line-right { right: -50%; } .command-block-wr-two:hover .hover-command-bg{ opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .command-block-wr-two:hover .command-block-line-left { left: 0; transition: 0.2s ease-in; } .command-block-wr-two:hover .command-block-line-right { right: 0; transition: 0.2s ease-in; } .commands-performer-wr { width: 720px; float: right; } .section-box-19.command-command-style {} .command-command-style.navi-buttons-wr { margin-top: 0; !important; } .section-box-line-command { height: 1px; margin-top: -20px; } .section-box-line-command .box-all { border-bottom: 1px solid #dcdcdc; } /****gallery****/ .gallery-title {font-size: 18px; margin-bottom: 17px} .video-performer-wrapper {margin-top: 56px} .slider-video-wr {height: 143px; width: 100%; float: left} .video-slider { width: 860px; height: 143px; position: absolute; margin-left: 40px; z-index: 1; } .slider-video-wr #demo5-btn{ height: 143px; width: 100%; position: relative; } .slider-video-wr #demo5-backward { position: absolute; left: 0; z-index: 2; width: 16px; height: 24px; background: url("/images/gallery-left.png") no-repeat; top: 50%; margin-top: -12px; border: none; cursor: pointer; outline: none; } .slider-video-wr #demo5-forward { position: absolute; right: 0; z-index: 2; width: 16px; height: 24px; background: url("/images/gallery-right.png") no-repeat; top: 50%; margin-top: -12px; border: none; cursor: pointer; outline: none; } .video-slider ul {min-width: 860px} .video-slider li { position: relative; width: 200px !important; height: 143px !important; margin-left: 20px !important; overflow: hidden; } .video-slider li:first-child {margin-left: 0 !important;} .ytp-large-play-button.ytp-button {display: none!important;} .video-slider iframe {width: 100%!important; height: 100%!important; z-index: 1} .video-slider li a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; background: url("/images/button_video_01.png") 50% 50% no-repeat; transition: 0.3s; } .video-slider li a:hover {background: url("/images/button_video_02.png") 50% 50% no-repeat;} .video-slider li span { display: block; width: 100%; height: 100%; background: #000; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; position: absolute; top: 0; left: 0; z-index: 3; } .video-full { width: 840px; height: 560px; position: fixed; top: 0; left: 50%; margin-left: -420px; z-index: 9992; margin-top: -280px; opacity: 0; display: none; } .video-full-iframe {width: 100%; height: 100%; display: block} .video-full .closed-form {top: 17px; right: -13px} .section-box-20 .performer-vacancy-sidebar-img {margin-bottom: 6px} .gallery-performer-wrapper {overflow: hidden;margin-top: 32px} .gallery-performer-margin { float: left; width: 973px; margin-left: -33px; } .navi-buttons-wr.gallery-style {margin-bottom: 50px;margin-top: 0} .gallery-box { width: 210px; height: 150px; float: left; background: #f1f1f1; margin-left: 33px; margin-bottom: 40px; transition: 0.3s; } .gallery-box:hover{opacity: 0.8} .gallery-box:nth-child(4n) { margin-left: 34px; } .gallery-box-min img{ width: 210px; height: 150px; } .gallery-box-hidden, .gallery-box-preview, .gallery-box-big {display: none} .gallery-box-min{display: block} .gallery-page { width: 940px; height: 710px; float: left; display: none; z-index: 9992; position: fixed; left: 50%; margin-left: -470px; top: 0; } .gallery-box-big-wrapper-first { width: 840px; height: 560px; margin: 0 auto; } .gallery-show-big-wrp { width: 840px;height: 560px; margin: 0 auto;position: relative; } .gallery-show-big { } .galley-show-min-wrapper { width: 840px; margin: 0 auto; overflow: hidden; padding-top: 40px; height: 108px; } .gallery-show-big tr{display: none} .gallery-show-big tr:first-child{display: block} .gallery-show-big tr td{ vertical-align: middle; width: 840px; height: 560px; text-align: center; } .gallery-show-big img{max-width: 100%; max-height: 100%; vertical-align: middle; position: relative} .gallery-show-min img{ margin-right: 20px;cursor: pointer; } .gallery-show-min img:last-child{margin-right: 0} .gallery-show-min {float: left; position: relative; height: 108px} .border-gallery { position: absolute; top: 0; left: 0; width: 148px; height: 104px; border: 2px solid greenyellow; } .gallery-min-left, .gallery-min-right, .copy-gallery-min-left, .copy-gallery-min-right { width: 35px; height: 108px; position: absolute; bottom: 0; cursor: pointer; transition: 0.3s; z-index: 2; } .copy-gallery-min-left, .copy-gallery-min-right, .copy-gallery-big-left, .copy-gallery-big-right { z-index: 1 !important; } .copy-gallery-min-left, .copy-gallery-min-right, .copy-gallery-big-left, .copy-gallery-big-right {opacity: 0.35} .gallery-min-left, .copy-gallery-min-left { left: 0; background: url("/images/gallery-left.png") 0 50% no-repeat; } .gallery-min-right, .copy-gallery-min-right { right: 0; background: url("/images/gallery-right.png") 100% 50% no-repeat; } .copy-gallery-big-left, .copy-gallery-big-right, .gallery-big-left, .gallery-big-right { width: 35px; height: 100%; position: absolute; cursor: pointer; z-index: 2; top: 0; } .gallery-big-left, .copy-gallery-big-left { left: -50px; background: url("/images/gallery-left.png") 0 50% no-repeat; } .gallery-big-right, .copy-gallery-big-right { right: -50px; background: url("/images/gallery-right.png") 100% 50% no-repeat; } .gallery-page-sidebar .performer-vacancy-sidebar-left{ top: -190px; } .gallery-page-sidebar .performance-vacancy-sidebar-company-wr { padding-top: 0; margin-top: -6px; } .gallery-page-sidebar .vote-hover, .blocks-check-list-wrapp .vote-hover{padding: 0!important;} .gallery-page-sidebar .rating, .blocks-check-list-wrapp .rating{padding-left: 0!important;} /****search-work***/ .blocks-check-list-wrapp .rating {margin-bottom: 16px} .blocks-check-list-wrapp .vote-result, .blocks-check-list-wrapp .vote-success {display: none} .section-box-22 {margin-top: 30px} .left-search-work { width: 200px; float: left; box-shadow: 0px 0px 5px 0px rgba(149, 149, 149, 0.75); border-radius: 4px; box-sizing: border-box; padding: 17px 10px 20px 10px; margin-bottom: 50px; } .right-search-work { width: 720px; float: right; padding-bottom: 50px; } .blocks-check-list-wrapp { width: 100%; float: left; position: relative; margin-top: 1px; } .blocks-check-list-wrapp:first-child {margin-top: 0} .blocks-check-title { width: 100%; float: left; font-size: 13px; font-weight: 700; margin-bottom: 5px; } .search-work-form select { border: 1px solid #dcdcdc; height: 29px; width: 180px; float: left; cursor: pointer; color: #636363; font-size: 13px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; margin-bottom: 16px; } .search-work-form select option:first-child{border-top: none} .select-after { position: absolute; width: 8px; height:4px; display: block; margin-top: -0px; right: 9px; background: url("/images/arrow-select.png") no-repeat; bottom: 28px; } .blocks-check-list input[type="checkbox"], .blocks-check-list input[type="radio"] { display: none; } .search-work-form input[type="checkbox"] + label, .search-work-form input[type="radio"] + label { color: #0072bc; text-decoration: underline; font-size: 13px; cursor: pointer; margin-left: 6px; } .search-work-form input[type="checkbox"] + label span { width: 12px; height: 12px; background: url('/images/check.png') no-repeat; float: left; transition: 0.2s; margin-top: 4px; } .search-work-form input[type="checkbox"]:checked + label span { background: url('/images/check-active.png') no-repeat; } .search-work-form input[type="radio"] + label span { width: 12px; height: 12px; background: url('/images/radio.png') no-repeat; float: left; transition: 0.2s; margin-top: 4px; } .search-work-form input[type="radio"]:checked + label span { background: url('/images/radio-active.png') no-repeat; } .blocks-check-list { margin-bottom: 3px; } .blocks-check-list:last-child { margin-bottom: 14px; } .blocks-check-list-submit { width: 100%; float: left; margin-top: 6px; } .blocks-check-list-submit input[type="submit"] { width: 82px; height: 29px; border: 1px solid #0072bc; background: #0072bc; color: #fff; text-align: center; margin: 0 auto; border-radius: 4px; display: block; font-size: 13px; cursor: pointer; transition: 0.2s; } .blocks-check-list-submit input[type="submit"]:hover { background: #fff; color: #0072bc; } .search-worker-title {font-size: 18px; margin-top: -3px} .search-worker-title-two {font-size: 13px; font-weight: 700; margin-top: 4px} .search-worker-title-two span {color: #fc9b28} .search-worker-search-wr { border-bottom: 1px solid #dcdcdc; margin-top: 17px; padding-bottom: 12px; } .search-worker-form {float: left} .search-worker-form input { width: 300px; height: 29px; color: #636363; background: #fff; border: 1px solid #dcdcdc; box-sizing: border-box; padding-left: 8px; float: left; } .search-worker-form input[type="submit"] { float: left; width: 82px; height: 29px; border: 1px solid #0072bc; background: #0072bc; color: #fff; text-align: center; border-radius: 4px; display: block; font-size: 13px; cursor: pointer; transition: 0.2s; padding-left: 0; margin-left: 6px; } .search-worker-form input[type="submit"]:hover { background: #fff; color: #0072bc; } .add-to-catalog-search-worker { float: right; width: 197px; height: 29px; border-bottom: 1px solid #3e9825; background: #63bf49; color: #fff; line-height: 29px; box-sizing: border-box; position: relative; border-radius: 4px; padding-left: 34px; font-size: 13px; display: block; text-decoration: none; transition: 0.2s; } .add-to-catalog-search-worker:after { position: absolute; width: 18px; height: 18px; top: 50%; margin-top: -9px; left: 10px; content: ''; display: block; background: url("/images/add_catalog.png") no-repeat; } .add-to-catalog-search-worker:hover { border-bottom: 1px solid #63bf49; background: #3e9825; } .search-worker-sort { float: left; font-size: 13px; color: #636363; } .search-worker-sort-wr ul { float: left; margin-top: -2px; } .search-worker-sort-wr ul li {list-style: none} .search-worker-sort-wr ul li a { font-size: 13px; color: #0072bc; text-decoration: none; position: relative; border-bottom: 1px dashed #0072bc; } .activejob a:after { position: absolute; display: block; content: ''; width: 8px; height: 4px; right: -14px; top: 6px; background: url("/images/arrow-select.png") no-repeat; } .search-worker-sort-wr { margin-top: 17px; } .search-worker-sort-wr .sidebar-droped-wr a { text-decoration: none; border-bottom: none; } .search-worker-sort-wr .sidebar-droped-wr ul li { padding-bottom: 4px; border-radius: 0; } .search-worker-sort-wr .sidebar-droped-wr ul li a {padding: 0 10px} .search-worker-sort-wr .sidebar-droped-wr.act { margin-left: -10px; } .search-worker-blocks { width: 100%; float: left; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; margin-top: 30px; } .search-worker-blocks:first-child{margin-top: 20px} .search-worker-blocks-foto-wr { width: 318px; float: left; } .search-worker-blocks-text-wr { width: 382px; float: right; } .search-worker-blocks-ico-wr { width: 48px; float: left; } .search-worker-blocks-title-wr { width: 322px; float: right; } .search-worker-blocks-title-pro, .search-worker-blocks-title {float: left} .search-worker-blocks-title-pro { margin-right: 12px; color: #fff; width: 33px; height: 16px; background: #0e84cf; border-radius: 4px; font-size: 11px; line-height: 17px; text-align: center; } .search-worker-blocks-title { font-size: 18px; margin-top: -4px; } .rating-new { float: left; margin-right: 12px; margin-top: 5px; } .rating-new .vote-result, .rating-new .vote-success {display: none} .rating-new .vote-hover {padding: 0!important;} .search-worker-blocks-atr { float: left; margin-top: 5px; } .search-worker-blocks-buttons a { float: right; height: 28px; color: #fff; text-decoration: none; font-size: 13px; line-height: 29px; border-radius: 4px; margin-left: 4px; position: relative; } .get-project, .get-project-new { border-bottom: 1px solid #ef8505; background: rgb(253,157,43); background: -moz-linear-gradient(top, rgba(253,157,43,1) 0%, rgba(248,148,30,1) 100%); background: -webkit-linear-gradient(top, rgba(253,157,43,1) 0%,rgba(248,148,30,1) 100%); background: linear-gradient(to bottom, rgba(253,157,43,1) 0%,rgba(248,148,30,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9d2b', endColorstr='#f8941e',GradientType=0 ); padding: 0 10px 0 34px; } .get-project:after { width: 18px; height: 18px; content: ''; display: block; background: url("/images/search-warker/ico-1.png") no-repeat; top: 50%; margin-top: -9px; left: 10px; position: absolute; } .get-list, .get-list-new{ border-bottom: 1px solid #0054a6; background: rgb(20,138,214); background: -moz-linear-gradient(top, rgba(20,138,214,1) 0%, rgba(0,114,188,1) 100%); background: -webkit-linear-gradient(top, rgba(20,138,214,1) 0%,rgba(0,114,188,1) 100%); background: linear-gradient(to bottom, rgba(20,138,214,1) 0%,rgba(0,114,188,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#148ad6', endColorstr='#0072bc',GradientType=0 ); padding: 0 10px 0 31px; } .get-list:after { width: 15px; height: 18px; content: ''; display: block; background: url("/images/search-warker/ico-2.png") no-repeat; top: 50%; margin-top: -9px; left: 10px; position: absolute; } .get-project:hover, .get-project-new:hover { background: rgb(248,148,30); background: -moz-linear-gradient(top, rgba(248,148,30,1) 0%, rgba(253,157,43,1) 100%); background: -webkit-linear-gradient(top, rgba(248,148,30,1) 0%,rgba(253,157,43,1) 100%); background: linear-gradient(to bottom, rgba(248,148,30,1) 0%,rgba(253,157,43,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8941e', endColorstr='#fd9d2b',GradientType=0 ); } .get-list:hover, .get-list-new:hover { background: rgb(0,114,188); background: -moz-linear-gradient(top, rgba(0,114,188,1) 0%, rgba(20,138,214,1) 100%); background: -webkit-linear-gradient(top, rgba(0,114,188,1) 0%,rgba(20,138,214,1) 100%); background: linear-gradient(to bottom, rgba(0,114,188,1) 0%,rgba(20,138,214,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072bc', endColorstr='#148ad6',GradientType=0 ); } .search-worker-blocks-status { font-size: 13px; height: 16px; margin-top: 6px; } .search-worker-blocks-status img {float: left; margin-right: 6px} .search-worker-blocks-status span { height: 16px; display: block; line-height: 16px; float: left; } .search-worker-blocks-visit { font-size: 13px; } .search-worker-blocks-visit, .search-worker-blocks-geographic {font-size: 13px; line-height: 16px} .search-worker-blocks-visit span, .search-worker-blocks-geographic span {font-weight: 700} .search-worker-blocks-geographic {margin-top: 13px; } .search-worker-blocks-visit {margin-top: 17px} .search-worker-blocks-tags a{ font-size: 13px; color: #636363; text-decoration: underline; } .search-worker-blocks-tags a:hover { text-decoration: none; } .search-worker-blocks-jobs-portfolio { float: left; font-size: 13px; color: #0072bc; text-decoration: underline; margin-top: 16px; line-height: 16px; } .search-worker-blocks .land-stars-pro, .search-worker-blocks .land-stars-new { margin-right: 11px; } .search-worker-blocks-tags { margin-top: 18px; line-height: 17px; } .search-worker-blocks-buttons { margin-top: 49px; } .gallery-box-search { width: 100%; float: left; height: auto; margin-left: 0; background: none; margin-bottom: 0; transition: none; } .big-img-search { width: 100%; float: left; text-align: center; display: block; max-height: 228px; height: 228px; } .big-img-search img{ width: 318px; height: 228px; } .small-img-search { width: 100px; height: 72px; float: left; margin-top: 20px; margin-right: 9px; } .small-img-search img { width: 100%; height: 100%; } .small-img-search:last-of-type {margin-right: 0} /***landing-order-project****/ .section-box-23 { height: 500px; background: url("/images/landing-order-project/bg-23.jpg") 50% no-repeat; } .section-box-23 .landing-reg-button a { border-bottom: 3px solid #ef8505; width: 248px; background: #fd9d2b; background: -moz-linear-gradient(top, #fd9d2b 0%, #f8941e 100%); background: -webkit-linear-gradient(top, #fd9d2b 0%,#f8941e 100%); background: linear-gradient(to bottom, #fd9d2b 0%,#f8941e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9d2b', endColorstr='#f8941e',GradientType=0 ); } .section-box-23 .landing-reg-button a:hover { border-bottom: 3px solid #fd9d2b; width: 248px; background: #f8941e; background: -moz-linear-gradient(top, #f8941e 0%, #fd9d2b 100%); background: -webkit-linear-gradient(top, #f8941e 0%,#fd9d2b 100%); background: linear-gradient(to bottom, #f8941e 0%,#fd9d2b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8941e', endColorstr='#fd9d2b',GradientType=0 ); } .workplace-wr { width: 100%; float: left; margin-top: -1px; } .workplace-title { font-size: 18px; } .workplace-experience-post { width: 100%; float: left; margin-top: 17px; } .workplace-experience-post:first-child{margin-top: 0} .workplace-experience-post-title, .workplace-experience-post-date, .workplace-experience-post-vacancy {font-size: 13px; line-height: 18px} .workplace-experience-post-title {font-weight: 700;} .workplace-experience-wr {margin-top: 16px} /***portfolio-project***/ .portfolio-project-tags { margin-top: 9px; padding-right: 90px; box-sizing: border-box; margin-left: -16px; } .portfolio-project-tags a { color: #636363; font-size: 13px; text-decoration: underline; margin-left: 16px; display: block; float: left; line-height: 20px; transition: 0.3s; } .portfolio-project-tags a:hover{opacity: 0.8} .portfolio-project-tags a.active-tag { color: #0072bc; text-decoration: none; cursor: default; } .portfolio-project-tags a.active-tag:hover{opacity: 1} .portfolio-project-blocks-wrapper { width: 750px; float: left; margin: 6px 0 0 -20px; } .portfolio-project-blocks-wr { width: 230px; height: 270px; border: 1px solid #dfdfdf;float: left; margin: 20px 0 0 18px; box-shadow: 0px 0px 5px 0px rgba(149, 149, 149, 0.75); border-radius: 6px; } .portfolio-project-blocks-img-title { width: 100%; height: 201px; background: #f1f1f1; float: left; box-sizing: border-box; padding: 10px 10px 0 10px; } .portfolio-project-blocks-img { width: 210px; height: 150px; text-align: center; display: table-cell; vertical-align: middle; transition: 0.3s; } .portfolio-project-blocks-img img { vertical-align: middle; max-width: 210px; max-height: 150px; } .portfolio-project-blocks-title-wr { height: 41px; width: 100%; box-sizing: border-box; padding-left: 11px; } .portfolio-project-blocks-title { width: 210px; height: 41px; display: table-cell; vertical-align: middle; line-height: 16px; } .portfolio-project-blocks-title a { vertical-align: middle; text-decoration: none; color: inherit; } .portfolio-project-blocks-wr:hover .portfolio-project-blocks-title a{text-decoration: underline} .portfolio-project-blocks-wr:hover .portfolio-project-blocks-img{opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";} .portfolio-project-views-wr { border-bottom: 1px solid #dbdbdb; margin: 10px 10px 0 10px; width: 210px; float: left; box-sizing: border-box; padding: 0 0 8px 10px; overflow: hidden; } .ico-views-bl { height: 18px; float: left; box-sizing: border-box; padding-right: 4px; } .portfolio-project-views { min-width: 64px; } .portfolio-project-rati { min-width: 62px; } .portfolio-project-views-img-wr { float: left; height: 18px; } .portfolio-project-views-img { height: 18px; display: table-cell; vertical-align: middle; } .portfolio-project-views-img img {vertical-align: middle} .portfolio-project-views-txt { height: 100%; line-height: 21px; float: left; margin-left: 6px; font-size: 13px; } .portfolio-project-blocks-tags { width: 100%; float: left; box-sizing: border-box; padding-left: 21px; line-height: 30px; } .portfolio-project-blocks-tags a { font-size: 13px; color: #636363; } .portfolio-project-blocks-tags a:hover{text-decoration: none} /***proektant-profile***/ .proektant-profile-content { width: 480px; float: left; } .proektant-profile-sidebar-right { width: 220px; float: right; } .proektant-profile-hidden-txt { width: 100%; float: left; overflow: hidden; } .proektant-profile-hidden-txt p { font-size: 13px; line-height: 18px; } .profile-see-all {display: none; float: left; font-size: 13px; color: #0072bc; text-decoration: none; border-bottom: 1px dashed #0072bc; position: relative;} .profile-see-all:before { background: url("/images/ico-see-all-dawn.png") no-repeat; width: 8px; height: 4px; display: block; content: ''; position: absolute; top: 50%; margin-top: -2px; right: -14px; } .profile-see-all.profile-txt-big:before { transform: rotate(180deg); } .proektant-profile-courses-wr { border-bottom: 1px solid #dcdcdc; padding-bottom: 15px; } .proektant-profile-courses { width: 100%;float: left; margin-top: 18px; } .proektant-profile-courses-title, .proektant-profile-courses-year, .proektant-profile-courses-content {font-size: 13px; line-height: 18px; width: 100%; float: left} .proektant-profile-courses-title { font-weight: 700; } .proektant-profile-stat-table {margin-top: 9px} .proektant-profile-stat-table table td { height: 33px; } .proektant-profile-stat-table table tr:first-child td{ height: 35px; background: #f1f1f1; border-top: none; font-weight: 700; } .proektant-profile-stat-table table td{ border-left: 1px solid #dfdfdf; font-size: 13px; } .proektant-profile-stat-table table tr td{ border-top: 1px solid #f1f1f1; text-align: center; } .proektant-profile-stat-table table tr td:first-child { text-align: left; padding-left: 11px; } .proektant-profile-stat-title { font-size: 18px; margin-top: 2px; } .proektant-profile-stat-title-h2 { font-size: 13px; font-weight: 700; margin-top: 4px; } .proektant-profile-statistic-wr { margin-top: 26px; } .proektant-profile-tb-blocks { width: 100%; float: left; margin-top: 23px; } .proektant-profile-tb-blocks:first-child{margin-top: 0} .proektant-profile-tb-blocks:first-child .proektant-profile-stat-title{margin-top: 0} .proektant-profile-tb-blocks:first-child .proektant-profile-stat-table{margin-top: 12px} table.last-tabl-profile tr:first-child td { height: 41px; } img.flag-ico-profile {margin-left: -3px} .profile-phone-site>div {height: 18px; display: table-cell; vertical-align: middle; margin-top: 10px} .profile-phone-site>div:first-child{margin-top: 0} .profile-phone-site img {vertical-align: middle; margin-right: 4px} .profile-phone span {font-size: 15px; color: #000; vertical-align: middle} .profile-site a {color: #636363; text-decoration: none; vertical-align: middle} .profile-site a:hover{text-decoration: underline} .profile-phone-site{ padding-bottom: 19px; border-bottom: 1px solid #dbdbdb; } .profile-features ul{width: 100%; float: left; margin-top: 26px; border-bottom: 1px solid #dbdbdb; padding-bottom: 13px} .profile-features li{ list-style: none; font-size: 13px; line-height: 16px; margin-top: 17px; } .profile-features li:first-child{margin-top: 0} .profile-features li span {font-weight: 700} .features-tags .features-tags-left{color: #0072bc; border-bottom: 1px dashed #0072bc; text-decoration: none; font-size: 13px; position: relative} .features-tags .features-tags-left:after{ position: absolute; display: block; content: ''; width: 8px; height: 4px; right: -14px; top: 6px; background: url("/images/arrow-select.png") no-repeat; } .features-tags span:first-child{margin-left: 0} .features-tags span.features-tags-display { display: none; } .features-tags {width: 100%; float: left; line-height: 18px; margin-bottom: 17px} .features-tags a { color: #636363; font-size: 13px; } .profile-comments {margin-top: 26px} .profile-comments .company-performer-comm-title{text-align: left} .profile-comments .company-performer-comments-wr{margin-top: 9px} .profile-comments .company-performer-comments-bl{margin-left: 0; margin-top: 21px} .profile-comments .company-performer-comments-bl:first-child{margin-top: 0} .profile-comments .company-performer-comm-see-all-butt {margin-top: 27px} /***proektant_comments***/ ul.proektant-comments {margin-top: 15px} .proektant-comments li { width: 100%; float: left; list-style: none; border-bottom: 1px solid #dcdcdc; padding-bottom: 17px; margin-top: 27px; } .proektant-comments li:first-child{margin-top: 0} .proektant-comments li>div{float: left; width: 100%; font-size: 13px} .comments-name {font-weight: 700} .comments-project-link a{ color: #0073bc; text-decoration: underline; } .comments-status span { color: #0072bc; border-bottom: 1px dashed #0072bc; } .comments-status, .comments-date, .proektant-comments .rating {margin-top: 3px} .comments-content {line-height: 18px; margin-top: 11px} .comments-project-link {margin-top: 19px} /***search-company***/ .search-company-block { width: 100%; float: left; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; margin-top: 18px; } .search-company-block:first-child{margin-top: 0} .search-company-block:first-child{margin-top: 0} .search-company-block-left { width: 400px; float: left; } .search-company-block-right { width: 320px; float: right; } .search-company-block-left .search-worker-blocks-title-wr {float: left; width: 100% !important;} .search-company-block-left .land-stars-pro, .land-stars-new {margin-right: 11px} .search-company-worker {font-size: 18px; margin-top: 6px; display: block} .search-company-geography, .search-company-visit {font-size: 13px; line-height: 16px} .search-company-geography span, .search-company-visit span { font-weight: 700; } .search-company-geography {margin-top: 17px} .search-company-visit {margin-top: 14px} .search-company-blocks-wr { margin-top: 18px; } .search-company-blocks-wr .rating-new, .search-company-blocks-wr .search-worker-blocks-atr {margin-top: 6px} .search-company-blocks-wr .features-tags { margin-top: 15px; margin-bottom: 0; } .search-company-blocks-wr .search-worker-blocks-buttons { margin-top: 38px; box-sizing: border-box; padding-left: 35px; } .search-company-blocks-wr .search-worker-blocks-buttons a {float: left} .search-company-blocks-wr .search-worker-blocks-foto-wr {float: right} .search-company-blocks-wr .gallery-box:hover{opacity: 1} .logo-img-search-company-wrapper, .logo-img-search-company {height: 228px;width: 100%;} .logo-img-search-company-wrapper { float: left; text-align: center; display: block; max-height: 228px; } .logo-img-search-company-wrapper table{ height: 228px } .logo-img-search-company-wrapper table img {vertical-align: middle; max-width: 318px; max-height: 228px; text-align: center} /***proektant-client***/ .proektant-client-txt, .proektant-client-txt p{ width: 100%; float: left; font-size: 13px; line-height: 18px; } .proektant-client-txt p { margin-top: 18px; } .proektant-client-txt p:first-child{margin-top: 0} .proektant-client-wr .features-tags{ margin-bottom: 0; } .proektant-client-address-title, .proektant-client-address-coordinates { width: 100%; float: left; } .proektant-client-address-title {font-size: 18px;} .proektant-client-address-coordinates {font-weight: 700; margin-top: 10px} .proektant-client-address-map { width: 100%; height: 280px; float: left; margin-top: 22px; } .proektant-client-address-map iframe, .video-full iframe { width: 100% !important; height: 100% !important; } .proektant-client-address-wr {margin-top: 31px} /***vacancy-general***/ .vacancy-general-sidebar-wr .left-search-work{ margin-top: 2px; } .main-menu.main-menu-buttons {width: 440px;} .main-menu-icons-wr { width: 104px; height: 41px; float: right; margin-right: 20px; position: relative; } .main-menu-icons-wr a{ height: 24px; float: left; margin-left: 20px; margin-top: 9px; } .main-menu-icons-wr a:first-child{margin-left: 0} .main-menu-icons-home { width: 24px; background:url("/images/menu_icons.png") no-repeat; } .main-menu-icons-edit { width: 20px; background:url("/images/menu_icons.png") -24px 0 no-repeat; } .main-menu-icons-copy { width: 20px; background:url("/images/menu_icons.png") -44px 0 no-repeat; } /***modal***/ #modal_form_favorite, #modal_form_offer, #modal_form_question { width: 460px; height: 263px; position: absolute; top: 30%; left: 50%; margin-left: -267px; display: none; opacity: 0; z-index: 9992; } #modal_form_question {height: 533px} #modal_form_favorite .res_form_line {bottom: 85px} .page-favorite { height: 85px; width: 100%; position: absolute; bottom: 0; text-align: center; } .page-favorite a { color: #0c81cc; font-size: 13px; text-decoration: underline; line-height: 85px; } .page-favorite a:hover{text-decoration: none} .favorite-user-wr { margin-top: 26px; float: left; } .favorite-user-wr img {max-width: 48px;max-height: 48px; margin-left: 156px; float: left; margin-right: 13px} .favorite-user-profile {float: left; width: 240px; overflow: hidden; font-size: 13px; margin-top: 17px} .favorite-user-profile-add {float: left; width: 240px; overflow: hidden; font-size: 13px } .favorite-user-profile-add img{float: left; width: 16px; height: 16px; margin-right: 10px; margin-left: 0} .favorite-user-profile-add span{line-height: 18px} form.offer-project { height: 531px; } #off_submit { bottom: 25px; width: 180px; left: 50%; margin: 0 0 0 -90px; position: absolute; } /***cabinet-message***/ .cabinet-message-blocks-wr {margin-top: 3px} .cabinet-message-blocks { width: 100%; height: 180px; box-sizing: border-box; border: 1px solid #b7b7b7; float: left; margin-top: 30px; } .cabinet-message-blocks:first-child {margin-top: 0} .ico-sender-wrapper { width: 160px; height: 160px; float: left; margin: 9px 0 0 9px; } .ico-sender { width: 160px; height: 160px; display: table-cell; vertical-align: middle; text-align: center; } .ico-sender img { max-width: 100%;max-height: 100%; vertical-align: middle; } .cabinet-message-text-wrapper { width: 540px; height: 100%; box-sizing: border-box; margin-left: 30px; float: left; } .cabinet-message-title { font-size: 18px; color: #b7b7b7; margin-top: 56px; line-height: 18px; } .cabinet-message-message { height: 32px; margin-top: 21px; } .cabinet-message-message-ico { width: 44px; height: 32px; float: left; margin-right: 26px; background: url("/images/cabinet-message/ico-1.png") no-repeat; } .cabinet-message-message a { line-height: 32px; color: #b7b7b7; text-decoration: none; } .cabinet-message-status { font-size: 13px; color: #b7b7b7; margin-left: 70px; margin-top: 1px; } .cabinet-message-write { width: 179px; height: 178px; display: block; float: right; background: #b7b7b7; text-align: center; text-decoration: none; } .cabinet-message-write-ico{ width: 42px; height: 40px; margin-top: 65px; margin-left: 72px; background: url("/images/cabinet-message/ico-3.png") no-repeat; } .cabinet-message-write-txt {color: #fff; text-decoration: underline;margin-top: 11px} .cabinet-message-write:hover .cabinet-message-write-txt {text-decoration: none} .cabinet-message-blocks.new-message-cabinet-blocks {border: 1px solid #0072bc} .new-message-cabinet-blocks .cabinet-message-title {color: #0072bc} .new-message-cabinet-blocks .cabinet-message-message a{color: #0072bc; font-weight: 700} .new-message-cabinet-blocks .cabinet-message-message-ico{background: url("/images/cabinet-message/ico-1.png") -44px 0 no-repeat} .new-message-cabinet-blocks .cabinet-message-write{background: #0072bc} /***search-performers***/ .search-worker-title span{color: #fc9b28; font-weight: 700;margin-top: 28px;display: block;} .search-performer-button-bookmark { width: 100%; height: 54px; position: relative; margin-top: -2px; } .search-performer-button-bookmark a { position: absolute; right: -10px; top: 0; width: 214px; height: 53px; border-bottom: 1px solid #0054a6; line-height: 54px; font-size: 18px; color: #fff; background: #148ad6; background: -moz-linear-gradient(top, #148ad6 0%, #0072bc 100%); background: -webkit-linear-gradient(top, #148ad6 0%,#0072bc 100%); background: linear-gradient(to bottom, #148ad6 0%,#0072bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#148ad6', endColorstr='#0072bc',GradientType=0 ); transition: 0.2s; text-decoration: none; text-align: center; } .search-performer-button-bookmark a:hover { background: #0072bc; background: -moz-linear-gradient(top, #0072bc 0%, #148ad6 100%); background: -webkit-linear-gradient(top, #0072bc 0%,#148ad6 100%); background: linear-gradient(to bottom, #0072bc 0%,#148ad6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072bc', endColorstr='#148ad6',GradientType=0 ); } .search-performer-button-bookmark a:before { display: block; content: ''; position: absolute; left: 16px; border: 27px solid transparent; border-top: 7px solid #fff; transform: rotate(270deg); height: 52px; top: -16px; } .search-performer-button-performers, .search-performer-button-customers, .search-performer-button-project { width: 170px; height: 43px; line-height: 45px; text-align: center; color: #fff; text-decoration: none; font-size: 16px; margin-top: 15px; display: block; transition: 0.2s; border-radius: 4px; } .search-performer-button-performers { margin-top: 30px; border-bottom: 2px solid #ef8505; background: #fd9d2b; background: -moz-linear-gradient(top, #fd9d2b 0%, #f8941e 100%); background: -webkit-linear-gradient(top, #fd9d2b 0%,#f8941e 100%); background: linear-gradient(to bottom, #fd9d2b 0%,#f8941e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9d2b', endColorstr='#f8941e',GradientType=0 ); } .search-performer-button-performers:hover { background: #f8941e; background: -moz-linear-gradient(top, #f8941e 0%, #fd9d2b 100%); background: -webkit-linear-gradient(top, #f8941e 0%,#fd9d2b 100%); background: linear-gradient(to bottom, #f8941e 0%,#fd9d2b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8941e', endColorstr='#fd9d2b',GradientType=0 ); } .search-performer-button-customers { border-bottom: 2px solid #3e9825; background: #6bcb50; background: -moz-linear-gradient(top, #6bcb50 0%, #60bb46 100%); background: -webkit-linear-gradient(top, #6bcb50 0%,#60bb46 100%); background: linear-gradient(to bottom, #6bcb50 0%,#60bb46 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bcb50', endColorstr='#60bb46',GradientType=0 ); } .search-performer-button-customers:hover { background: #60bb46; background: -moz-linear-gradient(top, #60bb46 0%, #6bcb50 100%); background: -webkit-linear-gradient(top, #60bb46 0%,#6bcb50 100%); background: linear-gradient(to bottom, #60bb46 0%,#6bcb50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60bb46', endColorstr='#6bcb50',GradientType=0 ); } .search-performer-button-project{ border-bottom: 2px solid #0054a6; background: #148ad6; background: -moz-linear-gradient(top, #148ad6 0%, #0072bc 100%); background: -webkit-linear-gradient(top, #148ad6 0%,#0072bc 100%); background: linear-gradient(to bottom, #148ad6 0%,#0072bc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#148ad6', endColorstr='#0072bc',GradientType=0 ); } .search-performer-button-project:hover{ background: #0072bc; background: -moz-linear-gradient(top, #0072bc 0%, #148ad6 100%); background: -webkit-linear-gradient(top, #0072bc 0%,#148ad6 100%); background: linear-gradient(to bottom, #0072bc 0%,#148ad6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072bc', endColorstr='#148ad6',GradientType=0 ); } /***message-read***/ .cabinet-message-read-autor-wr { margin-top: 3px; height: 200px; box-shadow: 0px 0px 5px 0px rgba(149, 149, 149, 0.75); } .cabinet-message-read-foto-wr { width: 180px; height: 180px; float: left; margin:10px 0 0 10px; } .cabinet-message-read-foto { width: 180px; height: 180px; text-align: center; display: table-cell; vertical-align: middle; } .cabinet-message-read-foto img { max-width: 100%; max-height: 100%; vertical-align: middle; } .cab-mes-read-cont { width: 214px; float: left; overflow: hidden; margin-left: 30px; } .cab-mes-read-cont>div{width: 100%} .cab-mes-read-cont-title {color: #0072bc; font-size: 24px;margin-top: 13px; text-decoration: none} .cab-mes-read-cont-com {color: #0072bc;margin-top: 10px;text-decoration: none} .cab-mes-read-cont-stars {height: 16px;margin-top: 14px} .cab-mes-read-cont-soc a {margin-right: 1px} .cab-mes-read-cont-soc {width: 135px!important; margin-top: 11px} .cabinet-message-read-autor-wr .performance-vacancy-add-favorite { height: 100%; float: left; margin-left: 2px; } .cab-mes-read-last-visit { width: 390px; float: right; height: 100%; box-sizing: border-box; padding-top: 42px; } .cab-mes-read-min-bl { width: 170px; float: left; margin-top: 15px; } .cab-mes-read-min-bl .profile-phone-site {padding-bottom: 0; border-bottom: 0} .cab-mes-read-min-bl .profile-site img {margin-right: 7px} .cab-mes-read-min-bl p {padding-left: 18px;box-sizing: border-box; font-size: 13px} .cabinet-message-read-wr {margin-top: 30px} /***search-profile***/ .search-profile-blocks { background: #fcfcfc; margin-top: 30px; box-sizing: border-box; border-radius: 4px; padding: 10px 0 11px 15px; float: left; } .search-profile-blocks:first-child{margin-top: 0} .search-profile-blocks-wr {margin-top: 46px} .srch-prof-title{font-size: 21px; text-decoration: none; color: inherit} .search-profile-blocks:hover .srch-prof-title{text-decoration: underline;} .srch-prof-budget{font-size: 18px; margin-top: 11px} .srch-prof-budget span {width: 10px;height: 10px;display: block; background: #0072bc; float: left; margin-top: 6px; margin-right: 15px} .srch-prof-contract-wr {margin-top: 28px} .srch-prof-contract-button { text-transform: uppercase; height: 23px; line-height: 23px; color: #fff; cursor: default; padding: 0 13px; font-size: 12px; background: #62b8ef; float: left; margin:0 12px 0 -15px; } .srch-prof-contract-txt { line-height: 23px; } .srch-prof-contract-txt span {font-weight: 700} .srch-prof-contract-txt a {text-decoration: underline; color: inherit} .srch-prof-text {margin-top: 37px} .srch-prof-text p{ font-size: 13px; width: 100%; line-height: 16px; margin-top: 16px; } .srch-prof-text p:first-child{margin-top: 0} .srch-prof-params {float: left; height: 18px; line-height: 18px; color: #b7b7b7} .srch-prof-params-city {margin-right:63px} .srch-prof-params-city img {margin: 3px 10px 0 0} .srch-prof-params-wr {margin-top: 22px; height: 18px} .srch-prof-params-clock {margin-right: 62px} .srch-prof-params img {margin:3px 10px 0 0} .navi-buttons-yet-wr {position: relative; height: 50px;} .navi-buttons-yet-wr .pagination {margin-top: 10px} .navi-buttons-yet { display: block; float: right; margin-right: 29px; line-height: 50px; color: #333; font-size: 24px; text-decoration: none; padding: 0 39px; background: #f1f1f1; height: 48px; border-radius: 25px; border: 1px solid #f1f1f1; transition: 0.2s; } .navi-buttons-yet:hover{background: #fff; border: 1px solid #0072bc} .reset-filter {text-align: center; text-decoration: none; color: #a1a1a1; font-size: 13px; width: 100%; float: left; display: block} .form-price-wr {width: 100%; float: left; margin-bottom: 5px} .check-valuta {width: 40px; height: 20px; float: right} .check-valuta select{ width: 100%; height: 20px; } .check-valuta .select-after {right: 4px; bottom: 7px} .form-price-wr input{ width: 53px; height: 18px; border: 1px solid #dcdcdc; float: left; margin-left: 10px; text-align: center; } .form-price-wr input:first-child{margin-left: 0} /*maps*/ .map-settings-opacity,.map-settings-wrapp { width:220px; position:absolute; left:0; top:0; bottom:0; box-sizing:border-box; padding-top:62px; z-index:998 } .map-settings-opacity { background:#000; opacity:.85; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85) } .min_markers-wrapp { width: 160px; height: 489px; position: absolute; top: 50%; margin-top: -214px; left: 30px; } ul.min_markers,ul.min_markers_two { width:160px; float:left; padding-bottom:26px; border-bottom:1px solid #636363 } ul.min_markers_two { border-bottom:none; margin-top:26px } .min_markers li:first-child,.min_markers_two li:first-child { margin-top:0 } .min_markers li,.min_markers_two li { cursor:pointer; list-style:none; height:26px; margin-top:10px; width:160px } .min_markers li.active_m,.min_markers_two li.active_m { border:1px solid #636363; border-radius:24px; height:24px; width:158px } .min_markers li.active_m span,.min_markers_two li.active_m span { margin-left:9px; padding-top:3px } .min_markers li.active_m p,.min_markers_two li.active_m p { line-height:24px } .min_markers span,.min_markers_two span { float:left; padding-top:4px; width:24px; display:block; height:24px; box-sizing:border-box; margin-left:10px } .min_markers p,.min_markers_two p { color:#ebebeb; font-size:12px; text-transform:uppercase; float:left; line-height:26px } .min_markers:last-child .min_markers_two:last-child { padding-bottom:0; border-bottom:none; margin-top:26px } .min_markers li.last_m .min_markers_two li.last_m { height:50px } .min_markers li.last_m p,.min_markers_two li.last_m p { float:none; line-height:18px; padding-top:7px } .min_markers li.last_m span,.min_markers_two li.last_m span { margin-top:3px } .min_markers-wrapp { width:160px; height:489px; position:absolute; top:50%; margin-top:-214px; left:30px } .navi-circle-offset { position:absolute; top:0; left:0; display:block; float:left } .slider_map-wr { height:150px; width:100%; position:absolute; left:220px; bottom:0; overflow:hidden } .slider_map_overlay { opacity:.4; height:100%; width:100%; background:#000; position:absolute; left:0; bottom:0 } .slider_map { height:150px; width:100%; position:absolute; left:0; bottom:0; overflow:hidden } .slider_map .scroll-img { height:110px; width:100%; overflow:hidden; position:absolute; top:50%; margin-top:-55px; left:0; z-index:10 } .slider_map #demo5.scroll-img ul { width:300000px; height:100% } .slider_map .scroll-img ul li { width:300px; height:110px; display:inline-block; margin:0 10px 0 0; background:#fff; border-radius:4px } .slider_map #demo5-backward { width:15px; height:24px; display:block; background:url(/images/slider-arrow-prev.png); cursor:pointer; position:absolute; top:50%; margin-top:-12px; left:25px; z-index:333 } .slider_map #demo5-forward { background:url(/images/slider-arrow-next.png); width:15px; height:24px; display:block; cursor:pointer; position:absolute; top:50%; margin-top:-12px; right:25px; z-index:333 } .slider-marker-bl { width:100%; height:100% } .slider-marker-bl-img { width:110px; height:90px; margin:10px 10px 0; float:left } .slider-marker-bl-text { width:155px; height:90px; margin-top:10px; float:left } .slider_a { text-decoration:none } .slider-marker-bl-text-title { width:100%; font-weight: 700; color:#333; font-size:13px; height:15px } .slider-marker-bl-text-p { height:75px; width:100%; color:#333; font-size:11px; margin-top:8px } /***proektant-cabinet***/ .left-proektant-cabinet { width: 100%; float: left; } .left-left-proektant-cabinet { width: 700px; box-sizing: border-box; padding-right: 19px; float: left; } .right-proektant-cabinet { width: 216px; float: right; box-sizing: border-box; padding-right: 9px; } .left-proektant-cabinet .srch-prof-text {margin-top: 11px} .left-proektant-cabinet .srch-prof-title {color: #0072bc} .left-proektant-cabinet .srch-prof-budget {margin-left: -10px} .left-proektant-cabinet .srch-prof-budget span {margin-right: 9px} .left-proektant-cabinet .srch-prof-params-wr {margin-top: 13px} .left-proektant-cabinet .search-profile-blocks {margin-top: 26px; width: 100%; padding-bottom: 19px} .left-proektant-cabinet .search-profile-blocks:first-child {margin-top: 0} .left-proektant-cabinet-title { font-size: 21px; font-weight: 700; margin-top: -4px; } .cabinet-list {margin:15px 0 12px 0} .cabinet-list li { list-style: none; float: left; height: 18px; line-height: 18px; font-size: 13px; margin-left: 19px; } .cabinet-list li:first-child{margin-left: 0} .cabinet-list li img {margin-top: 4px; float: left; margin-right: 10px} .cabinet-list li span{ border-bottom: 1px solid #333333;} .left-proektant-cabinet .navi-buttons-yet-wr {margin-bottom: 50px} .right-proektant-cabinet-candidate, .right-proektant-cabinet-message, .right-proektant-cabinet-message-new { float: right; } .right-proektant-cabinet-candidate { margin-top: 3px; } .right-proektant-cabinet-candidate img{ float: left; margin-top: 10px; margin-right: 6px; } .right-proektant-cabinet-candidate span { font-size: 11px; color: #0072bc; border-bottom: 1px solid #0072bc; padding-bottom: 2px; } .right-proektant-cabinet-message { font-size: 11px; color: #959595; margin-top: 8px; } .right-proektant-cabinet-message-new {margin-top: 2px} .right-proektant-cabinet-message-new img { margin-top: 7px; float: left; margin-right: 9px; } .right-proektant-cabinet-message-new a{ font-size: 11px; color: #0072bc; } /***js_scroll***/ .jspContainer{overflow:hidden;position:relative}.jspPane{position:absolute}.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;background:red}.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{background:#dde;position:relative}.jspDrag{background:#bbd;position:relative;top:0;left:0;cursor:pointer}.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:none}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0} /*** message-read***/ .comments_block{width:938px;height:498px;background-color:#fcfcfc;border:1px solid #b7b7b7;border-right:none;margin-bottom:57px;color:#333;font-family:Roboto;font-size:13px;position:relative;overflow:hidden;outline:none}.comment_type{width:940px}.comment_type .pole{width:660px;margin:0 auto;position:relative}.comment_type .mes_title{font-size:18px;color:#333;margin:18px 0}.message_text{width:638px;height:78px;resize:none;border:1px solid #c2c2c2;margin:0 auto;margin-bottom:26px;margin-top:18px;padding:10px;font-family:Roboto}.send_mess_but{outline:none;border:none;cursor:pointer;font-size:12px!important;padding-top:2px;width:170px;height:43px;text-align:center;text-transform:uppercase;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#148ad6',endColorstr = '#0072bc');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#148ad6',endColorstr = '#0072bc')";background-image:-moz-linear-gradient(top,#148ad6,#0072bc);background-image:-ms-linear-gradient(top,#148ad6,#0072bc);background-image:-o-linear-gradient(top,#148ad6,#0072bc);background-image:-webkit-gradient(linear,center top,center bottom,from(#148ad6),to(#0072bc));background-image:-webkit-linear-gradient(top,#148ad6,#0072bc);background-image:linear-gradient(top,#148ad6,#0072bc);color:#fff;border-bottom:2px solid #0054a6;border-radius:4px;transition:.1s;top:170px;line-height:3.5}.send_mess_but:hover{opacity:.9}.send_mess_but:active{line-height:3.7}.pick_file{position:absolute;top:170px;right:0;width:130px}.pick_file .link:after{content:'';background:url(/images/skrpk.png) left center no-repeat;position:absolute;width:19px;height:21px;left:-28px;top:0}.pick_file .link{text-transform:uppercase;color:#0276c0;font-size:13px;cursor:pointer;text-decoration:none;border-bottom:1px solid #70b2db;position:relative}.pick_file .capt{color:#c2c2c2;font-size:11px;line-height:16px;margin-top:3px}.comment_text{position:relative;padding:12px 13px;width:602px;border:1px solid #c2c2c2;min-height:74px;left:10px;line-height:1.3;background-color:#fff}.comment.left .comment_text{float:left}.comment.right .comment_text{float:right}.comment.left .comment_text:before{content:'';background:url(/images/mes_bord_left.png);position:absolute;width:11px;height:11px;top:-1px;left:-11px}.comment.right .comment_text:before{content:'';background:url(/images/mes_bord_right.png);position:absolute;width:11px;height:11px;top:-1px;right:-11px}.comment.left .author_pic{float:left;margin:0 10px}.comment.right .author_pic{float:right;margin:0 25px 0 30px}.comment_time{color:#c6c6c6;font-family:Roboto;font-size:13px;font-weight:600;line-height:32px;position:absolute}.comment.left .comment_time{top:17px;right:-64px}.comment.right .comment_time{top:18px;left:-64px}.comment{position:relative;margin:30px 21px 30px 1px}.comment .offer_link a{color:#0173bd;position:relative}.comment .offer_link a:before{content:'';position:absolute;background:url(/images/skrpk_sm.png) left center no-repeat;width:19px;height:21px;left:-26px;top:-3px}.comment.right .offer_link{float:right;margin-right:94px;margin-top:12px;margin-bottom:-17px}.comment.left .offer_link{left:104px;bottom:-27px}.comment_block .content{overflow:auto;width:938px;height:498px}.fileform{background-color:#FFF;border:1px solid #CCC;border-radius:2px;cursor:pointer;height:26px;overflow:hidden;padding:2px;position:relative;text-align:left;vertical-align:middle;width:230px}.comment_type form{width:660px;margin:0 auto}.comment_type form label{color:#333;font-family:Roboto;font-size:18px}.input_file_text{color:#c2c2c2;font-size:11px;font-family:Roboto;width:125px;position:absolute;right:0;line-height:16px;top:18px;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}.inputfile{float:right;position:relative;width:153px;padding-bottom:10px;background:url(/images/skrpk.png);background-repeat:no-repeat}.input_file{opacity:0;cursor:pointer;width:160px}.inputfile .file_input_title{position:absolute;color:#0276c0;border-bottom:1px solid #0276c0;text-transform:uppercase;font-family:Roboto;font-size:13px;right:0}.jspArrow{background-color:#0173bd;width:20px;height:20px}.jspVerticalBar{width:20px}.jspVerticalBar .jspArrow{height:20px}.jspTrack{background:#ebebeb;position:relative}.jspDrag{background:#c2c2c2;position:relative;top:0;left:0;cursor:pointer;border-left:2px solid #ebebeb;border-right:2px solid #ebebeb}.jspVerticalBar{background:#ebebeb}.jspArrowUp{background:#0173bd url(/images/scroll_up.png) center center no-repeat}.jspArrowUp:hover{opacity:.8}.jspArrowUp:active{background-position-y:1px!important}.jspDisabled.jspArrowUp{background:#80808d url(/images/scroll_up_grey.png) center center no-repeat}.jspArrowDown{background:#0173bd url(/images/scroll_down.png) center center no-repeat}.jspArrowDown:hover{opacity:.8}.jspArrowDown:active{background-position-y:1px!important}.jspArrowDown{background:#0173bd url(/images/scroll_down.png) center center no-repeat}.jspDisabled.jspArrowDown{background:#80808d url(/images/scroll_down_grey.png) center center no-repeat}.jspContainer{outline:none;border:none} /***form-order***/ #modal_form_offer {height: 505px;} #modal_form_offer,#modal_form_question{margin-top: 70px;} .form-resume-wr form input[type="submit"]{margin-left: 55px;} .form-resume-wr form{top:72px;} .form-resume-wr.offer form textarea { height: 60px; max-height: 60px; min-height: 60px; margin-bottom: 13px; } .form-resume-wr.question form textarea { height: 185px; max-height: 185px; min-height: 185px; } .form-resume-sub{line-height:73px;} .closed-form{top: -46px;right: -45px;} .list_item .pr_title{ font-weight: 700; margin-bottom:3px; } .list_item{ font-size: 13px; border: 1px solid #dcdcdc; position: relative; cursor:pointer; } .list_item.title{margin-bottom: 15px;} .list_item .arrow{ position: absolute; height: 100%; width: 25px; background-color: #0072bc; top: 0; right: 0; transition:0.15s; transform: rotate(180deg); } .list_item:hover .arrow{opacity:0.6;} .list_item .arrow.up:after{ content: ''; position: absolute; top: 22px; left: 9px; border: 4px solid transparent; border-bottom-color: white; } .list_item .arrow.down:after{ content: ''; position: absolute; top: 26px; left: 9px; border: 4px solid transparent; border-top-color: white; } form.offer-project {height: 406px;} .list_item .main_item{padding: 10px 37px 12px 12px;transition:0.3s;} .off_list ul li:hover{background-color: #fffccc; } .act-offer-li{opacity: 0.6; cursor: default } .act-offer-li:hover{background-color: #fff !important; } .off_list{ position: absolute; width: 100%; width: 238px; background-color: white; border: 1px solid #dcdcdc; left: -1px; height: 109px; bottom: -110px; overflow: hidden; outline:none; } .off_list .content li{ list-style: none; line-height: 18px; font-size: 13px; padding: 9px 0px 10px 12px; border-bottom: 1px solid #dcdcdc; width: 100%; transition:0.2s; } .off_list .content li:last-child{border-bottom:none;} .off_list .content li .title1{font-weight:700;} /*SCROLL*/ #modal_form_offer .jspVerticalBar{ position: absolute; top: 0; right: 0px; width: 25px; height: 100%; background: #f1f1f1; } #modal_form_offer .jspTrack{background: #f1f1f1;} #modal_form_offer .jspDrag{ background: #d7d7d7; border-left: 3px solid #f1f1f1; border-right: 2px solid #f1f1f1; box-shadow: inset 0px 0px 0px 1px #dcdcdc; } #modal_form_offer .jspVerticalBar #modal_form_offer .jspArrow{background-color:#f1f1f1;} #modal_form_offer .jspArrowUp, #modal_form_offer .jspArrowUp.jspDisabled{background:url('/images/arrow-scroll-up.png') center center no-repeat;width: 25px} #modal_form_offer .jspDisabled{opacity: 0.5; width: 25px} #modal_form_offer .jspArrowDown, #modal_form_offer .jspArrowDown.jspDisabled{background:url('/images/arrow-select.png') center center no-repeat; width: 25px} #modal_form_offer .jspArrow:active{background-position-y:7px;} #modal_form_offer .jspArrow.jspDisabled{background-position:center center!important;} /****/ .features-tags.features-tags-profile span{font-weight: normal} /***cabinet_profile***/ .cabinet-profile .search-profile-blocks{ width: 100%; } .cabinet-profile .search-profile-blocks-left { width: 460px; float: left; } .cabinet-profile .srch-prof-params-wr { width: 150px; float: right; margin-top: 8px; height: auto; } .cabinet-profile .srch-prof-params-wr > div { margin: 0; } .cabinet-profile .srch-prof-params-wr .srch-prof-params { width: 100%; float: left; font-weight: 700; } /***tender***/ .section-box-tender-title {font-size: 21px; text-align: center; margin-top: 25px} .tender-contract-wr { height: 23px; margin-top: 30px; } .tender-contract-left, .tender-contract-right {height: 100%; width: 50%; float: left} .tender-contract-right { float:right !important; } .tender-contract-left .srch-prof-contract-button { margin: 0 12px 0 0; } .tender-contract-right span { float: right; display: block; height: 100%; line-height: 23px; } .tender-contract-right img { width: 23px; height: 23px; float: right; margin-right: 10px; } .tender-date {margin-top: 6px} .tender-date img{float: left} .tender-date span{float: left; height: 18px; line-height: 18px; display: block} .cab-mes-read-min-bl .profile-phone { font-size: 13px; } .section-box-15.tender-page { padding-top: 6px; padding-bottom: 0; } .tender-page .cabinet-message-read-autor-wr {margin-top: 0} .section-box-tender-navi {margin-top: 16px; height: 25px} .section-box-tender-navi span{font-size: 18px;color: #0072bc; height: 100%; display: block; float: left; line-height: 25px} .section-box-tender-navi a{font-size: 18px; color: #0072bc; text-decoration: underline; height: 100%; display: block; float: left; line-height: 25px} .section-box-tender-navi img {width: 40px; height: 25px; float: left; margin: 0 15px} .tender-info-title {font-size: 18px; margin-bottom: 2px} .section-box-tender-info-wr {line-height: 18px; font-size: 13px; margin-top: 37px} .section-box-tender-txt ul {list-style: none} .section-box-tender-tags-title {font-size: 20px} .section-box-tender-tags a{ font-size: 13px; color: #636363; } .section-box-tender-tags-wr {margin-top: 24px} .section-box-tender-tags { line-height: 18px; margin-top: 4px; } .tender-map {margin-top: 15px} .tender-offer-proj-title-all {text-align: center; font-size: 20px; margin-top: 78px;} .tender-offer-proj-blocks-wr {padding-bottom: 50px} .tender-offer-proj-blocks .performer-vacancy-sidebar-left {top: -10px} .tender-offer-proj-blocks {padding-bottom: 17px; border-bottom: 1px solid #bababa; margin-top: 50px} .tender-offer-proj-blocks:first-child{margin-top: 47px} .tender-see-profile { text-decoration: none; text-align: center; color: #bfbfbf; font-size: 13px; transition: 0.2s; margin-left: -20px; width: 200px; margin-top: -8px; padding-bottom: 8px; } .tender-see-profile:hover {text-decoration: underline} .tender-offer-proj-block-right-wr { width: 740px; float: right; } .tender-offer-proj-block-right { width: 100px; height: 100px; float: right; background: #62b8ef; } .tender-offer-proj-min-blocks { width: 98px; height: 49px; margin-top: 1px; margin-left: 1px; } .tender-offer-proj-min-blocks:first-child{background: #fff} .tender-offer-proj-min-blocks span { color: #fff; font-size: 15px; text-transform: uppercase; text-align: center; line-height: 49px; display: block; } .tender-offer-proj-min-blocks:first-child span { color: #62b8ef; text-transform: none; } .tender-offer-proj-block-left { width: 625px; float: left; min-height: 387px; box-sizing: border-box; padding-left: 18px; } .tender-offer-proj-block-left .search-worker-blocks-title-wr { width: 100%; float: left; margin-top: 14px; } .search-worker-blocks-title-title { font-size: 24px; float: left; margin-right: 30px; } .tender-offer-proj-block-left .rating-new { margin-right: 30px; } .link-to-comm { color: #bfbfbf; text-decoration: underline; float: left; } .tender-offer-proj-block-left .rating-new, .tender-offer-proj-block-left .link-to-comm {margin-top: 9px} .tender-offer-proj-txt { line-height: 18px; font-size: 13px; float: left; margin-top: 18px; margin-bottom: 21px; } ul.download-list-files { width: 100%; float: left; margin-bottom: 21px; } ul.download-list-files li { list-style: none; width: 100%; float: left; height: 18px; } ul.download-list-files li span { width: 10px; height: 8px; background: url("/images/tender/ico-3.png") no-repeat; display: block; float: left; margin-top: 3px; margin-left: 3px; } ul.download-list-files li a {float: left; font-size: 13px; text-decoration: none; color: inherit; margin-left: 16px} ul.download-list-files li .download-link {font-size: 11px; color: #c2c2c2; margin-left: 14px; margin-top: 2px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} ul.download-list-files li {margin-top: 7px} ul.download-list-files li:first-child {margin-top: 0} ul.download-list-files li:hover .download-link {transition: 0.2s; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .tender-more-buttons-wr { height: 29px; width: 600px; float: left; box-sizing: border-box; padding-left: 18px; } .tender-more-buttons-wr a:after{display: none} .tender-more-buttons-wr a{ padding: 0; height: 28px; color: #fff; text-decoration: none; font-size: 13px; line-height: 29px; border-radius: 4px; width: 167px; text-align: center; display: block; float: left; margin-right: 4px; } .tender-add-answer-title { text-align: center; font-size: 20px; margin-top: 30px; } .form-value-wr { height: 48px; margin-top: 26px; } .form-value-ded-name { height: 48px; float: left; line-height: 48px; margin-left: 18px; font-size: 13px; font-weight: 700; } .form-value-price-wr {float: left;} .form-value-price-wr .blocks-check-list-wrapp { margin-top: 0; margin-left: 20px; } .form-value-price-wr select{ border: 1px solid #dcdcdc; height: 20px; width: 40px; float: left; cursor: pointer; color: #636363; font-size: 13px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; } .form-value-price-wr .check-valuta {float: left} .form-value-price-wr .form-price-wr {width: auto; margin: 14px 0 0 0;} .form-value-price-title {float: left; height: 48px; line-height: 48px; margin-right: 9px; font-size: 13px; font-weight: 700} .form-ico-ded-wr {width: 320px; float: left} .form-tender-txt {margin-top: 21px} .form-tender-txt textarea{ width: 100%; max-width: 100%; border: 1px solid #c2c2c2; /*min-height: 98px;*/ height: 100px; box-sizing: border-box; padding: 8px 0 10px 11px; font-size: 13px; } .tender-form-buttons-wr { width: 620px; float: left; margin-top: 18px; } .form-tender-answer form input[type="submit"] { height: 45px; outline: none; color: #fff; text-transform: uppercase; font-size: 13px; padding: 0; border-top: none; border-left: none; border-right: none; width: 170px; border-radius: 4px; cursor: pointer; margin-right: 10px; float: left; } .tender-form-buttons-wr a { height: 45px; line-height: 45px; float: left; font-size: 13px; color: #bfbfbf; text-decoration: none; } .tender-form-buttons-wr a:hover{text-decoration: underline} .tender-file-wr { float: right; position: relative; width: 200px; } .tender-file-wr input[type="file"] { width: 131px; height: 16px; position: absolute; right: 0; top: 2px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 2; } .tender-file-wr .addfilemulti { position: absolute; right: 0; top: 2px; color: #0276c0; font-size: 13px; text-decoration: underline; height: 16px; line-height: 16px; z-index: 1; } .tender-file-wr .addfilemulti:before { position: absolute; content: ''; display: block; width: 13px; height: 14px; left: -23px; top: 50%; margin-top: -7px; background: url("/images/skrpk_min.png") no-repeat; } .MultiFile-remove:before{display: none !important;} .MultiFile-label {height: 18px} .MultiFile-list {margin-top: 25px;float: right} .MultiFile-remove {float: right; margin-left: 31px; margin-top: 3px; width: 12px; height: 12px; background: url("/images/delet-file.png") no-repeat} .MultiFile-title {font-size: 13px; position: relative} .MultiFile-title:before { position: absolute; content: ''; width: 10px; height: 8px; background: url("/images/tender/ico-3.png") no-repeat; top: 4px; left: -17px; } .max-size { float: right; color: #c2c2c2; font-size: 11px; margin-top: 20px; } .settings-map-ul { width: 100%;float: left; height: 27px; text-align: center;margin-top: 13px;} .settings-map-ul ul{height: 100%; display: inline-block} .settings-map-ul ul li{float: left; list-style: none; height: 100%;margin-left: 4px} .settings-map-ul ul li:first-child{margin-left: 0} .settings-map-ul ul li a{height: 100%; display: block; text-decoration: none; color: #0072bc; line-height: 27px; padding: 0 15px;} .settings-map-ul ul li a.active {background: #0072bc;color: #fff; border-radius: 27px} .settings-map-ul ul li a span {border-bottom: 1px dashed #0072bc;} .settings-map-ul ul li a.active span{border-bottom: none} .min-post-wr {width: 100%; float: left; } .min-post-block {padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; width: 450px; margin-left: 40px; float: left} .min-post-block:first-child{margin-left: 0} .min-post-block a, .min-post-block a img{width: 200px;height: 153px;display: block; float: left} .min-post-txt {width: 230px;float: right;} .min-post-txt .blog-post-icons-wr {margin-top: 0} .min-post-txt a {text-decoration: none; color: inherit; height: 123px; margin-top: 14px;} .min-post-block:hover a {text-decoration: underline} .section-box-232{margin-top: 40px} .table-team-title {font-size: 18px; text-align: center;} .section-box-233{margin-top: 36px} .table-team-left {width: 450px; float: left} .table-team-right {width: 450px; float: right} .tb-team-wr {width: 100%; float: left;} .tb-team-wr table {width: 100%; float: left; font-size: 13px;} .tb-team-wr table tr{height: 33px} .title-table {background: #0072bc; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px} .title-table td:first-child{padding-left: 20px} .all-table {border-left:1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} .all-table-first {background: #f1f1f1; font-weight: 700;border-left:1px solid #dfdfdf; border-right: 1px solid #dfdfdf;} .all-table tr td, .all-table-first tr td {border-left: 1px solid #dfdfdf} .all-table tr td:first-child, .all-table-first tr td:first-child{border-left: none} .all-table td {border-top: 1px solid #dfdfdf} .all-table tr:first-child td {border-top: none} .tb-team-wr {margin-top: 15px} .tb-team-wr table img{vertical-align: middle} /**registration**/ .register-a {font-size: 18px !important;color: inherit !important; text-decoration: none !important; float: none !important; margin:0 !important;} .register-a span {border-bottom: 1px dashed #333} .header-cabinet-wr span {} .registration-title { font-size: 21px; text-align: center; margin-top: 25px; } .registration-form {margin-top: 24px; margin-bottom: 50px} .input-blocks-wrapper { width: 100%;float: left;margin-top: 11px; position: relative; } .input-blocks-wrapper:first-child{margin-top: 0} .input-blocks { width: 300px; float: left; } .custom-input-2 { width: 300px; height: 29px; border: 1px solid #dcdcdc; box-sizing: border-box; outline: none; color: #636363; font-size: 13px; line-height: 27px; padding-left: 8px; margin-top: 5px; } .custom-input-2:focus, .selectize-input input:focus {box-shadow: 1px 2px 2px 0px rgba(215, 215, 215, 0.75) inset; transition: 0.1s} .input-blocks label { font-size: 13px; color: inherit; font-weight: 700; } .input-blocks-help-wr { width: 620px; height: 29px; float: right; margin-top: 23px; } .input-blocks-help { width: 620px; height: 29px; display: table-cell; vertical-align: middle; font-size: 13px; color: #b7b7b7; } .who-you-are { border-top: 1px solid #dbdbdb; margin-top: 28px; padding-top: 30px; width: 100%; } .who-you-are-title {font-size: 15px; font-weight: 700; text-align: center} .who-you-are-form { margin: 0 auto; width: 300px; } .custom-form-buttons { height: 15px; line-height: 15px; margin-top: 11px; } input.custom-radio, input.custom-check { display: none; } input.custom-radio + label, input.custom-check + label { color: inherit; font-size: 13px; cursor: pointer; margin-left: 6px; display: inline; } input.custom-radio:checked + label, input.custom-check:checked + label { color: #0072bc; /*border-bottom: 1px solid #0072bc;*/ border:none !important; } input.custom-radio + label span, input.custom-check + label span { margin-top: 2px; } input.custom-radio + label span { width: 12px; height: 12px; background: url(/images/sets-ico/radio-active.png) no-repeat; float: left; } input.custom-radio:checked + label span, input.custom-radio:checked + label:hover span { background: url(/images/sets-ico/radio.png) no-repeat;transition: .2s; } input.custom-radio + label:hover{ border-bottom: 1px solid #333;} input.custom-check + label span { width: 12px; height: 12px; background: url(/images/sets-ico/check.png) no-repeat; float: left; margin-left: 46px; } input.custom-check:checked + label span, input.custom-check:checked + label:hover span { background: url(/images/sets-ico/check-active.png) no-repeat;transition: .2s; } input.admin-check + label span { width: 12px; height: 12px; background: url(/images/sets-ico/check.png) no-repeat; float: left; margin-left: 0; } input.disabled.admin-check:checked + label span, input.disabled.admin-check:checked + label:hover span { background: #dcdcdc url(/images/check-disable.png) no-repeat;transition: .2s; } input.disabled.admin-check + label span, input.disabled.admin-check + label:hover span { background: #dcdcdc;transition: .2s; } input.disabled.admin-check:checked + label, input.disabled.admin-check:checked + label:hover { color: inherit; border-bottom: none; cursor: default; } .check-radio-wr { width: 50%; float: left; } .input-blocks select { width: 300px; height: 29px; border: 1px solid #dcdcdc; box-sizing: border-box; outline: none; color: #333!important; font-size: 13px !important; line-height: 27px; padding-left: 8px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/images/sets-ico/select-arrow.jpg")right center no-repeat ; font-family: 'Roboto'!important; font-style: normal!important; font-weight: 400!important; } .input-blocks-wrapper.button { height: 29px; text-align: center; margin-top: 36px; } .input-blocks-wrapper.button button{ width: 180px; height: 29px; border: 1px solid #0072bc; background: #0072bc;; color: #fff; text-align: center; font-size: 13px; border-radius: 4px; cursor: pointer; line-height: 29px; outline: none; } .input-blocks-wrapper.button button:hover{ background: #fff; color: #0072bc; transition: 0.2s; } .input-blocks-wrapper.button button:focus { color: #fff; background: #00568e; transition: 0s; } .input-blocks-captcha img { width: 139px !important; height: 59px !important; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; cursor: pointer; position: relative; } .input-blocks-wrapper.captcha { height: 59px; text-align: center; margin-top: 18px; } .input-blocks-captcha { width: 139px; height: 59px; margin: 0 auto; background: url("/images/captcha-bg.jpg"); } .who-you-are-form .check-radio-wr { margin-top: 15px; } .input-blocks-wrapper.city { /*margin-top: 34px;*/ } .input-blocks-wrapper.city-two {position: relative} .form-help-two { position: absolute; height: 29px; line-height: 29px; font-size: 13px; color: #b7b7b7; top: 23px; left: 320px; width: 300px; } /***selectize***/ .selectize-control { width: 300px; height: 29px; position: relative; margin-top: 5px; } .selectize-input { width: 100%; height: 100%; } .control-group label { font-size: 13px; color: inherit; font-weight: 700; } .selectize-dropdown, .selectize-input, .selectize-input input { font-family: inherit; font-size: 13px; -webkit-font-smoothing: inherit; line-height: 18px; color: #303030; } .selectize-input, .selectize-control.single .selectize-input.input-active { display: inline-block; cursor: text; background: #fff; } .selectize-input { position: relative; z-index: 1; display: inline-block; width: 100%; overflow: hidden; border: 1px solid #d0d0d0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input { background: #fff; } .selectize-control.single .selectize-input, .selectize-dropdown.single { border-color: #dcdcdc; } .selectize-input > * { display: -moz-inline-stack; display: inline-block; vertical-align: 29px; zoom: 1; } .selectize-input > input { max-width: 298px !important; width: 298px !important; height: 27px !important; max-height: none !important; min-height: 0 !important; padding: 0 0 0 8px !important; margin: 0 0 !important; line-height: 27px !important; text-indent: 0 !important; background: none !important; border: 0 none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-user-select: auto !important; outline: none; -webkit-appearance: none; -moz-appearance: none; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-input::before { display: block; content: ''; } .selectize-control.single .selectize-input:before { position: absolute; top: 0; right: 0; display: block; width: 25px; height: 28px; margin-top: 0; content: ''; background: url("/images/sets-ico/select-arrow.jpg") no-repeat; } .selectize-dropdown { position: absolute; z-index: 10; margin: -1px 0 0 0; background: #ffffff; border: 1px solid #d0d0d0; border-top: 0 none; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-control.single .selectize-input, .selectize-dropdown.single { border-color: #dcdcdc; } .selectize-dropdown-content { max-height: 203px; overflow-x: hidden; overflow-y: auto; } .selectize-dropdown-content div:hover{background: #009bff; color: #fff} .selectize-dropdown [data-selectable] { overflow: hidden; cursor: pointer; } .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown [data-selectable] .highlight { background: #0072bc; background: rgba(0, 114, 168, 0.9); color: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .control-group {position: relative} #btnClear { width: 300px; height: 29px; background: none; position: absolute; top: 23px; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 2; display: none; cursor: pointer; } .selectize-input .item { width: 298px; height: 27px; line-height: 27px; box-sizing: border-box; padding-left: 8px; } .help-block { width: 320px; margin-left: -10px; text-align: center; position: relative; border: 1px solid #c1c1c1; margin-top: 25px; box-shadow: 3px 3px 7px 0 rgba(200, 200, 200, .5), inset 0 -3px 0 0 #c1c1c1; padding: 15px 0; display: none; } .input-blocks-wrapper.captcha-wr .help-block {float: left} .has-error .help-block {display: block ;color: inherit} .help-block:before { content: ''; width: 20px; height: 20px; background: #fff; border: 1px solid #c1c1c1; transform: rotate(45deg); position: absolute; top: -12px; left: 50%; margin-left: -10px; } .help-block:after { content: ''; width: 20px; height: 20px; transform: rotate(45deg); position: absolute; top: -10px; left: 50%; margin-left: -10px; background: #fff; border: 1px solid #fff; } .input-blocks .required:before { display: block; content: "*"; color: #D40000; position: absolute; top: 32px; left: -15px; width: 15px; } .has-success label {color: inherit !important;} .input-blocks .has-success:before { } .form-group.required:after { display: none !important; } .has-success {} .input-blocks .has-error label {color: #D40000; !important;} .input-blocks .has-error input{ box-shadow: 1px 2px 2px 0px rgba(212, 0, 0, 0.2) inset; } .header-cabinet-wr.not-register { padding-top: 58px; } /**search-header**/ .search-list { position: absolute; top: 0; left: 0; height: 29px; width: 118px; } .search-list span { display: block; height: 19px; width: 120px; line-height: 19px; font-size: 13px; color: #b7b7b7; padding-left: 10px; box-sizing: border-box; border-right: 1px solid #b7b7b7; margin-top: 5px; cursor: pointer; padding-right: 28px; position: relative; z-index: 2; } .search-list:before { position: absolute; right: 9px; top: 50%; margin-top: -3px; width: 9px; height: 6px; background: url("/images/arrow-search.png"); content: ''; } .search-list ul { position: absolute; z-index: 2; left: 0; top: 35px; border-left: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; display: none; } .search-list ul.active {display: block} .search-list li { list-style: none; padding: 0 0 0 10px; border-top: 1px solid #b7b7b7; height: 20px; line-height: 20px; background: #fff; font-size: 13px; color: #b7b7b7; cursor: pointer; width: 118px; box-sizing: border-box; } .search-list li:hover { transition: 0.2s; background: #62b8ef; color: #fff; } /***login***/ .section-box.admin-page {margin-top: 30px} .login-right-column { width: 210px; float: left; background: #0072bc; border-radius: 4px; margin-left: -10px; } .login-left-column { width: 720px; float: right; } .admin-my-page { height: 46px; color: #fff; line-height: 46px; box-sizing: border-box; padding-left: 15px; width: 100%; } ul.menu-admin{ width: 100%; float: left; padding: 0 0 0 0; margin: 0; } ul.menu-admin li { width: 100%; float: left; list-style: none; border-top: 1px solid #62b8ef; box-sizing: border-box; padding-left: 15px; height: 29px; } ul.menu-admin li a { color: #fff; text-decoration: none; font-size: 13px; width: 100%; display: block; height: 29px; line-height: 29px; position: relative; } ul.menu-admin li:hover a{ color: #62b8ef; transition: 0.2s; } ul.menu-admin li.active-menu-admin {background: #62b8ef;} ul.menu-admin li.active-menu-admin a{color: #fff} ul.menu-admin li.logout-li, ul.menu-admin li.logout-li a, ul.menu-admin li:last-child, ul.menu-admin li:last-child a{ height: 34px; line-height: 34px; } .login-left-column-title {border-bottom: 1px solid #dbdbdb; margin-top: 15px; padding-bottom: 23px;} .login-left-column-title, .login-left-column-title h1{font-size: 18px} .form-group{margin-bottom: 0} .border-general { border-bottom: 1px solid #dbdbdb; padding-bottom: 27px; } .general-check-wr {padding-top: 20px} .general-check-left { width: 120px; position: absolute; top: 50%; margin-top: -10px; left: 0; height: 21px; } .general-check-right { width: 595px; float: right; } .general-check { height: 30px; position: relative } .general-check-right-txt { font-size: 13px; color: #b7b7b7; display: table-cell; vertical-align: middle; height: 19px; } .general-check input.custom-check + label span {margin-top: 4px;} .gen-admin-title { font-size: 18px; color: inherit; } .general-who-title {margin-top: 49px} .admin-who-check { height: 21px; width: 100%; float: left; margin-top: 4px; } .admin-who-check input.custom-radio + label span{ margin-top: 5px; } .input-blocks.home-input { width: 80px; margin-left: 20px; } .input-blocks.home-input input{ width: 80px; } .input-blocks.street-input {margin-left: 20px} .input-blocks.hide-mail-check {height: 15px; margin-top: 30px;} .input-blocks.hide-mail-check input.custom-check + label{ color: #b7b7b7; font-weight: normal; } .input-blocks.hide-mail-check input.custom-check:checked + label { color: #b7b7b7; border-bottom: none; } .input-blocks.hide-mail-check input.custom-check + label span { margin-left: 20px; margin-top: 5px; } .custom-input-2[disabled="disabled"] {background: #f1f1f1} .weight-normal {width: 100%} .weight-normal label {font-weight: normal} .admin-mfp-help { font-size: 13px; color: #b7b7b7; float: left; margin-left: 19px; line-height: 18px; margin-top: 31px; } .admin-fix-mfp {float: left} .admin-fix-mfp .admin-who-check {width: auto; float: none; max-width: 240px} .admin-avatar .admin-avatar-pattern-wr{ width: 180px; float: left; } .admin-avatar .admin-avatar-pattern{ width: 180px; height: 180px; float: left; background: #f1f1f1 url("/images/avatar-bg.png") 50% 50% no-repeat; } .admin-avatar .admin-avatar-pattern img{ width: 100% !important; height: 100% !important; } .admin-avatar .tst{ width: 100%; height: 180px; float: left; } .file-help-1 { width: 520px; float: right; height: 180px; } .file-help-1 div { width: 520px; height: 180px; font-size: 13px; color: #b7b7b7; display: table-cell; vertical-align: middle; line-height: 16px; } .admin-avatar .btn{ background: #fff; color: #0072bc; height: 29px; border: 1px solid #0072bc; padding: 0; width: 160px; line-height: 29px; font-size: 13px; text-align: center; margin-left: 10px; margin-top: 15px; float: left; } .admin-avatar .btn:hover {background: #0072bc;color: #fff;transition: 0.2s;} .admin-avatar .btn:focus {background: #00568e;transition: 0s;} .admin-avatar #image_buttons_block { position: absolute; height: 29px; float: left; top: 220px; left: 170px; } .admin-avatar #image_buttons_block .btn {margin-top: 0} .admin-avatar .admin-ava-wr { background: #fff; width: 180px; height: 180px; display: table-cell; vertical-align: middle; text-align: center;} .admin-pattern .file-help-1 {display: none} .admin-avatar.admin-pattern .admin-avatar-pattern-wr {width: 100%} .admin-avatar.admin-pattern .admin-avatar-pattern { background: #f1f1f1; width: 100%; min-height: 180px; } .admin-avatar.admin-pattern .admin-ava-wr { width: 100%; height: 100%; } .admin-avatar.admin-pattern .admin-avatar-pattern{height: auto; min-height: 88px} .admin-avatar.admin-pattern .tst {height: auto; min-height: 88px} .admin-avatar.admin-pattern .admin-avatar-pattern img { height:auto !important; max-width: 720px; } .admin-avatar.admin-pattern .admin-avatar-pattern {position: relative} .admin-avatar.admin-pattern #poster_buttons_block { height: 29px; position: absolute; bottom: -44px; left: 169px; } .admin-avatar.admin-pattern #poster_buttons_block .btn {margin-top: 0} .admin-avatar .gen-admin-title {font-size: 13px; font-weight: 700; margin-bottom: 10px} .input-blocks-wrapper.admin-avatar{margin-top: 26px} .input-blocks-wrapper.admin-avatar.admin-pattern{margin-top: 19px} .hidden-input-admin-general .input-blocks-wrapper:first-child{margin-top: 11px} .form_for_company .hidden-input-admin-general{display: none} .admin-save-btn { width: 100%; height: 29px; text-align: center; margin-bottom: 50px; } .admin-save-btn button { width: 160px; height: 29px; color: #fff; background: #0072bc; border: 1px solid #0072bc; font-size: 13px; line-height: 29px; margin-top: 0 !important; float: none; outline: none; border-radius: 4px; } .admin-save-btn button:hover{ background: #fff; color: #0072bc; transition: 0.2s; } .admin-save-btn button:focus{background: #00568e;color: #fff;} /*select-new*/ .select2-container--krajee .select2-selection--single { height: 29px; border-radius: 0; padding: 0 0 0 8px; line-height: 29px; } .select2-container--krajee .select2-selection--single .select2-selection__arrow { height: 27px; width: 25px; background: url("/images/sets-ico/select-arrow.jpg") no-repeat !important; border-left: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow{ background: url("/images/sets-ico/select-arrow-up.png") no-repeat !important;} .select2-container--krajee .select2-selection--single .select2-selection__arrow b, .select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b{display: none} .select2-container--krajee {margin-top: 5px} .select2-container--krajee .select2-selection--single .select2-selection__rendered {height: 27px} .select2-container--krajee li.select2-results__option { background: #0072bc; color: #fff; font-size: 13px; } .select2-selection__rendered{padding-right: 23px; box-sizing: border-box} .select2-container--krajee .select2-search--dropdown .select2-search__field {border-radius: 0} .select2-container--krajee .select2-dropdown {margin-top: -6px} .has-success.select2-container--krajee .select2-dropdown, .has-success .select2-container--krajee .select2-selection, .select2-container--krajee .select2-dropdown { border-color: #dcdcdc; } .select2-container--krajee .select2-search--dropdown .select2-search__field { border: 1px solid #dcdcdc; height: 29px; } .select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-selection:focus { border-color: #dcdcdc; box-shadow: 1px 2px 2px 0px rgba(215, 215, 215, 0.75) inset; transition: 0.1s; } .has-success .select2-container--open .select2-selection, .has-success .select2-container--krajee.select2-container--focus .select2-selection { border-color: #dcdcdc; box-shadow: none; } .select2-container .select2-selection--single .select2-selection__clear{margin-top: 3px;margin-right: 0} .select2-results__option.select2-results__message {padding-right: 0 !important;} .select2-selection__rendered {margin-right: 30px} /*end-select-new*/ .fix-marg {margin-top: 17px} .conacts-admin { font-size: 13px; margin-top: 11px; color: #b7b7b7} .header-cabinet-profile.not-login { margin-top: -3px; } .header-cabinet-profile.not-login > div {width: 116px; float: right} .admin-avatar .file-uploader-block {width: 180px; float: left} .admin-pattern.admin-avatar .file-uploader-block {width: 100%} .file-help-1 {width: 520px; float: right;height: 130px}