@import "/css/schema.php"; .clearfix() { &:before, &:after { content: " "; display: table; } &:after { clear: both; } } @font-face { font-family: 'EuropeC'; src: url('/fonts/europec-webfont.eot'); src: local('☺'), url('/fonts/europec-webfont.woff') format('woff'), url('/fonts/europec-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TrebuchetMS'; src: url('/fonts/trebuc.eot'); src: local('☺'), url('/fonts/trebuc.woff') format('woff'), url('/fonts/trebuc.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*@font-face { font-family: 'Tahoma'; src: url('/fonts/Tahoma.eot'); src: local('☺'), url('/fonts/Tahoma.woff') format('woff'), url('/fonts/Tahoma.ttf') format('truetype'), url('/fonts/Tahoma.svg') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'StoryB'; src: url('/fonts/story_b-webfont.eot'); src: url('/fonts/story_b-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/story_b-webfont.woff') format('woff'), url('/fonts/story_b-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Story'; src: url('/fonts/story-webfont.eot'); src: url('/fonts/story-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/story-webfont.woff') format('woff'), url('/fonts/story-webfont.ttf') format('truetype'), url('/fonts/story-webfont.svg#storyregular') format('svg'); font-weight: normal; font-style: normal; } /* Initialize global CSS rules */ * { margin:0; padding:0; outline:0; border:0px; } img { border:none; } table { border-collapse:collapse; } ul { list-style-position:outside!important; margin-left:12px; } html { //overflow-x:scroll; //overflow-y:scroll; } body { //overflow-x:scroll .full; background:#fff; font:normal 13px Trebuchet MS; background:url('/images/bg.jpg'); padding-top: 180px; } .container { position:relative; width: 1000px; margin: 0 auto; } a { text-decoration:none; color:@p-a-color; transition:color .2s ease-in;} a:hover {transition:color .2s ease-in;} /* Extensions LESS */ .full { width:100%; height:100%; } .absolute { display:block; position:absolute; } .position ( @t:0px, @l:0px ) { top:@t; left:@l; } .margin ( @m:0px ) { margin:@m; } .padding ( @p:0px ) { padding:@p; }; .opacity ( @o:0 ) { opacity:@o/100; filter:alpha(opacity=@o); } .Tahoma { font-family:Tahoma; } .Tahomab { font-family:Tahoma; font-weight:bold; } .europec { font-family:EuropeC; } // Crossbrowsers rules .box-shadow ( @s, @c ) when ( iscolor(@c) ) { box-shadow: 0px 0px @s 0px @c; -webkit-box-shadow: 0px 0px @s 0px @c; -moz-box-shadow: 0px 0px @s 0px @c; -ms-box-shadow: 0px 0px @s 0px @c; } .gradient ( @f, @t, @cf, @ct ) { background-color: #cf; background-image: -webkit-gradient(linear, @f, @t, from(@cf), to(@ct)); background-image: -webkit-linear-gradient(@f, @cf, @ct); background-image: -moz-linear-gradient(@f, @cf, @ct); background-image: -o-linear-gradient(@f, @cf, @ct); background-image: linear-gradient(to @t, @cf, @ct); } .transform ( @t ) { -webkit-transform:@t; -moz-transform:@t; -o-transform:@t; -ms-transform:@t; transform:@t; } .transition ( @t, @p:all, @e:ease-in-out ) { -webkit-transition: @p @t @e; -moz-transition: @p @t @e; -o-transition: @p @t @e; transition: @p @t @e; } .border-radius ( @r ) { -webkit-border-radius:@r; border-radius:@r; background-clip:padding-box; } .last { margin-right:0px!important; } .dotted { border-bottom:@p-a-color 1px dashed!important; } @p-block-bgcolor:#e7e7e7; /*@p-block-date-color:@p-block-date-color; @p-block-border-color:#4987a4; @p-a-color:@p-a-color;*/ /* Main styles */ h1, .modalHeader { .europec; font-size:44px; color:#262626; text-align:center; font-weight:normal; line-height:45px; .margin(10px 0px 40px 0px); } .modalHeader { white-space:nowrap; } h2 { .europec; font-size:24px; color:#262626; font-weight:normal; margin-bottom:15px; } ul { list-style-position:inside; li { .margin(10px 0px 10px 6px); } } /* modal */ #overlay { display:none; position:fixed; top:0px; width:100%; height:100%; background-color:@p-a-color; .opacity(80); z-index:10000; } #modalFeedback { display:none; position:absolute; width:500px; top:15px; padding: 35px 65px 65px 65px; background-color:#fff; left:50%; margin-left:-315px; z-index:10001; .modalClose { .absolute; right:-70px; top:1px; .opacity(80); .transition(0.2s); cursor:pointer; &:hover { .opacity(100); } } .i_text, .i_textarea { display:block; width:440px; background-color:#e7e7e7; .europec; color:#555555; font-size:24px; margin-bottom:2px; .transition(0.3s); &:focus { background-color:#c2c2c2; color:#fff; } } .i_text { height:69px; .padding; .padding(0px 30px); &.small { float:left; width:143px; line-height:69px; } } .i_textarea { height:148px; .padding(15px 30px); line-height:24px; } .i_button { display:block; width:294px; margin-top:30px; height:67px; cursor:pointer; border:1px solid #bcb9be; background-color:#e7e7e7; float:right; text-align:center; text-transform:uppercase; color:#262626; .europec; font-size:24px; } #captcha { float:right; margin-bottom:2px; } } #banner_film { position:absolute; left:50%; margin-left:-32px; /*.opacity(0);*/ top:50%; margin-top:-32px; width:64px; height:64px; cursor:pointer; background-color:@p-a-color; background-image:url('/images/play.png'); background-repeat:no-repeat; background-position:50% 50%; } #head { position:fixed; top:0px; z-index:90; width:100%; background-repeat:repeat-x; background-position:50% 0%; #head_menu { position:relative; height:51px; .margin(0px 50px); text-align:center; a { text-transform:uppercase; .Tahoma; color:#fff; line-height:51px; .padding(0px 0px 0px 25px); &.current { color:@p-block-date-color; } } } #head_container { position:relative; height:130px; .margin(0px 50px); .transition(0.05s); background:repeat-x 0% 0% url('/images/separator_h.png'); .lang { .absolute; .position(42px,0px); font:normal 20px Impact; color:#fff; .opacity(70); text-transform:uppercase; .transition(0.1s); cursor:pointer; &:hover { .opacity(100); } } #search { .absolute; .position(44px,43px); width:20px; height:20px; .transition(0.1s); img { .opacity(70); .transition(0.2s); } &:hover { img { .opacity(100); } } } #i_feedback { .absolute; .position(44px,86px); width:20px; height:20px; .transition(0.1s); cursor:pointer; img { .opacity(70); .transition(0.2s); } &:hover { img { .opacity(100); } } } .site_name { .absolute; width:470px; height:90px; .position(20px,160px); .transition(0.1s); .site_logo { .absolute; .position; width:90px; height:90px; background-repeat:no-repeat; /*.opacity(60);*/ .transition(0.1s); background-image:url("/images/logo.png"); } .site_title { .absolute; .position(24px,110px); font-family:Storyb; font-size:20px; line-height:22px; color:#fff; .transition(0.1s); } &:hover { .site_logo { .opacity(100); } } } #gold_site { .absolute; .position(20px,736px); width:145px; height:51px; padding-top:25px; background:no-repeat 50% 0% url('/images/gold_site.png'); color:#fff; font-size:12px; line-height:14px; text-transform:uppercase; text-align:center; .opacity(70); .transition(0.1s); &:hover { .opacity(100); } } #application_link { .absolute; .position(42px,740px); width:118px; height:46px; padding-left:60px; .opacity(60); background:no-repeat 0% 50% url('/images/application.png'); .transition(0.1s); .application_title { color:#fff; font-size:13px; text-transform:uppercase; margin-top:1px; .Tahoma; .transition(0.1s); line-height:15px; } &:hover { .opacity(100); } } &.little { //height:65px; height:0px; .lang { .position(-38px,0px); } #search { .position(-34px,43px); } #i_feedback { .position(-34px,86px); } #gold_site { .opacity(0); .position(-100px,736px); } .site_name { /*.position(20px,160px); width:600px; .site_logo { .opacity(0); top:-100px; } .site_title { .position(); }*/ .position(-140px,160px);.opacity(0); } #application_link { .position(-49px,844px); .transform(scale(0.665)); .application_title { .opacity(0); } } } } } #section_cover { z-index: 12; position:relative; width:100%; min-height:300px; overflow:hidden; #cover { .absolute; .opacity(0); } #side_menu { position:relative; .position; float:left; left:0px; /*width:0px;*/ min-height:270px; .padding(15px 0px); height:100%; background-color:@p-opacity-color; .opacity(0); .side_menu_first { /*position:relative;*/ height:30px; float:left; clear:both; line-height:30px; white-space:nowrap; .opacity(0); .side_menu_a_first { display:block; position:relative; color:#fff; .padding(0px 25px); .Tahoma; text-transform:uppercase; line-height:30px; .transition(0.3s); } .arrow_triangle { .absolute; visibility:hidden; margin-top:-30px; right:-30px; width:0px; height:0px; border-color: transparent transparent transparent transparent; border-style:solid; border-width:15px; border-left-color:@p-block-border-color; .opacity(0); .transition(0.3s); } .side_menu_second { position:absolute; visibility:hidden; /*top:-15px;*/ top:30px; left:100%; margin-left:25px; /*width:460px;*/ .opacity(0); background-color:@p-opacity-color; .padding(15px 0px); .transition(0.3s); .side_menu_a_second { display:block; position:relative; /*width:400px;*/ background-color:rgba(41,114,148,0); color:#fff; .padding(5px 25px); .Tahoma; text-transform:uppercase; line-height:20px; .transition(0.3s); &:hover { background-color:@p-block-border-color; } } } &.active { .side_menu_a_first { background-color:@p-block-border-color; } .arrow_triangle { visibility:visible; .opacity(100); } .side_menu_second { visibility:visible; .opacity(100); } } } } } #content { #content_table { text-align: justify; p a:hover { text-decoration:underline; color:darken(@p-a-color, 5%);} position:relative; width: 900px; .margin(0px 50px); color: #555555; z-index:13; table { color:inherit; } .header_button_container { position:relative; width:900px; float:left; clear:both; height:50px; text-align:center; .header_button { /*display:block;*/ position:relative; height:50px; padding:0px 10px; .europec; font-size:33px; line-height:50px; background:@p-a-color; color:#fff; text-transform:uppercase; text-align:center; .header_button_signature { position:absolute; top:0px; left:100%; margin-left:10px; color:#444; white-space:nowrap; text-transform:lowercase; font-size:25px; line-height:50px; } } } .block_header, .header { height:45px; float:left; color:#252525; .margin(40px 0px); .europec; font-size:45px; line-height:45px; } .block_header { width:900px; text-align:center; } p { color:#555555; .margin(5px 0px 15px 0px); text-align: justify } #sub_sections { text-align:center; .Tahoma; font-size:24px; text-transform:uppercase; line-height:30px; margin-bottom:40px; a { .margin(0px 40px); .padding(0px 6px); border-bottom:1px dashed @p-a-color; &.current { color:#555555; border-bottom-color:#555555; } &:hover {} } } #crumbs { position:relative; margin-bottom:10px; color:#b0b1b2; a { color: #b0b1b2; .transition(0.3s); &:hover { color:@p-a-color; } } } #filters { position:relative; float:right; right:50%; height:40px; margin-bottom:40px; #filter { position:relative; float:right; left:50%; height:40px; white-space:nowrap; .filter { display:block; float:left; width:120px; height:38px; text-align:center; border:1px solid #bcb8bd; margin-right:10px; margin-bottom:10px; background-color:#e8e8e8; color:#262626; .Tahoma; font-size:14px; line-height:38px; cursor:pointer; .transition(0.3s); &:hover { background-color:@p-a-color; color:#e8e8e8; } &.current { background-color:#555555; color:#e8e8e8; } } } &.in_line { position:relative; float:left; width:100%; left:0%; height:auto; margin-bottom:40px; #filter { position:relative; float:left; left:0%; width:100%; height:auto; white-space:normal; text-align:center; .filter { display:inline; width:auto; padding:10px 20px; float:none; white-space:nowrap; line-height:56px!important; } } } } .clear { width:100%; height:0px; clear:both; } #pagination { position:relative; float:right; right:50%; /*height:40px;*/ margin-top:40px; .pagination { position:relative; float:right; left:50%; /*height:40px;*/ .arr, .page { display:block; float:left; .margin(5px); height:38px; border:1px solid #bcb8bd; color:#555; background-color:#e8e8e8; cursor:pointer; .transition(0.3s); text-align:center; line-height:38px; &:hover { background-color:@p-a-color; color:#e8e8e8; } &.current { background-color:#555555; color:#e8e8e8; } } .arr { width:138px; } .page { width:38px; } } } .block { display:block; position:relative; height:375px; float:left; overflow:hidden; .margin(40px 40px 0px 0px); background-color:@p-block-bgcolor; .block_cover { background-color:#fff; position:relative; overflow:hidden; img { .transition(0.2s); } } .block_title { .Tahoma; font-size:13px; text-transform:uppercase; color:#000; width:220px; .padding(15px 20px 0px 20px); .transition(0.2s); text-align: left; } .block_text { .padding(10px 20px 0px 20px); font-size:13px; color:#555; text-align: left; } .block_date { position:absolute; color:@p-block-date-color; .Tahoma; font-size:13px; height:30px; line-height:30px; text-transform:uppercase; } .polygon { position:absolute; background:@p-a-color; z-index:10; .transform(rotate(-25.5deg)); } &:hover { .block_title { color:@p-a-color; } .block_cover { img { .opacity(50); .transform(scale(1.2)); } } } &.new { width:273px; &.inner { height:225px; .margin(0px 35px 15px 0px); } .block_cover { width:273px; height:225px; .block_date { bottom:0px; right:0px; z-index:11; .padding(0px 8px); } .polygon { bottom:-36px; right:-22px; width:150px; height:70px; } } &.no_photo { .block_cover { img { margin-top:62px; margin-left:86px; } } } } &.clause { width:273px; .block_date { bottom:0px; right:0px; z-index:11; .padding(0px 8px); } .polygon { bottom:-36px; right:-22px; width:150px; height:70px; } } &.event { width:587px; &.inner { height:225px; .margin(0px 0px 40px 0px); .block_date { top:180px; z-index:14; } .polygon { top:209px; z-index:13; .transform(rotate(25.5deg)); } } .block_cover { width:587px; height:225px; background-color:@p-block-bgcolor; z-index:12; } .block_date { top:225px; left:0px; width:117px; z-index:11; height:45px; line-height:45px; .padding(0px 0px 0px 20px); background:@p-a-color; } .polygon { top:171px; left:115px; width:150px; height:70px; } .block_title { margin-top:45px; } .block_text { position:absolute; top:225px; left:270px; width:277px; } &.centered { margin-left:156px; } } &.review { width:273px; background:@p-a-color; .review_title { color:#fff!important; font-style:italic; .margin(40px 20px 20px 20px); .padding(0px 20px 0px 19px); border-left:1px solid @p-block-border-color; } .review_signature { .absolute; bottom:20px; color:@p-block-date-color!important; .margin(20px 40px); } } &.presentation { width:587px; .block_cover { position:absolute; width:545px; height:335px; z-index:11; .margin(20px); } .block_date { position:absolute; width:225px; height:auto; bottom:60px; left:20px; z-index:12; .padding(15px 20px); background:@p-a-color; line-height:18px; } } &.herald { width:273px; .block_cover { width:273px; height:375px; } } &.map { width:900px; } &.worker { img { position:relative; width:273px; height:375px; } .worker_info { position:absolute; width:233px; height:auto; .padding(12px 20px); bottom:-42px; left:0px; background-color:@p-block-bgcolor; background-color:rgba(231,231,231,0.8); overflow:hidden; .transition(0.3s); color:#262626; line-height:13px; .worker_status, .worker_name, .worker_phone { margin-bottom:5px; } .worker_status { font-style:italic; height:40px; } .worker_name { font-weight:bold; margin-bottom:8px; } .worker_phone {} .worker_mail { color:@p-a-color; } } &:hover { .worker_info { background-color:rgba(231,231,231,1); bottom:0px; } } } &.video { width:425px; margin-right:50px; background-color:transparent; .video_title { .Tahoma; color:#000000; text-transform:uppercase; .margin(20px 0px 10px 0px); } .video_text { } } &.partners_rubric { height:293px; .transition(0.3s); cursor:pointer; overflow:visible; .arrow_triangle { .absolute; visibility:hidden; .position(293px,0px); width:0px; height:0px; border-color: transparent transparent transparent transparent; border-style:solid; border-width:20px; border-left-width:133px; border-right-width:133px; border-top-color:#E7E7E7; .opacity(0); .transition(0.3s); } &.opened { background-color:#ffffff; .arrow_triangle { border-top-color:#fff; visibility:visible; .opacity(100); } } .investproject { display:none; } } } .herald_container { width:100%; position:relative; height:100px; .opacity(0); .transition(0.3s); .herald_pages { position:absolute; top:0px; visibility:hidden; .opacity(0); width:900px; .transition(0.3s); &.active { visibility:visible; .opacity(100); } a { display:block; float:left; position:relative; overflow:hidden; .box-shadow(10px,#000000); } } .herald_arrow { position:absolute; visibility:hidden; .opacity(0); top:0px; width:24px; cursor:pointer; background-color:silver; background-color:rgba(0,0,0,0.25); background-repeat:no-repeat; .transition(0.3s); &.active { visibility:visible; .opacity(100); } &:hover { background-color:rgba(0,30,60,0.5); } &.left { left:-24px; border-radius:8px 0px 0px 8px; background-image:url('/images/heralds_left.png'); background-position:40% 50%; } &.right { left:900px; border-radius:0px 8px 8px 0px; background-image:url('/images/heralds_right.png'); background-position:60% 50%; } } } .partners { float:left; display:none; padding-top:40px; } .project { display:block; position:relative; width:900px; height:475px; float:left; background:@p-block-bgcolor; margin-bottom:50px; .project_text { .absolute; .position(50px,50px); width:350px; color:#555; text-align:center; p { text-align:left; } img { clear:both; margin-bottom:50px; } } .project_photo { .absolute; .position(0px,450px); } } .service { position:relative; float:left; clear:both; width:900px; margin-bottom:2px; cursor:pointer; .service_number { float:left; background:#c2c2c2; width:98px; height:98px; .europec; font-size:60px; line-height:98px; text-align:center; color:@p-block-bgcolor; } .service_cat { .absolute; .position; .opacity(0); width:98px; height:98px; z-index:11; .transition(0.3s, opacity); background-color:#000; background-image:url('/images/cat_plus.png'); background-position:50% 50%; background-repeat:no-repeat; } .service_title { float:left; background:@p-block-bgcolor; width:802px; height:98px; .europec; font-size:24px; color:#555; line-height:26px; .transition(0.3s); } .service_content { position:relative; float:left; display:none; width:900px; overflow:hidden; .margin(0px 0px 0px 0px); height:0px; .opacity(0); .transition(0.3s); .service_image { position:relative; z-index:10; } .service_text { position:absolute; bottom:70px; left:50%; margin-left:-240px; border-left:3px solid @p-a-color; z-index:11; background-color:#ffffff; width:480px; .padding(20px); .Tahoma; color:#555555; } } &:hover { .service_cat { .opacity(100); } .service_title { background-color:@p-a-color; color:#fff; } } &.open { .service_cat { background-image:url('/images/cat_minus.png'); } .service_content { display:block; height:300px; .opacity(100); } } &.cat { display:none; } } .service_all { position:relative; float:left; width:900px; height:98px; margin-bottom:2px; background:@p-block-bgcolor; .transition(0.3s); cursor:pointer; .europec; font-size:56px; text-indent:40px; line-height:98px; color:#c2c2c2; text-transform:uppercase; &:hover { background-color:@p-a-color; color:#fff; } &:after { .absolute; width:98px; height:98px; text-align:center; content:'>'; .Tahoma; line-height:98px; top:-20px; right:0px; .transform(rotate(90deg) rotateY(0deg)); .transition(0.3s); } &.open { &:after { top:20px; .transform(rotate(90deg) rotateY(180deg)); } } } .photos_container { position:relative; float:left; width:902px; margin-left:0px; margin-top:100px; &.inner { margin-top:0px; } .photos { float:left; } .photo_block { display:block; position:relative; overflow:hidden; .transition(0.2s); img { .transition(0.2s); } &.small, &.big, &.horizontal, &.vertical { position:relative; float:left; .margin(0px 12px 12px 0px); background:@p-block-bgcolor no-repeat 50% 50% url('/images/loading.gif'); img { .opacity(0); } } &.small { width:140px; height:140px; } &.big { width:292px; height:292px; } &.horizontal { width:292px; height:140px; } &.vertical { width:140px; height:292px; } &:hover { .opacity(50); img { .transform(scale(1.2)); } } } } .partner { width: 210px; margin-right: 16px; height: 140px; vertical-align: middle; margin-top: 10px; margin-bottom: 10px; img { //.transition(0.3s); //filter: grayscale(100%); } &:hover { img { //filter: grayscale(0%); } } } #banners { position:relative; float:left; width:900px; height:275px; .margin(80px 0px); .banner { position:relative; float:left; width:266px; height:275px; .margin(0px 50px 0px 0px); } } #add_comment, #add_vote { clear:both; width:268px; height:38px; border:1px solid #bcb9be; background-color:#e7e7e7; text-align:center; color:#555555; cursor:pointer; line-height:38px; } #add_comment { float:left; margin-top:40px; } #comment { display:none; margin-top:40px; width:482px; height:461px; clear:both; float:left; } form { .i_text, .i_textarea { display:block; width:422px; background-color:#e7e7e7; .europec; color:#555555; font-size:24px; margin-bottom:2px; .transition(0.3s); &:focus { background-color:#c2c2c2; color:#fff; } } .i_text { height:69px; .padding; .padding(0px 30px); &.small { float:left; width:125px; line-height:69px; } } .i_textarea { height:220px; .padding(15px 30px); line-height:24px; } .i_button { display:block; width:294px; height:67px; cursor:pointer; border:1px solid #bcb9be; background-color:#e7e7e7; float:right; text-align:center; text-transform:uppercase; color:#262626; .europec; font-size:24px; } #captcha { float:right; margin-bottom:2px; } &.request { .i_text, .i_textarea { width:900px; } #feedback_captcha { width:603px; } } } #comments { width:100%; margin-top:30px; clear:both; .comment { width:100%; position:relative; color:#4d4d4d; background-color:#e7e7e7; margin-bottom:8px; .comment_name, .comment_date { .europec; font-size:24px; line-height:24px; } .comment_name { .padding(22px 27px); } .comment_date { position:absolute; top:22px; right:27px; } .comment_text { .Tahoma; font-size:14px; .padding(0px 50px 30px 50px); } } } .poll { border:1px solid silver; .padding(20px); background-color:#ffffff; margin-top:20px; input { margin-top:5px; } label { margin-left:5px; } .vote_bar { .opacity(0); height:15px; width:150px; margin-left:20px; background:repeat-x 0% 0% url('/images/bar_gray.png'); .bar { width:1px; background-color:@p-a-color; height:15px; background:repeat-x 0% 0% url('/images/bar_blue.png'); } } .vote_info { padding-left:20px; } } #contacts { float:left; clear:both; .contact { font-size:24px; .europec; color:#555555; margin-bottom:30px; } .contact_link { display:block; position:relative; height:101px; .europec; font-size:24px; line-height:101px; color:@p-a-color; text-indent:130px; &:before { display:block; position:absolute; top:0px; content:''; width:101px; height:101px; background:@p-a-color no-repeat 50% 50% url('/images/requisites.png'); border-radius:50px; } } } .cat_it { float:left; position:relative; width:100%; .margin(5px 0px); padding-bottom:13px; .cat_title { height:26px; line-height:26px; float:left; .Tahoma; font-size:20px; margin-bottom:13px; color:@p-a-color; border-bottom:1px dashed @p-a-color; clear:both; text-transform:uppercase; cursor:pointer; .transition(0.3s); } .cat { position:relative; display:none; clear:both; .transition(0.3s); a { display:block; position:relative; .margin(5px 0px); line-height:17px; &:before { display:block; float:left; width:29px; height:17px; margin-right:15px; background-color:@p-a-color; color:#fff; text-align:center; .europec; font-size:12px; line-height:17px; text-transform:uppercase; padding-right:1px; } &[href*="doc"], &[href*="docx"] { &:before { content:'doc'; } } &[href*="xls"], &[href*="xlsx"] { &:before { content:'xls'; } } &[href*="jpg"], &[href*="jpeg"] { &:before { content:'jpg'; } } &[href*="pdf"] { &:before { content:'pdf'; } } } } &.opened { .cat_title { border-color:#262626; color:#262626; } .cat { display:block; } } &.vacance { .cat { padding-left:45px; } } } #investproject { width:100%; .investproject_param { text-align:center; color:#262626; .margin(10px 0px); .investproject_digit { font-size:88px; .europec; font-weight:bold; line-height:88px; } .investproject_label { .Tahoma; text-transform:uppercase; .investproject_units { text-transform:lowercase; } } } } .investproject_park { .europec; display:block; float:left; clear:both; font-size:24px; color:#262626; font-weight:normal; margin-bottom:25px; } .investproject { position:relative; float:left; width:710px; .margin(0px 0px 2px 0px); .padding(20px 40px 20px 150px); background-color:#fff; cursor:pointer; .investproject_cover { .absolute; .position(20px,35px); width:80px; /*height:60px;*/ } .investproject_title { .europec; font-size:24px; color:@p-a-color; } .cat { display:none; a { display:block; .padding(10px 0px); } .investproject_param { display:block; .margin(7px 0px); span { text-transform:uppercase; } p { .margin(0px 0px 0px 20px); } .investproject_photo { display:block; float:left; .margin(0px 32px 32px 0px); } } } &.opened { .investproject_title { color:#262626; } .cat { display:block; } } } .photogallery { display:block; position:relative; float:left; width:900px; height:250px; margin-bottom:50px; overflow:hidden; .photogallery_title { display:block; background-color:@p-a-color; .absolute; bottom:50px; left:0px; color:#fff; text-transform:uppercase; width:226px; height:auto; .Tahoma; .padding(20px); } } #search { display:block; position:relative; float:left; clear:both; width:600px; margin-left:150px; height:66px; input:-moz-placeholder { color:#95b9ca; } input::-webkit-input-placeholder { color:#95b9ca; } #search_query { width:500px; height:66px; .padding(0px 50px); .europec; font-size:30px; line-height:66px; color:#fff; text-transform:uppercase; background-color:@p-a-color; } #search_clear { .absolute; cursor:pointer; width:29px; height:30px; top:18px; right:18px; .opacity(50); z-index:10; background:no-repeat 50% 50% url('/images/lb_c.png'); .transition(0.3s); &:hover { .opacity(100); } } } .search { display:block; width:500px; float:left; clear:both; margin-left:150px; border-bottom:1px solid #cac9cc; .padding(45px 50px); .title { .europec; font-size:34px; color:@p-a-color; line-height:34px; text-align:center; } .text { color:#262626; margin-top:20px; } } } } #footer { position:relative; height:150px; margin-top:80px; margin-bottom:0px; #copyright { .absolute; top:0px; left:50px; width:359px; height:40px; color:#555; &:before { .absolute; top:-1px; left:-15px; content:'©'; font-size:15px; } } #socials { .absolute; bottom:0px; left:50px; width:450px; height:75px; .social { display:block; position:relative; float:left; width:51px; height:51px; margin-right:17px; /* &.facebook { background:no-repeat 0% 0% url('/images/social_facebook.jpg'); } &.twitter { background:no-repeat 0% 0% url('/images/social_twitter.jpg'); } */ } #sign_up { /* .absolute; left:268px; bottom:22px; width:200px; height:39px; .padding(8px 0px 8px 30px); background:no-repeat 0% 50% url('/images/footer_arrow.png'); color:#262626; span { .europec; font-size:15px; text-transform:uppercase; } */ .absolute; left:268px; bottom:20px; width:200px; height:39px; .padding(8px 0px 8px 30px); background:no-repeat 0% 0% url('/img/signupback.png'); color:#262626; } } #grammatica { .absolute; top:0px; right:50px; width:230px; height:40px; padding-right:170px; background-repeat:no-repeat; background-position: 100% 0px; overflow:hidden; .transition(0.3s); text-align:right; color:#555555; #grammatica_fix { .absolute; width:160px; height:80px; top:-40px; right:0px; .opacity(0); .transition(0.3s); } &:hover { color: red; #grammatica_fix { .opacity(100); } } } #metrika { .absolute; bottom:65px; right:50px; } } #share { line-height: 40px; text-align:right; .share { display:block; cursor:pointer; background-color:@p-a-color; float:right; width:40px; height:40px; margin-left:15px; background-position:50% 50%; background-repeat:no-repeat; .transition(0.3s); img { .opacity(75); .transition(0.3s); } &:hover { img { .opacity(100); } &.facebook { background-color:#3b579d; } &.vkontakte { background-color:#25668c; } &.twitter { background-color:#31a7d3; } } } } #share_box { display:none; position:fixed; bottom:0px; left:0px; width:100%; height:50px; background-color:@p-a-color; z-index:50; /*#application_link { .absolute; .position(7px,40px); height:36px; padding-left:44px; background:no-repeat 0% 50% url('/images/application.png'); .transition(0.3s); .Tahoma; text-transform:uppercase; line-height:36px; color:#94b9ca; &:hover { color:#fff; } }*/ .container { position:relative; height:50px; #shares { position:absolute; top:5px; right:50px; height:40px; } } } .test1 { height: 100px; width: 100px; background: @p-opacity-color; } .test2 { height: 100px; width: 100px; background: @p-block-date-color; } .test3 { height: 100px; width: 100px; background: @p-block-border-color; } .test4 { height: 100px; width: 100px; background: @p-a-color; } .socially { //font-family: Storyb; font-family: Trebuchet MS; font-size: 13px; .item { margin-right: 37px; width: 188px; float: left; margin-bottom: 50px; min-height: 30px !important; &:nth-child(4) { margin-right: 0; } .date { background: @p-a-color; width: 168px; text-align: center; color:white; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; } .description { height: 270px; overflow-y: hidden; width: 100%; background: #e7e7e7; padding: 25px; box-sizing: border-box; cursor:pointer; .title { text-transform: uppercase; color:@p-a-color; height: 62px; overflow-y: hidden; } .text { font-family: Trebuchet MS; margin-top:15px; margin-bottom: 9px; color:#555555; height: 51px; overflow-y: hidden; } img { width:138px; height:100px; } } .name { color:#555555; width: 168px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; text-align: center; background: #bbbbbb; display: block; min-height: 30px; height: 30px; &.bcompany { height: 17px !important; min-height: 17px !important; } &.line-height-small { line-height: 26px; } } } } .stitle { font-family: 'EuropeC'; .p1 { font-family: 'EuropeC'; color: #c2c2c2; font-size: 33px; text-transform: uppercase; margin-bottom: 37px; } .p2 { font-family: 'EuropeC'; color:#262626; font-size: 25px; position: relative; top:-4px; } } .need-help { display: inline-block; /* position: relative; top: 37px; left: 152px; */ font-family: EuropeC; transition:all .2s ease-in; display: inline-block; padding: 17px; text-align: center; text-transform: uppercase; font-size: 14px !important; background: #e7e7e7; color: #555555; &:hover, &.active { transition:all .2s ease-in; background: @p-a-color; color:white; } } .actual-projects { display: inline-block; /* position: relative; top: 37px; left: 152px; */ font-family: EuropeC; transition:all .2s ease-in; display: inline-block; padding: 17px; width: 205px; height: 50px; box-sizing: border-box; text-align: center; text-transform: uppercase; font-size: 14px !important; background: url('../img/actual-projects.png') center no-repeat; color: white; &:hover, &.active { transition:all .2s ease-in; color:white; } } .filters { margin-top: 37px; margin-bottom: 37px; margin-left: 80px; .label { font-family: EuropeC; font-size: 25px; color:#262626; margin-right: 40px; } a { font-family: EuropeC; transition:all .2s ease-in; display: inline-block; padding: 17px; text-align: center; text-transform: uppercase; font-size: 14px !important; background: #e7e7e7; color: #555555; &:hover, &.active { transition:all .2s ease-in; background: @p-a-color; color:white; } } } .show-all { transition:all .2s ease-in; display: block; font-size: 56px; font-family: 'EuropeC'; color:#bbbbbb; background: #e7e7e7; text-transform: uppercase; margin-top:0px; padding: 20px; width: 820px; &:hover { transition:all .2s ease-in; background: @p-a-color; color:black; } } textarea:focus, input:focus{ outline: 0; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid transparent; } form.event { width: 526px; margin: auto; label { font-family: Trebuchet MS; overflow: hidden; p { color: @p-a-color !important; font-size: 13px !important; margin-top: 25px !important; margin-bottom: 8px !important; a { text-decoration: underline; } } .select2-container { width: 100%; border-radius: 0; a.select2-choice { border-radius: 0; } } input { height: 50px; } input, textarea { width: 516px; padding-left: 10px; background: #e7e7e7; border: none; font-family: Trebuchet MS; } input { /*line-height: 50px;*/ } textarea { padding-top: 10px; height: 115px; resize: none; /*line-height: 30px;*/ overflow: hidden; } input.date { width: 238px !important; } } button { display: block; height: 50px; padding-left: 80px; padding-right: 80px; background: @p-a-color; margin: auto; margin-top: 25px; color: #e7e7e7; font-family: EuropeC; font-size: 21px; } } div.input-file { width: 61px; height: 28px; background: @input-file-icon; margin-bottom: 10px; input { display: none; opacity: 0; } } div.attach-presentation-icon { width: 61px; height: 32px; opacity: .9; background: @attach-presentation-icon; margin-bottom: 10px; input { display: none; opacity: 0; } } .file-name { list-style: none; margin-left: 0; li { width: 155px; padding-left: 5px; height: 22px; background-color: #e7e7e7; color: #262626; margin: 2px 0 0 0; line-height: 22px; overflow: hidden; } } h1.event { margin: auto; margin-bottom: 35px; margin-top: 40px; color: @p-a-color; text-align: left; width: 526px; font-size: 25px; } .des { width: 100%; margin-left:81px; margin-bottom: 50px; } .des span { color:#262626; font-family: Europec; font-size: 25px; } .des a { font-family: EuropeC; transition: color .2s ease-in; font-size: 25px; color: @p-a-color; &:hover { transition: color .2s ease-in; color: black; } } .addevent { background: @p-a-color; text-align:center; width:188px; height: 335px !important; float: left; margin-right: 37px; margin-bottom: 30px; box-sizing: border-box; .text { margin-top:40px; color:#ffffff; } .smalltext { margin-top:70px; font-family: StoryB; font-size: 13px; color:white; } } .sphotos { transition: all .2s ease-in; width: 158px; height:168px; overflow: hidden; img { transition: all .2s ease-in; width: 158px; height:168px; } } .sphotos:hover img { transition: all .2s ease-in; width: 188px; height:198px; } .ialink { color: @p-a-color; font-family: EuropeC; font-size: 30px; } .ialink2 { transition: all .3s ease-in; display: inline-block; padding: 12px; font-family: EuropeC; font-size: 27px; color: #262626; background: #e7e7e7; text-transform: lowercase; /* margin-left: 20px; */ &:hover { color: #fff;//@p-block-date-color; transition: all .3s ease-in; background: @p-a-color; } } .line { height: 260px; } .uppercase { text-transform: uppercase; } .clip { margin-top:60px; margin-bottom:50px; } .lowercase { text-transform:lowercase; } .socially-popup { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 520px; padding: 50px; display: none; color:#555555; font-family: arial,helvetica,sans-serif !important; font-size: 13px; background: #e7e7e7; z-index: 92989898989898989; text-align: left; .cover { width:138px; height:100px; float:left; margin-right:20px; margin-bottom:20px; } } .socially-popup p, .socially-popup p span { font-family: arial,helvetica,sans-serif !important; font-size: 13px !important; color:#555555 !important; background: #e7e7e7 !important; } .socially-popup p img { margin-top:20px; } .overlay { top:0; position: fixed; width: 1000%; height: 1000%; background: black; opacity: .5; display: none; } .overlay2 { position: absolute; z-index: 92; top:0; left: 0; height: 480px; width: 100%; background: black; opacity: .5; display: none; } .overlay3 { position: absolute; z-index: 103; left: 0; height: 222px; width: 201px; background: black; opacity: 0.0; display: none; } .overlay4 { position: absolute; z-index: 103; bottom: 0px; left: 0; height: 200px; width: 100%; background: black; opacity: 0.5; display: none; } .closebtn { position: absolute; top:0px; right:-35px; cursor: pointer; } .clear { clear: both; } .attach-cover { width:168px; float:left; } .attach-company-logo { width: 100%; } #choose-company { text-decoration: underline; } .attach-photos { height: 140px; overflow-y: auto; overflow-x: hidden; float: left; margin-right: 2em; } .pointer { cursor: pointer; } .filter-cell { width: 500px !important; } .need-help-cell { width: 364px !important; } .company-cover { width:138px !important; height:120px !important; } .company-link { display:none; height:170px !important; } .company-line { height:260px !important; } .company-description { height:170px !important; } .image-list { display:inline-block; float:left; margin-right:20px; margin-bottom:20px; } .is-hidden { display: none; } .help { cursor: help; } .socially-banner { box-sizing: border-box; width: 268px; height: 375px; overflow: hidden; color:white; margin: 40px 0; //position: absolute; .jaw { height: 60px; padding: 16px 40px 20px 40px; background: @p-a-color; font-size: 13px; text-transform: uppercase; text-align: center; line-height: 16px; box-sizing: border-box; } } .add-actual-project-wrapper { width: 100%; text-align: right; margin-top: -30px; margin-bottom: -11px; a { display: inline-block; font-family: EuropeC; transition: all 0.2s ease-in; display: inline-block; text-align: center; text-transform: uppercase; font-size: 14px !important; color: @p-a-color; font-weight: bold; &:hover { color: #555555; } } } .filters-inner { margin-bottom: -40px; } .partnersbutton { background: #297294; text-transform: uppercase; font-family: 'EuropeC'; font-size: 33px; text-align: center; color: white; display: inline-block; padding: 12px; } .partners-link { font-family: EuropeC; font-size: 43px; text-align: center; font-weight: normal; line-height: 45px; margin: 10px 0px 40px 0px; position: relative; top: 35px; left: -12px; text-transform: lowercase; } .partners-link:hover { color:black; } .wrp { width: 99%; text-align: center; margin-top:35px; } .open-form { float: left; margin-left: 12px; } .become-a-partner-form { z-index: 121; position: absolute; top: 10px; bottom: 0; left: 0; right: 0; margin: auto; background: white; width: 654px; height: 1053px; display: none; border: 1px #d2d2d2 solid; .close-btn { transition: color .3s ease-in; position: absolute; right: 20px; top: 20px; cursor: pointer; .fa-close { font-size: 4em; color: @p-a-color; &:hover { transition: color .3s ease-in; color: black; } } } textarea { height: 60px !important; overflow: scroll; } } .overlay-in-partners { z-index: 9; background: black; opacity: .4; position: absolute; width: 100%; height: 1778px; display: none; } .disclaimer { width: 100%; text-align: center; margin-top: 30px; } .subscribe { width: 100%; .agency, .sub { /*width: 50%;*/ width: 100%; float: left; text-align: center; margin-top: 66px; } } .digest-subsribe { * { box-sizing: border-box; } display: none; position: absolute; top: 80px; width: 30%; left: 35%; right: 35%; padding: 35px 65px 65px 65px; z-index: 10001; background: #fff; input { height: 67px; font-size: 16px; display: block; width: 100%; background: #e7e7e7; font-family: EuropeC; color: #555555; font-size: 24px; margin-bottom: 2px; padding-left: 2%; transition: all .3s ease; &:focus { background: #c2c2c2; transition: all .3s ease; } &::-webkit-input-placeholder { color: #555555; } &:focus::-webkit-input-placeholder { color: #c2c2c2; } &::-moz-input-placeholder { color: #555555; } &:focus::-moz-input-placeholder { color: #c2c2c2; } } button { display: block; width: 45%; margin-top: 30px; height: 67px; cursor: pointer; border: 1px solid #bcb9be; background-color: #e7e7e7; float: right; text-align: center; text-transform: uppercase; color: #262626; font-family: EuropeC; font-size: 24px; padding: 0 2% 0 2%; transition: all .3s ease-in; &:hover { transition: all .3s ease-in; color: white; background: @p-a-color; } } figure { line-height: 1.7em; margin-bottom: 40px; font-size: 13px; } .close { opacity: .8; position: absolute; right: -10%; top: 0; cursor: pointer; transition: opacity .3s ease; &:hover { transition: opacity .3s ease; opacity: 1; } } } .animated-banner { position: relative; display: block; height: 240px; width: 100%; clear: both; margin-top: 60px; } .animated-banner .bnr-item { height: 240px; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; opacity: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; position: absolute; top: 0; } .animated-banner .bnr-item.current { opacity: 1; z-index: 100; } #content #content_table .block.worker .worker_info .worker_status { text-align: left; } .bnr2-container { border: 3px solid @p-a-color; padding: 20px 30px; font-family: 'TrebuchetMS'; } .bnr2-container .col1, .bnr2-container .col2 { display: inline-block; } .bnr2-container .row1 .col1 { width: 64%; } .bnr2-container .row1 .col2 { width: 16%; vertical-align: top; float: right; margin-right: 40px; } .bnr2-container .row1 .col2 img { width: 100%; right: -24px; position: relative; } .bnr2-container .row1 .title { font-size: 32px; text-align: left; text-indent: 15px; color: black; font-family: 'TrebuchetMS'; } .bnr2-container .row1 .title:before { display: inline-block; content: ' '; width: 8px; height: 8px; border-radius: 100%; background: @p-a-color; position: relative; top: -6px; left: -10px; color: black; } .bnr2-container .row1 .description { margin-top: 37px; font-size: 28px; text-indent: 11px; text-align: left; color: #212121; font-family: 'EuropeC'; } .bnr2-container .row1 .description:before { display: inline-block; width: 10px; height: 1px; background: black; content: ' '; top: -7px; left: -6px; position: relative; font-family: 'EuropeC'; } .bnr2-container .row2 .col1 { width: 74%; } .bnr2-container .row2 .col1 .ltext .line { width: 68%; height: 1px; display: inline-block; position: relative; top: -9px; background: black; /* padding-right: 10px; */ margin-right: 13px; } .bnr2-container .row2 .col1 .ltext .text { text-transform: uppercase; font-size: 24px; color: black; font-family: 'EuropeC'; font-weight: bold; letter-spacing: 1px; width: 28%; display: inline-block; } .bnr2-container .row2 .col1 .ltext:before { content: ' '; display: inline-block; } .bnr2-container .row2 .col2 { width: 25%; } .bnr2-container .row2 .btn { display: block; background: @p-a-color; padding: 15px 20px; padding-right: 34px; color: black; font-size: 19px; position: relative; top: -3px; } .bnr2-container .row2 .btn img { position: absolute; width: 38px; top: 17px; right: -11px; transform: rotate(-22deg); } /** --------------------- */ .bnr21-container, .bnr21-container * { transition: .3s all; } .bnr21-container { font-family: 'TrebuchetMS'; display: block; width: 100%; } .bnr21-container:hover .col1 { background: @p-a-color; } .bnr21-container:hover .col1 .title, .bnr21-container:hover .col1 .description { color: #fff; } .bnr21-container:hover .col2 { background: #c2c2c2; } .bnr21-container:hover .col2 .title { opacity: 0; } .bnr21-container:hover .col2 .subtitle { color: #fff; font-size: 29px; margin-top: -21px; } .bnr21-container table { width: 100%; } .bnr21-container .col1 { width: 64%; background: #e7e7e7; padding: 30px; box-sizing: border-box; padding-left: 80px; } .bnr21-container .col2 { width: 34%; vertical-align: top; /* float: right; */ /* margin-right: 40px; */ text-align: center; font-size: 20px; /* margin-top: 48px; */ line-height: 35px; box-sizing: border-box; background: @p-a-color; vertical-align: middle; color: #fff; } .bnr21-container .col2 .title { font-size: 30px; font-weight: bold; } .bnr21-container .col2 .btn { text-decoration: none; position: relative; } .bnr21-container .col2 .btn:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: @p-a-color; visibility: hidden; border-radius: 5px; transform: scaleX(0); transition: .25s linear; } .bnr21-container .col2 .btn:hover:before, .bnr21-container .col2 .btn:focus:before { visibility: visible; transform: scaleX(1); } .bnr21-container .col1 .title { font-size: 32px; text-align: left; color: black; font-family: 'TrebuchetMS'; } .bnr21-container .col1 .title:before { content: '✓'; display: inline; position: relative; /* right: 10px; */ margin-right: 10px; top: 3px; } .bnr21-container .description { margin-top: 17px; font-size: 18px; text-align: left; color: #212121; margin-left: 34px; } /* --------------------- */ .bnr22-container { border: 4px solid @p-a-color; font-family: 'TrebuchetMS'; } .bnr22-container .col1 { width: 68%; /* background: #e7e7e7; */ padding: 30px; box-sizing: border-box; display: inline-block; } .bnr22-container .col2 { width: 28%; vertical-align: top; text-align: center; font-size: 20px; line-height: 35px; box-sizing: border-box; color: #000; display: inline-block; margin-top: 80px; } .bnr22-container .col2 .title { font-size: 30px; font-weight: bold; } .bnr22-container .col2 .btn { text-decoration: none; position: relative; } .bnr22-container .col2 .btn:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: @p-a-color; visibility: hidden; border-radius: 5px; transform: scaleX(0); transition: .25s linear; } .bnr22-container .col2 .btn:hover:before, .bnr22-container .col2 .btn:focus:before { visibility: visible; transform: scaleX(1); } .bnr22-container .col1 .title { font-size: 32px; text-align: left; color: black; font-family: 'TrebuchetMS'; } .bnr22-container .col1 .title:after { content: ' '; display: block; margin-top: 16px; width: 100%; /* height: 1px; */ /* background: #af247f; */ border-bottom: 1px dashed @p-a-color; /* border-style: dashed; */ border-width: 1px; } .bnr22-container .description { margin-top: 17px; font-size: 18px; text-align: left; color: #212121; font-family: 'EuropeC'; } .ponews-list-container { } .ponews-list-container .filter { width: initial !important; padding: 0 10px; } .ponews-list-container .new { width: 100% !important; height: auto !important; } .ponews-list-container .new table { width: 100%; } .ponews-list-container .new table .img-container { width: 275px; } .ponews-list-container .new table .content-container { } .ponews-list-container .new table tr td { vertical-align: top; } .ponews-list-container .new .block_title { font-size: 18px !important; width: inherit!important; overflow: visible; } #head_container .soc-links { position: absolute; top: 68px; } #head_container .soc-links .social { display: inline; font: normal 20px Impact; color: #fff; opacity: 0.7; filter: alpha(opacity=80); text-transform: uppercase; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; cursor: pointer; margin-right: 18px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #head_container .soc-links .social:hover { opacity: 1; } #head_container.little .soc-links { display:none; } #content #content_table .partner:nth-child(n+4)::after { content: ' '; display: block; } .partners-container { text-align:center; } .partners-container table tr td { vertical-align: middle; padding: 10px 0; } .partners-container table tr:nth-child(1) td { padding-bottom: 0px; } .partners-container table tr:nth-child(3) td { padding-bottom: 50px; } .partners-container table tr:nth-child(4) td { padding-bottom: 50px; }