/* @import url('https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic&subset=latin,cyrillic'); @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic&subset=latin,cyrillic'); @font_base:'Roboto',sans-serif; @font_cond:'Roboto Condensed',sans-serif; */ @import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700italic,700&subset=latin,cyrillic); @import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,cyrillic); @font_base:'Ubuntu',sans-serif; @font_cond:'Ubuntu Condensed',sans-serif; @color_text:#838383; @color_blue:#173d91; @color_green:#74b030; @color_error:#e03c42; @color_success:#4fad51; @color_white:#ffffff; @color_black:#282828; @path_images_mr:~"/images_mr"; @path_images:~"/images"; .border_radius(@radius:4px){ -webkit-border-radius:@radius; -moz-border-radius:@radius; border-radius:@radius; } *{ font-size:1em; } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins, kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,label,legend,caption{ border:0px; margin:0px; outline:0px; padding:0px; } html,body{ margin:0px; padding:0px; width:100%; height:100%; } html{ overflow-y:scroll; } body{ margin:0; padding:0; font-family:@font_base; font-size:14px; line-height:16px; color:@color_text; min-width:1024px; } a:link,a:visited,a:active{ color:@color_blue; text-decoration:underline; } a:hover{ text-decoration:none; } input[type=submit]{ background:url('@{path_images}/bg_green.png'); height:40px; color:#ffffff; text-transform:uppercase; font-size:14px; border:0px; cursor:pointer; padding:0 20px; } .seo_text,.static_text,article{ p{ margin-bottom:10px; } ul,ol{ margin-left:20px; margin-bottom:10px; } a{ color:@color_text; } } .clear{ clear:both; } .mess_err{ color:@color_error; font-weight:bold; } .mess_ok{ color:@color_success; font-weight:bold; } .wronginput{ border:1px solid @color_error; } .hidden{ display:none; } .static_text{ text-align:justify; } .wrap{ width:930px; margin:0 auto; } h1,.h1{ font-family:@font_cond; font-size:30px; line-height:32px; text-transform:uppercase; margin-bottom:15px; font-weight:normal; color:@color_black; } #modal_bg{ display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:700; background:rgba(0,0,0,0.5); } .modal{ position:absolute; width:270px; padding:20px; z-index:800; display:none; background:#ffffff; border:1px solid @color_text; form{ text-align:center; } .h3{ font-size:24px; line-height:24px; height:24px !important; font-weight:normal; margin-bottom:10px; color:@color_black; font-family:@font_cond; text-align:left; } input[type=text]{ font-size:12px; width:250px; padding:0 10px; height:40px; margin-bottom:5px; } } .modal_close{ width:20px; height:20px; background:url('..@{path_images}/ico_close.png'); cursor:pointer; position:absolute; top:10px; right:10px; } .modal_close_small{ width:10px; height:10px; background:url('..@{path_images}/ico_close_10.png'); cursor:pointer; position:absolute; top:10px; right:10px; } header{ height:530px; .header_white{ background:url('@{path_images}/header_white.png') no-repeat bottom right; height:530px; } .header{ background:url('@{path_images}/header_index.jpg') no-repeat top right; height:530px; .top{ width:952px; margin-left:-22px; padding-left:22px; background:url('@{path_images}/top.png') no-repeat top center; #logo{ background:@color_blue; width:270px; height:180px; text-align:center; padding-top:52px; float:left; box-sizing:border-box; } .top_contacts{ float:right; width:218px; height:101px; box-sizing:border-box; background:url('@{path_images}/bg_green.png') no-repeat; padding:15px 25px 10px 10px; text-align:right; .phone_desc{ font-family:@font_cond; text-transform:uppercase; font-size:15px; line-height:15px; color:@color_white; } .phone{ font-family:@font_cond; font-size:30px; line-height:40px; color:@color_white; } a{ font-size:16px; padding-left:35px; color:@color_white; } } .top_social{ float:right; margin-right:10px; margin-top:7px; a{ width:38px; height:38px; display:inline-block; vertical-align:top; margin-left:5px; } .ico_tel{ background:url('@{path_images}/ico_tel.png') no-repeat; } .ico_fb{ background:url('@{path_images}/ico_fb.png') no-repeat; } .ico_yt{ background:url('@{path_images}/ico_yt.png') no-repeat; } } } .slogan_cnt{ margin-top:140px; margin-left:15px; background:url('@{path_images}/ico_slogan.png') no-repeat left top; padding-top:12px; padding-left:40px; .slogan{ background:@color_white; font-family:@font_cond; width:435px; box-sizing:border-box; padding-top:15px; padding-right:30px; font-size:23px; line-height:27px; } } } } .inside{ header,.header_white,.header{ height:213px; } .header{ background:url('@{path_images}/header_inside.jpg') no-repeat 380px 0; } .header_white{ background:none; } #menu{ margin-top:0px; } } #menu{ background:url('@{path_images}/nav_line.png') no-repeat center top; line-height:40px; text-align:center; margin:20px 0px; ul{ background:url('@{path_images}/nav_line.png') no-repeat center bottom; list-style:none; li{ text-transform:uppercase; display:inline-block; vertical-align:top; font-family:@font_cond; a{ font-size:18px; display:inline-block; text-decoration:none; color:@color_black; text-decoration:none; padding:0 10px; &:hover{ background:url('@{path_images}/bg_green.png') center center; color:@color_white; } } } li.active{ a{ background:url('@{path_images}/bg_green.png') center center; color:@color_white; } } } } .bottom_blocks{ padding:30px 0px; margin-bottom:30px; background:url('@{path_images}/nav_line.png') no-repeat center bottom; .bottom_video{ float:left; width:408px; position:relative; .bottom_video_pic{ height:268px; background:url('@{path_images}/main_video3.jpg') no-repeat; } } .bottom_journal{ float:right; width:458px; background:url('@{path_images}/bg_journal.png') no-repeat right top; .journal{ height:315px; box-sizing:border-box; padding-top:20px; position:relative; .journal_title{ font-size:28px; line-height:32px; color:@color_black; font-family:@font_cond; span{ color:@color_green; text-transform:uppeercase; } } .journal_info{ background:@color_white; padding:10px 10px 10px 0; position:absolute; bottom:0; left:0; } } } .bottom_more{ text-align:right; margin-top:15px; font-family:@font_cond; a{ display:inline-block; line-height:42px; font-size:18px; text-transform:uppercase; text-decoration:none; color:@color_white; padding:0 15px; background:url('@{path_images}/bg_green.png') center center; &:hover{ text-decoration:underline; } } } } .news_item_main,.news_item{ margin-bottom:20px; .news_item_main_name,.news_item_name{ font-size:18px; line-height:20px; text-transform:uppercase; font-family:@font_cond; margin-bottom:10px; a{ color:@color_text; text-decoration:none; &:hover{ text-decoration:underline; } } } .news_item_date,.news_item_main_date{ font-size:12px; margin-bottom:5px; } .news_item_photo{ float:left; width:180px; img{ max-width:100%; } a{ display:block; position:relative; height:140px; span.video{ position:absolute; width:72px; height:72px; top:50%; left:50%; margin-left:-36px; margin-top:-36px; z-index:100; background:url('@{path_images}/ico_video.png') no-repeat center center; } } } .news_item_text{ float:right; width:720px; } } #news_main{ padding:0 0px 20px; .news_item_main{ color:@color_text; width:175px; float:left; margin-right:12px; &:nth-child(5n){ margin-right:0px; } .news_item_main_name{ font-size:16px; font-weight:700; a{ color:@color_blue; } } .news_item_photo{ margin-bottom:10px; width:100%; } } } .feedback{ text-align:center; margin-bottom:30px; input[type=text],textarea{ width:500px; margin-bottom:15px; } input[type=text]{ height:40px; padding:0 10px; } textarea{ height:100px; padding:10px; resize:none; } } footer{ #footer_menu{ background:@color_blue; height:64px; box-sizing:border-box; padding-top:20px; text-align:center; ul{ list-style:none; li{ display:inline-block; vertical-align:top; margin:0 7px; text-transform:uppercase; font-size:18px; font-family:@font_cond; a{ color:@color_white; text-decoration:none; display:inline-block; padding-bottom:15px; &:hover{ background:url('@{path_images}/bottom_arr.png') no-repeat bottom center; } } } li.active{ a{ background:url('@{path_images}/bottom_arr.png') no-repeat bottom center; } } } } .footer{ padding-top:20px; padding-bottom:40px; .footer_logo{ background:url('@{path_images}/logo_blue.png') no-repeat; width:209px; height:96px; float:left; } .footer_contacts{ float:left; padding-top:20px; width:200px; margin-left:75px; color:@color_black; .phone_desc{ font-family:@font_cond; text-transform:uppercase; font-size:15px; line-height:15px; } .phone{ font-family:@font_cond; font-size:30px; line-height:35px; } a{ font-size:16px; padding-left:35px; color:@color_black; text-align:right; } } .social{ float:right; text-align:right; padding-top:20px; .social_item{ display:inline-block; } .copy{ padding-top:10px; font-size:12px; } } } } .pages{ color:@color_black; text-align:center; text-transform:uppercase; line-height:30px; margin-bottom:30px; .page_item{ display:inline-block; font-size:22px; text-decoration:none; padding:0 5px; border:1px; color:@color_black; .border_radius(3px); span{ display:inline-block; border:1px; .border_radius(3px); padding:0 5px; background:@color_green; color:@color_white; } } } .index_bn{ width:100%; font-weight:700; table-layout:fixed; td{ text-align:center; vertical-align:top; } a{ text-decoration:none; color:@color_blue; &:hover{ text-decoration:underline; } } img{ width:auto; height:63px; } }