Current Path : /home/bitrix/ext_www/vebeng.yacl.site/ |
Current File : /home/bitrix/ext_www/vebeng.yacl.site/main.css |
@import url(reset.css); @font-face { font-family: 'SolomonSansBlack'; src: url('../fonts/SolomonSansBlack.eot'); src: url('../fonts/SolomonSansBlack.eot') format('embedded-opentype'), url('../fonts/SolomonSansBlack.woff2') format('woff2'), url('../fonts/SolomonSansBlack.woff') format('woff'), url('../fonts/SolomonSansBlack.ttf') format('truetype'), url('../fonts/SolomonSansBlack.svg#SolomonSansBlack') format('svg'); } @font-face { font-family: 'SolomonSansNormal'; src: url('../fonts/SolomonSansNormal.eot'); src: url('../fonts/SolomonSansNormal.eot') format('embedded-opentype'), url('../fonts/SolomonSansNormal.woff2') format('woff2'), url('../fonts/SolomonSansNormal.woff') format('woff'), url('../fonts/SolomonSansNormal.ttf') format('truetype'), url('fonts/SolomonSansNormal.svg#SolomonSansNormal') format('svg'); } @font-face { font-family: 'SolomonSansBold'; src: url('../fonts/SolomonSansBold.eot'); src: url('../fonts/SolomonSansBold.eot') format('embedded-opentype'), url('../fonts/SolomonSansBold.woff2') format('woff2'), url('../fonts/SolomonSansBold.woff') format('woff'), url('../fonts/SolomonSansBold.ttf') format('truetype'), url('../fonts/SolomonSansBold.svg#SolomonSansBold') format('svg'); } @font-face { font-family: 'SolomonSansSemiBold'; src: url('../fonts/SolomonSansSemiBold.eot'); src: url('../fonts/SolomonSansSemiBold.eot') format('embedded-opentype'), url('../fonts/SolomonSansSemiBold.woff2') format('woff2'), url('../fonts/SolomonSansSemiBold.woff') format('woff'), url('../fonts/SolomonSansSemiBold.ttf') format('truetype'), url('fonts/SolomonSansSemiBold.svg#SolomonSansSemiBold') format('svg'); } @font-face { font-family: 'SolomonSansBook'; src: url('../fonts/SolomonSansBook.eot'); src: url('../fonts/SolomonSansBook.eot') format('embedded-opentype'), url('../fonts/SolomonSansBook.woff2') format('woff2'), url('../fonts/SolomonSansBook.woff') format('woff'), url('../fonts/SolomonSansBook.ttf') format('truetype'), url('../fonts/SolomonSansBook.svg#SolomonSansBook') format('svg'); } @font-face { font-family: 'SolomonSansBook'; src: url('../fonts/SolomonSansBook.eot'); src: url('../fonts/SolomonSansBook.eot') format('embedded-opentype'), url('../fonts/SolomonSansBook.woff2') format('woff2'), url('../fonts/SolomonSansBook.woff') format('woff'), url('../fonts/SolomonSansBook.ttf') format('truetype'), url('../fonts/SolomonSansBook.svg#SolomonSansBook') format('svg'); } @font-face { font-family: 'SolomonSansThin'; src: url('../fonts/SolomonSansThin.eot'); src: url('../fonts/SolomonSansThin.eot') format('embedded-opentype'), url('../fonts/SolomonSansThin.woff2') format('woff2'), url('../fonts/SolomonSansThin.woff') format('woff'), url('../fonts/SolomonSansThin.ttf') format('truetype'), url('../fonts/SolomonSansThin.svg#SolomonSansThin') format('svg'); } body{ font: 20px SolomonSansBook; color: #000000; } .wrapper{ position: relative; width: 100%; min-width: 360px; overflow: hidden; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .inSection{ max-width: 1614px; width: calc(100% - 30px); margin: 0 auto; min-width: 330px; } section{ width: 100%; position: relative; z-index: 2; } .clear{ clear: both; } .preload{ display: none; } .center{ text-align: center; } /* Begin desc */ .desc{ position: relative; overflow: hidden; z-index: 221; } .prrv{ } /*.previ{ position: absolute; z-index: 10; background: url(../img/previ.jpg) no-repeat top; background-size: cover; top: -15px; left: -10px; width: calc(100% + 70px); height: calc(100% + 70px); }*/ .desc_bg_1{ } .container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } #player { position: absolute; top: -20px; left: -10px; width: calc(100% + 70px); height: calc(100% + 70px); pointer-events: none; } .desc_bg img{ -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; -webkit-animation-name: example; animation-name: example; -webkit-animation-duration: 10s; animation-duration: 10s; min-height: 100%; min-width: 100%; max-height: 120%; } @-webkit-keyframes example { to {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);} } @keyframes example { to {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);} } .desc_bg{ position: absolute; height: 100%; width: 100%; display: none; } .desc_bg.active{ display: block; } .desc .inSection{ height: auto; padding-bottom: 85px; position: relative; z-index: 222; } .hid_menu{ position: absolute; width: 300px; background:url(../img/hid_menu_bg.jpg) top; background-size: cover; padding: 10px 0; height: calc(100% - 20px); top: 0px; z-index: 222222222; left: -300px; } .hid_menu ul{ position: relative; z-index: 20000; height: 500px; } .top_plashka .hid_menu{ } .hid_menu li{ margin-bottom: 15px; } .hid_menu a{ font: 20px SolomonSansBlack; color: #ffffff; text-transform: uppercase; text-decoration: none; padding-left: 15px; display: block; position: relative; z-index: 32; } .top_plashka .hid_menu.hid_menu_2 a{ color: #000; } .top_plashka .hid_menu li:last-child a{ margin-bottom: 0px; } .top_plashka .logo{ display: flex; margin-right: 20px; width: 317px; align-items: flex-start; } .top_plashka .logo .text_logo{ width: 62.15%; } .top_plashka .logo .text_logo_1{ display: block; } .top_plashka .logo .text_logo_black{ display: none!important; } .top_plashka .logo .anim_gif{ width: 38.85%; } .wrapper{ position: relative; } .top_plashka{ width: 100%; background: url(../img/plls.png) no-repeat center; background-size: cover; z-index: 222; position: absolute; top: 0px; } .pob_page{ padding-top: 130px; box-sizing: border-box; } .top_plashka .inSection{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; align-content: center; height: 130px; padding: 0; } .top_plashka.sticky .inSection{ height: 90px; } .burger_menu{ font: 20px SolomonSansBlack; color: #ffffff; text-transform: uppercase; cursor: pointer; display: none; } .top_plashka .grup{ background: url(../img/grup.gif) no-repeat center; background-size: cover; width: 269px; height: 38px; position: absolute; bottom: -38px; right: 0px; font: 16px SolomonSansNormal; text-align: center; text-decoration: none; color: #fff; line-height: 38px; } .top_plashka .inSection{ position: relative; } .burger_menu_2{ color: #000; } .burger_menu:before{ content: ''; display: inline-block; background: url(../img/burger_menu.png) no-repeat center; background-size: cover; width: 26px; height: 26px; position: relative; top: 3px; margin-right: 10px; } .hid_menu .burger{ background: url(../img/burger_menu.png) no-repeat center; background-size: cover; width: 26px; height: 26px; margin-left: 15px; margin-bottom: 20px; cursor: pointer; } .burger_menu_2:before{ content: ''; display: inline-block; background: url(../img/burger_menu_2.png) no-repeat center; background-size: cover; width: 26px; height: 26px; position: relative; top: 3px; margin-right: 10px; } .nav{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-right: 40px; } .nav a { position: relative; text-decoration: none; } .nav a :hover{ text-decoration: none; } .nav a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #fff; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .nav a:hover::after, .nav a:focus::after { height: 3px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .pob_page .top_plashka .nav a{ color: #000; } .pob_page .top_plashka .nav a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #000; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .pob_page .top_plashka .nav a:hover::after, .pob_page .top_plashka .nav a:focus::after { height: 3px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .nav_2{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top_plashka .nav_2 li{ margin-left: 40px; } .top_plashka .nav_2 li:first-child{ margin-left: 0px; } .top_plashka .nav li{ margin-left: 40px; } .top_plashka .nav li:first-child{ margin-left: 0px; } .top_plashka .nav a{ font: 20px SolomonSansBlack; text-decoration: none; text-transform: uppercase; color: #ffffff; } .lang_sel{ background: url(../img/language_select.png) no-repeat center; width: 53px; height: 31px; font: 16px Verdana; font-weight: bold; color: #fff; text-align: center; line-height: 31px; top: 0px; right: 250px; cursor: pointer; } .lang_sel a{ font: 16px Verdana; font-weight: bold; color: #fff; text-decoration: none; } .lng_ch:hover .hidd{ display: block; } .lang_sel:hover{ background: url(../img/language_select_2.png) no-repeat center; } .lang_sel .hidd{ position: absolute; width: 100%; display: none; background: url(../img/language_select_3.png) no-repeat center; height: 61px; } .lng_ch{ position: relative; } .lang_sel .hidd li{ margin: 0!important; text-align: center; width: 100%; } .plashka_wrap{ background: url(../img/plashka.png) no-repeat center; background-size: cover; width: 754px; height: auto; padding: 40px 130px; margin-left: -130px; padding-top: 40px; margin-top: 415px; } .desc .slider_control{ width: 192px; height: 50px; border: 2px solid #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 35px; } .ser_open input{ background: url(../img/search_plashka2.png) no-repeat center; width: 221px; height: 40px; border: none; padding-left: 20px; padding-right: 50px; font: 20px SolomonSansBold; color: #fff; } .ser_open_2 input{ background: url(../img/search_plashka.png) no-repeat center; color: #000; } body.black .ser_open_2 input{ background: url(../img/search_plashka2.png) no-repeat center!important; color: #fff!important; } .ser_open{ position: relative; display: none; } .glasses a img{ display: none; } .search_lupa{ width: 22px; cursor: pointer; height: 21px; background: url(../img/search_ico.png); } .pob_page .search_lupa{ width: 22px; cursor: pointer; height: 21px; background: url(../img/search_ico2.png)!important; } body.black .pob_page .search_lupa{ background: url(../img/search_ico.png)!important; } .ser_open button img{ display: none!important; } .pob_page .ser_open button img{ display: none!important; } .ser_open button{ display: block; background-color: inherit; border: none; position: absolute; top: 0px; right: 15px; cursor: pointer; width: 22px; height: 100%; background: url(../img/search_ico.png) no-repeat right center; } .pob_page .ser_open button{ background: url(../img/search_ico2.png) no-repeat right center!important; } body.black .pob_page .ser_open button{ background: url(../img/search_ico.png) no-repeat right center!important; } .search_bl{ align-items: flex-start; display: flex; } .desc .slider_control{ position: relative; } .desc .slider_control p{ font: 25px SolomonSansBold; color: #fff; width: 88px; text-align: center; line-height: 50px; } .desc .slider_control .prev{ background: url(../img/prev_ico.png) no-repeat center; background-size: 22px 28px; width: 50px; height: 50px; border-left: 2px solid #fff; cursor: pointer; position: relative; } .desc .slider_control .next{ background: url(../img/next_ico.png) no-repeat center; background-size: 22px 28px; width: 50px; height: 50px; border-left: 2px solid #fff; cursor: pointer; } .desc .desc_title{ max-width: 810px; font: 25px SolomonSansNormal; color: #fff; } .desc .desc_title span{ font: 50px SolomonSansBlack; } .desc .mouse-icon{ border: 3px solid #fff; border-radius: 16px; height: 40px; width: 28px; display: block; z-index: 10; opacity: 0.7; position: absolute; margin: auto; bottom: 30px; left: 0; right: 0; } .desc .mouse-icon .wheel { -webkit-animation-name: drop; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-play-state: running; -webkit-animation-name: drop; animation-name: drop; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-play-state: running; animation-play-state: running; } .desc .mouse-icon .wheel { position: relative; border-radius: 10px; background: #fff; width: 3px; height: 6px; top: 4px; margin-left: auto; margin-right: auto; } .wid_100{ display: none; } @-webkit-keyframes drop { 0% { top: 5px; opacity: 0; } 30% { top: 10px; opacity: 1; } 100% { top: 25px; opacity: 0; } } @keyframes drop { 0% { top: 5px; opacity: 0; } 30% { top: 10px; opacity: 1; } 100% { top: 25px; opacity: 0; } } .pob_page .top_plashka{ } .pob_page{ background: url(../img/about_bg.png) no-repeat top; background-attachment: fixed; background-size: cover; } /* End desc */ /* Begin press_center */ .press_center{ background: url(../img/about_bg.png) no-repeat center; background-size: cover; position: relative; z-index: 200; } .press_center .inSection{ height: auto; padding-bottom: 70px; padding-top: 50px; } .press_center .sect_h{ font: 40px SolomonSansBold; color: #000000; text-transform: uppercase; margin-left: 95px; margin-bottom: 65px; text-decoration: none; display: inline-block; } .press_center .press_wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; } .press_center .press_wrap .img{ overflow: hidden; position: relative; } .press_center .press_wrap img{ display: block; position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-height: none; max-width: none; min-height: 105%; min-width: 105%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .press_center .press_wrap .wrap_1{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 50%; } .press_center .press_wrap .wrap_1 .item{ margin-right: 5.1px; width: calc(50% - 5.1px); height: calc(50% - 2.55px); position: relative; text-decoration: none; } .press_center .press_wrap .wrap_1 .item .mob_anons{ position: absolute; top: 0px; z-index: 2; background-color: #0086cd; font: 16px SolomonSansSemiBold; color: #fff; padding: 10px 15px; width: 100%; box-sizing: border-box; display: none; } .press_center .press_wrap .wrap_1 .item .img{ height: 100%; overflow: hidden; } .press_center .press_wrap .wrap_1 .item .img img{ min-width: 110%; min-height: 110%; } .press_center .press_wrap .wrap_1 .item .under_blue{ position: absolute; width: 110%; min-height: 110%; top: -10%; left: -10%; z-index: 2; background-color: #0086cd; padding: 25px; -webkit-box-shadow: 0px 0px 38px -9px rgba(0,0,0,0.75); box-shadow: 0px 0px 38px -9px rgba(0,0,0,0.75); opacity: 0; visibility: hidden; -webkit-transition: visibility 0s, opacity 0.25s linear; transition: visibility 0s, opacity 0.25s linear; display: flex; flex-wrap: wrap; align-items: flex-start } .press_center .press_wrap .wrap_1 .item:hover .under_blue{ visibility: visible; opacity: 1; } .iHidden .press_center .press_wrap .wrap_1 .item{ height: auto!important; } .iHidden .press_center .press_wrap .wrap_1 .item .mob_anons{ display: none!important; } .iHidden .under_blue{ position: relative!important; left: 0px!important; top: 0px!important; width: calc(100% - 50px)!important; height: calc(100% - 50px); min-height: inherit!important; visibility: visible!important; opacity: 1!important; } .iHidden .under_blue .p-2{ } .iHidden .under_blue .read_more{ } .iHidden .under_blue .mob_anons{ display: none!important; } .iHidden .press_wrap .wrap_1 .img{ display: none!important; } .iHidden .under_blue .news{ display: none!important; } .iHidden .smi_wrap .item .img{ display: none!important; } .iHidden .smi_wrap .item{ height: auto!important; } .iHidden .smi_wrap .item .mob_anons{ display: none!important; } .iHidden .item_w_blue { height: auto!important; } .iHidden .item_w_blue .img{ display: none!important; } .iHidden .item_w_blue .item{ height: auto!important; } .iHidden .item_w_blue .mob_anons{ display: none!important; } .press_center .press_wrap .wrap_1 .item .under_blue .date{ font: 27.83px SolomonSansSemiBold; color: #fff; float: left; } .press_center .press_wrap .wrap_1 .item .under_blue .news{ float: right; font: 18.69px SolomonSansSemiBold; color: #fff; background: url(../img/bord1.png) no-repeat; background-size: 100% 100%; width: 144px; height: 37px; text-align: center; line-height: 37px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; } .press_center .press_wrap .wrap_1 .item .under_blue .p-1{ font: 18.69px SolomonSansSemiBold; color: #fff; text-transform: uppercase; margin-top: 25px; margin-bottom: 25px; } .press_center .press_wrap .wrap_1 .item .under_blue .p-2{ font: 18.69px SolomonSansNormal; color: #fff; margin-bottom: 25px; } .press_center .press_wrap .wrap_1 .item .under_blue .read_more{ font: 15px SolomonSansThin; color: #fff; text-decoration: none; padding-bottom: 6px; position: relative; padding-left: 10px; background: url(../img/read_more_3.png) no-repeat right bottom; display: inline-block; width: auto; height: 16px; padding-right: 25px; margin-top: auto; } .press_center .press_wrap .wrap_1 .item .under_blue .read_more:hover{ background: none; } .press_center .press_wrap .wrap_1 .item .under_blue .read_more:hover:after{ content: none; } .press_center .press_wrap .wrap_1 .item.mrg_bott{ margin-bottom: 5.1px; } .wh{height:100%!important} .ww{width:100%!important} .press_center .press_wrap .big_item{ width: 50%; overflow: hidden; background-color: #0086cd; padding-bottom: 20px; } .press_center .press_wrap .big_item img{ min-width: 100%; } .press_center .more_news{ font: 15px SolomonSansBlack; color: #373968; text-transform: uppercase; padding-bottom: 5px; text-decoration: none; position: relative; background: url(../img/read_more_2.png) no-repeat right bottom; width: auto; height: 16px; text-align: left; padding-left: 8px; display: inline-block; margin: 0 auto; padding-bottom: 7px; margin-top: 60px; padding-right: 25px; } .press_center .more_news:hover{ text-decoration: none; } .press_center .more_news:hover{ background: none; } .press_center .more_news:hover:after{ display: none; } .press_center .press_wrap .big_item{ } .press_center .press_wrap .big_item .vid{ height: 450px; position: relative; margin-bottom: 20px; } .press_center .press_wrap .big_item .vid .poster{ position: absolute; width: 100%; height: 100%; overflow: hidden; cursor: pointer; } .press_center .press_wrap .big_item .vid .poster img{ position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-height: none; max-width: none; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .press_center .press_wrap .big_item .vid iframe{ width: 100%!important; height: 100%; padding: 0; display: block; -o-object-fit: fill;object-fit: fill; } .press_center .press_wrap .big_item .top{ padding: 25px; } .press_center .press_wrap .big_item .top_txt{ float: left; } .press_center .press_wrap .big_item .top_txt .p-1{ font: 27.83px SolomonSansSemiBold; color: #fff; margin-bottom: 25px; text-transform: uppercase; } .press_center .press_wrap .big_item .tp-2{ font: 18.69px SolomonSansSemiBold; color: #fff; text-transform: uppercase; } .press_center .press_wrap .big_item .public{ float: right; font: 18.69px SolomonSansSemiBold; color: #fff; background: url(../img/bord1.png) no-repeat; background-size: 100% 100%; width: 144px; height: 37px; text-align: center; line-height: 37px; -webkit-box-sizing: border-box; box-sizing: border-box; } .press_center .press_wrap .big_item .big_li{ padding: 0 25px; } .press_center .press_wrap .big_item .big_li li{ font: 15px SolomonSansBook; color: #fff; margin-bottom: 20px; } .press_center .press_wrap .big_item .big_more{ margin-left: 25px; font: 15px SolomonSansBook; color: #fff; text-decoration: none; background: url(../img/read_more_1.png) no-repeat right bottom; width: auto; height: 16px; display: inline-block; padding-bottom: 3px; position: relative; padding-left: 10px; padding-bottom: 6px; padding-right: 25px; } .press_center .press_wrap .big_item .big_more:hover{ background: none; } .press_center .press_wrap .big_item .big_more:hover:after{ content: none; } .pob_page2{ background: url(../img/prr.png) no-repeat top; background-attachment: fixed; background-size: 100% auto; } .press_cntr{ background: none; } /* End press_center */ /* Begin services */ .services{ background: url(../img/serv_bg_3.png) no-repeat center; background-size: cover; } .services .inSection{ height: auto; padding-bottom: 90px; padding-top: 50px; } .services .sect_h{ font: 40px SolomonSansBold; color: #fff; text-transform: uppercase; margin-left: 95px; margin-bottom: 65px; text-decoration: none; display: inline-block; } .services .service_wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; } .services .service_wrap .item{ display: block; width: 320px; text-decoration: none; margin-bottom: 60px; } .services .service_wrap .item .img{ height: 149px; background: url(../img/press_img_bg.png) no-repeat center; background-size: cover; width: 249px; text-align: center; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 25px; -webkit-transition: 0.2s; transition: 0.2s; position: relative; } @media (min-width: 1370px) { } .services .service_wrap .item .img img{ display: none!important; } .services .service_wrap .item .img .img_1{ display: block!important; } body.black .services .service_wrap .item .img_1{ display: none!important; } body.black .services .service_wrap .item .img_2{ display: block!important; } .services .service_wrap .item:hover .img{ background: url(../img/press_img_bg2.png) no-repeat center; top: 11px; background-size: cover; } body.black .services .service_wrap .item .img{ background: url(../img/press_img_bg_2.png) no-repeat center; background-size: cover; } body.black .services .service_wrap .item:hover .img{ background: url(../img/press_img_bg2_2.png) no-repeat center; top: 11px; background-size: cover; } .services .service_wrap .item p{ font: 20px SolomonSansBold; text-align: center; color: #fff; text-transform: uppercase; } .services .ps-1{ font: 20px SolomonSansBold; color: #fff; text-align: center; } .services .ps-2{ font: 30px SolomonSansBold; color: #fff; margin-bottom: 35px; margin-top: 35px; } .services .wraps{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .services .wraps .wrap{ margin-right: 30px; margin-left: 20px; } .services .wraps ul li{ font: 20px SolomonSansBold; color: #fff; margin-bottom: 2px; list-style: disc; } /* End services */ /* Begin smi */ .smi{ background: url(../img/smi_bg.jpg) no-repeat center; background-size: cover; position: relative; z-index: 200; } .smi .inSection{ height: auto; padding-bottom: 55px; padding-top: 50px; } .smi .sect_h{ font: 40px SolomonSansBold; color: #000000; text-transform: uppercase; margin-left: 95px; margin-bottom: 65px; } .smi .smi_wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% + 5.1px); flex-wrap: wrap; } .smi .smi_wrap .item{ width: calc(25% - 5.1px); height: 380px; position: relative; margin-bottom: 5.1px; margin-right: 5.1px; text-decoration: none; } .smi .smi_wrap .item .mob_anons{ position: absolute; top: 0px; z-index: 2; background-color: #0086cd; font: 16px SolomonSansSemiBold; color: #fff; padding: 10px 15px; width: 100%; box-sizing: border-box; display: none; } .smi .smi_wrap .item .img{ height: 100%; overflow: hidden; } .smi .smi_wrap .item .img img{ min-height: 101%; min-width: 101%; display: block; margin-top: -1px; } .smi .smi_wrap .item .under_blue{ position: absolute; width: 110%; min-height: 110%; top: -10%; left: -10%; z-index: 2; background-color: #0086cd; padding: 25px; -webkit-box-shadow: 0px 0px 38px -9px rgba(0,0,0,0.75); box-shadow: 0px 0px 38px -9px rgba(0,0,0,0.75); visibility: hidden; opacity: 0; -webkit-transition: visibility 0s, opacity 0.25s linear; transition: visibility 0s, opacity 0.25s linear; display: flex; flex-wrap: wrap; align-items: flex-start; } .smi .smi_wrap .item:hover .under_blue{ visibility: visible; opacity: 1; } .smi .smi_wrap .item .under_blue .date{ font: 27.83px SolomonSansSemiBold; color: #fff; float: left; } .smi .smi_wrap .item .under_blue .news{ float: right; font: 18.69px SolomonSansSemiBold; color: #fff; background: url(../img/bord1.png) no-repeat; background-size: 100% 100%; /*width: auto;*/ width: 144px; height: 37px; text-align: center; line-height: 37px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; } .smi .smi_wrap .item .under_blue .p-1{ font: 18.69px SolomonSansSemiBold; color: #fff; text-transform: uppercase; margin-top: 25px; margin-bottom: 25px; } .smi .smi_wrap .item .under_blue .p-2{ font: 18.69px SolomonSansNormal; color: #fff; margin-bottom: 25px; } .smi .smi_wrap .item .under_blue .read_more{ font: 15px SolomonSansThin; color: #fff; text-decoration: none; padding-bottom: 6px; position: relative; padding-left: 10px; background: url(../img/read_more_3.png) no-repeat right bottom; display: inline-block; padding-right: 25px; width: auto; height: 16px; margin-top: auto; } .smi .smi_wrap .item .under_blue .read_more:hover{ background: none; } .smi .smi_wrap .item .under_blue .read_more:hover:after{ content: none; } .smi .smi_wrap .item.mrg_bott{ margin-bottom: 6px; } /* End services */ /* Begin project */ .project{ background: url(../img/about_bg.png) no-repeat center; background-size: cover; } .project_bg_inherit{ background: none; } .project .inSection{ height: auto; padding-bottom: 55px; padding-top: 50px; } .project.padd_bott_2 .inSection{ padding-bottom: 150px; } .project .sect_h{ font: 40px SolomonSansBold; color: #000000; text-transform: uppercase; margin-left: 95px; margin-bottom: 65px; display: inline-block; text-decoration: none; } .project .project_control{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 24px; } .project .project_control .item{ display: block; font: 20px SolomonSansBlack; color: #000000; text-transform: uppercase; text-decoration: none; line-height: 53px; height: 53px; position: relative; margin-right: 60px; padding: 0 1px; cursor: pointer; } .project .project_control .item.active{ background-color: #0086cd; color: #fff; } .project .project_control .item.active:before{ content: url(../img/project_control_before.png); position: absolute; width: 24px; height: 53px; background-size: cover; left: -24px; top: 0px; } .project .project_control .item.active:after{ content: url(../img/project_control_after.png); width: 24px; height: 53px; background-size: cover; position: absolute; right: -24px; top: px; } .project_content_wrap{ } .project_content_wrap .project_content{ display: none; } .project_content_wrap .project_content.active{ display: block; } .project_content .play_ico{ background: url(../img/play.png) no-repeat center; width: 88px; height: 90px; left: 50%; } .project_carousel .slide{ padding: 0 30px; } .project_carousel .slick-prev{left: -80px;} .project_carousel .slick-next{right: -80px;} @media all and (max-width: 1800px){ .project_carousel .slick-prev{left: -10px;} .project_carousel .slick-next{right: -10px;} } .project_carousel .slide img{ width: 80%; margin: 0 auto; } .project_carousel .slide{ } .project{ max-width: 100%; overflow: hidden; } .project_carousel { margin-bottom: 40px; height: auto; display: relative; margin-top: 50px; } .project_carousel .slick-slide{ box-sizing: border-box; } .project_carousel .btn:hover{ opacity: 0.6; } .project_carousel img { display: hidden; /* hide images until carousel prepares them */ cursor: pointer; /* not needed if you wrap carousel items in links */ } .project_carousel .slick-slide{ padding-top: 50px; width: 590px; } .project_carousel .slick-center { padding-top: 0px; } .project_carousel .slick-center img{ width: 120%; margin-left: -10%; } .project_slide_content{ margin-top: 40px; max-width: 1110px; width: 100%; margin: 0 auto; } .project_slide_content .slide{ margin: 0 auto; display: none; } .project_slide_content .slide.active{ display: block; } .project_slide_content .slide .p-1{ font: 30px SolomonSansNormal; color: #000000; text-align: center; } .project_slide_content .slide .p-2{ font: 20px SolomonSansNormal; color: #000000; margin-top: 20px; } .project_slide_content .read_more{ font: 15px SolomonSansBlack; color: #000; text-transform: uppercase; display: inline-block; margin-top: 30px; padding-bottom: 5px; text-decoration: none; position: relative; padding-left: 10px; float: right; margin-right: 120px; background: url(../img/read_more_4.png) no-repeat right bottom; width: auto; padding-bottom: 8px; height: 16px; padding-right: 25px; } .project_slide_content .read_more:hover{ background: none; } .project_slide_content .read_more:hover:after{ display: none; } .project_bg_inherit .project_slide_content{ display: none!important; } .pob_page_3{ background: url(../img/map_bg.jpg) no-repeat center; background-size: cover; } /* End press_center */ /* Begin footer */ .footer{ background: url(../img/foo_bg.jpg) no-repeat center; background-size: cover; position: relative; z-index: 1; margin-top: auto; } .footer .inSection{ height: auto; padding-bottom: 35px; padding-top: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer .sect_h{ font: 40px SolomonSansBold; color: #fff; text-transform: uppercase; margin-left: 95px; margin-bottom: 36px; } .footer .contacts{ margin: 0 20px; } .footer .contacts li{ font: 25px SolomonSansSemiBold; color: #fff; margin-bottom: 5px; text-decoration: none; } .footer .contacts li a{ color: #fff; font-size: 25px; text-decoration: none; } .footer .contacts li span{ font-family: SolomonSansBook; font-size: 25px; } .footer .comp{ font: 20px SolomonSansNormal; color: #fff; padding-top: 130px; } .footer .wrap{ text-align: right; } .footer .soc_wrap{ float: right; } .soc_group{ color: #fff; text-decoration: none; font: 21.86px SolomonSansNormal; color: #fff; display: none; } .soc_wrap{ display: none; } .soc_wrap p{ font: 21.86px SolomonSansNormal; color: #fff; text-align: right; margin-bottom: 10px; } .soc_wrap .item{ width: 62px; height: 39px; display: inline-block; margin-left: -4px; -webkit-transition: 0.2s; transition: 0.2s; background: url(../img/soc_sprite.png) no-repeat; } .soc_wrap .item:hover{ opacity: 0.6; } .soc_wrap .item_1{ } .soc_wrap .item_2{ background-position: -64px 0; } .soc_wrap .item_3{ background-position: -127px 0; } .soc_wrap .item_4{ background-position: -191px 0; } /* End footer */ /* Begin breadcrumps */ .breadcrumps{ padding: 40px 0 20px 0; } .breadcrumps .inSection li { width: 100%;; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .breadcrumps a{ font: 20px SolomonSansBook; color: #000000; text-decoration: none; } .breadcrumps a:hover{ text-decoration: underline; } .breadcrumps span:after{ content: '/'; margin-left: 7px; margin-right: 3px; } .breadcrumps li span:last-child:after{ content: none; } /* End breadcrumps */ /* Begin content */ .content{ padding-bottom: 50px; position: relative; z-index: 2; } .content.padd_bott_2{ padding-bottom: 90px; } .content.padd_bott_0{ padding-bottom: 0px; } .content.padd_top_0{ padding-top: 0px; } .main_btn{ width: 240px; height: 60px; display: block; font: 24px SolomonSansBold; background-color: #22a0dd; color: #fff; text-align: center; text-decoration: none; line-height: 60px; border-radius: 40px; -webkit-transition: 0.2s; transition: 0.2s; } .main_btn:hover{ background-color: #0874a8; } .content .page_h{ font: 35px SolomonSansBold; color: #000000; margin-bottom: 30px; } /* About */ .content .big_banner{ height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 55px; } /* .content .big_banner:before{ background: url(../img/banner_rec_1.png) no-repeat center; display: inline-block; content: ''; width: 91px; height: 91px; background-size: cover; position: absolute; left: 0px; top: 0px; z-index: 2; } .content .big_banner:after{ background: url(../img/banner_rec_2.png) no-repeat center; display: inline-block; content: ''; width: 91px; height: 91px; background-size: cover; position: absolute; right: 0px; bottom: 0px; z-index: 2; }*/ .content .big_banner .txt{ width: calc(50% - 140px); padding: 60px 50px 60px 90px; background: url(../img/banner_bg.png) no-repeat left top; } .content .big_banner.left_img .txt{ width: calc(50% - 140px); padding: 60px 90px 60px 50px; background: url(../img/banner_bg2.png) no-repeat right bottom; } .content .big_banner .txt .p-1{ font: 30px SolomonSansSemiBold; color: #fff; margin-bottom: 30px; } .content .big_banner .txt .p-2{ font: 20px SolomonSansNormal; color: #fff; margin-bottom: 40px; } .content .big_banner .img{ position: relative; width: 50%; overflow: hidden; } .content .big_banner .img img{ position: absolute; min-width: 100%; min-height: 100%; bottom: 0px; right: 0px; } .content .big_banner.left_img img{ left: 0px; top: 0px; } .content .big_banner.vac{ background: url(../img/vac_border.png) no-repeat center; background-size:100% 100%; } .content .big_banner.vac img{ min-height: inherit; height: calc(100% - 4px); top: 2px; right: 2px; } .content .big_banner.vac .txt{ background: rgba(0,0,0,0)!important; } .content .big_banner.vac .txt .p-1{ color: #000; } .content .big_banner.vac .txt .p-2{ color: #000; } .main_btn_3{ width: 272px; height: 60px; display: block; font: 24px SolomonSansBold; background: url(../img/about_btn.png) no-repeat center; color: #fff; text-align: center; text-decoration: none; line-height: 60px; -webkit-transition: 0.2s; transition: 0.2s; } .main_btn_3:hover{ opacity: 0.8; } .content .anons_wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 55px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .content .anons_wrap .item{ display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .content img{ max-width: 100%; } .content .anons_wrap .item .txt{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(50% - 20px); margin-left: auto; height: 100%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position: relative; } .content .anons_wrap .item .img{ display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; } .content .anons_wrap .item .img img{ margin: auto; max-width: 100%; } .content .anons_wrap .item:first-child{ width: calc(50% - 60px); } .content .anons_wrap .item .p-1{ font: 20px SolomonSansBook; color: #000000; margin-bottom: 10px; } .content .anons_wrap .item .p-2{ font: 15px SolomonSansNormal; color: #000000; } .content .anons_wrap .item:last-child .p-2:first-child{ font-family: SolomonSansBlack; margin-bottom: 40px; } .content .anons_wrap .item .p-3{ font: 30px SolomonSansSemiBold; color: #000000; margin-bottom: 20px; } .main_btn_2{ font: 15px SolomonSansBold; color: #0090d7; text-decoration: none; padding-bottom: 3px; position: relative; background: url(../img/read_more_5.png) no-repeat right bottom; width: auto; height: 16px; display: inline-block; padding-left: 10px; padding-bottom: 6px; padding-right: 25px; } .content .anons_wrap .item .main_btn_2{ margin-bottom: 0px; position: absolute; bottom: 0px; right: 0px; width: 80px; } .main_btn_2:hover{ background: none; } .main_btn_2:hover:after{ content: none; } .vacant_bl{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .vacant_bl .left_vac { margin-left: 85px; width: calc(50% - 85px); } .vacant_bl .left_vac .p-1{ font: 30px SolomonSansBold; color: #000000; margin-bottom: 30px; } .vacant_bl .left_vac .p-2{ font: 25px SolomonSansNormal; color: #000000; margin-bottom: 30px; } .vacant_bl .left_vac .p-3{ font: 20px SolomonSansSemiBold; color: #000000; } .vacant_bl .left_vac li{ font: 20px SolomonSansNormal; color: #000000; } .vacant_bl .left_vac ul{ margin-bottom: 30px; } .right_vac{ width: calc(50% - 94px); padding: 30px 45px; margin-top: 60px; background-color: #fbfafa; } .right_vac .p-1{ font: 25px SolomonSansBold; margin-bottom: 30px; } .right_vac .p-2{ font: 20px SolomonSansNormal; margin-bottom: 30px; } .right_vac table{ width: 100%; max-width: 380px; } .right_vac td{ font: 20px SolomonSansNormal; padding-bottom: 5px; } .ui-loader{ display: none; } .partners_wrap{ margin-bottom: 50px; } .partners_wrap .bl_h{ font: 30px SolomonSansBold; text-align: center; } .partners_wrap .items{ display: flex; justify-content: space-between; margin-top: 35px; } .partners_wrap .items a{ text-align: center; } .partners_wrap .items a img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg#greyscale); /* Firefox 4+ */ filter: gray; /* IE 6-9 */ -webkit-filter: grayscale(1); transition: 0.2s; } .partners_wrap .items a:hover img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0); } .blagodar_wrap{ margin-bottom: 50px; } .blagodar_wrap.marg_bott_0{ margin-bottom: 0px; } .blagodar_wrap .bl_h{ font: 30px SolomonSansBold; text-align: center; } .blagodar_wrap .item{ width: 333px; height: 470px; border: 1px solid #0086cd; display: block; overflow: hidden; position: relative; } .blagodar_wrap .item img{ max-width: 100%; min-width: 100%; max-height: 100%; display: block; } .blagodar_wrap .items{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 35px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blagodar_wrap .item .under_item{ display: block; position: absolute; top: 0px; left: 0px; z-index: 2; width: 100%; height: 100%; background: url(../img/under_it_ico.png) no-repeat center; background-color: rgba(0, 134, 205, 0.4); opacity: 0; -webkit-transition: 0.2s; transition: 0.2s; } .blagodar_wrap .item:hover .under_item{ opacity: 1; } /* About */ /* Projects */ .content .proj_date{ font: 20px SolomonSansBook; color: #000000; margin-bottom: 50px; } .content .cont_p{ font: 20px SolomonSansBook; color: #000000; margin-bottom: 30px; } .content .cont_p a{ text-decoration: none; color: #0086cd; } .content .cont_p a:hover{ text-decoration: underline; } .content .cont_ul{ margin-bottom: 30px; list-style:disc; padding-left: 25px; } .content .cont_ul li{ list-style: inherit; } .content .map_region{ font: 20px SolomonSansSemiBold; color: #000000; position: relative; padding-left: 40px; } .content .map_region:before{ content: url(../img/under_map_label.png); position: absolute; left: 0px; top: -4px; } .content .proj_img{ display: block; margin: 0 auto; max-width: 100%; margin-bottom: 30px; } .content #pres_vid{ display: block; margin: 0 auto; max-width: 70%; margin-bottom: 30px; height: 515px; width: 100%; } .content .uslugi_bl{ margin: 90px auto 0; } .content .uslugi_bl .ulugi_left{ float: left; width: 50%; padding-right: 20px; } .content .uslugi_bl .ulugi_left .p-1{ font: 25px SolomonSansBold; color: #000; } .content .uslugi_bl .ulugi_left .p-2{ font: 20px SolomonSansNormal; color: #373968; margin-bottom: 35px; margin-top: 25px; display: block; text-decoration: none; } .content .uslugi_bl .ulugi_left .p-3{ font: 20px SolomonSansNormal; color: #000; margin-bottom: 50px; margin-top: 25px; } .content .uslugi_bl .ulugi_left .p-3 a{ font-family: SolomonSansSemiBold; color: #000; text-decoration: none; } .content .uslugi_bl .usl_btn{ width: 272px; height: 60px; display: block; font: 24px SolomonSansBold; background: url(../img/about_btn.png) no-repeat center; color: #fff; text-align: center; text-decoration: none; line-height: 60px; -webkit-transition: 0.2s; transition: 0.2s; } .content .uslugi_bl .usl_btn:hover{ opacity: 0.8; } .content .uslugi_bl .ulug_go{ float: right; width: calc(50% - 20px); } .content .uslugi_bl .ulug_go img{ width: 100%; } .project_cont_wrap .content_wrap{ display: none; } .project_cont_wrap .content_wrap.active{ display: block; } .spis_wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 70px; } .spis_wrap::after{ content: ''; width: calc(33% - 10px); } .spis_wrap_filter{ display: flex; position: relative; z-index: 210; margin-top: 65px; } .spis_wrap_filter .item{ display: flex; align-items: center; margin-right: 70px; } .spis_wrap_filter .item p{ font: 20px SolomonSansNormal; color: #000000; margin-right: 17px; } .spis_wrap_filter .item select{ } .spis_wrap_filter .item select option{ } .spis_wrap_filter .item select::-ms-expand { display: none; } .spis_search_btn{ width: 217.6px; height: 48px; display: block; font: 24px SolomonSansBold; background: url(../img/about_btn.png) no-repeat center; background-size: cover; color: #fff; text-align: center; text-decoration: none; line-height: 48px; -webkit-transition: 0.2s; transition: 0.2s; border: none; cursor: pointer; } .spis_search_btn:hover{ opacity: 0.8; } .spis_wrap .item{ display: flex; width: 100%; background-size: cover; text-decoration: none; margin-bottom: 50px; max-width: 1300px; } .spis_wrap .item .img{ -webkit-box-flex: 0; -ms-flex: 0 0 284px; flex: 0 0 284px; } .spis_wrap .item .img img{ width: 100%; } .spis_wrap .item:last-child{ margin-bottom: 0px; } .spis_wrap .item .txt{ margin-left: 30px; } .spis_wrap .item .p-1{ font: 25px SolomonSansNormal; color: #0086cd; line-height: 30px; text-transform: uppercase; margin-bottom: 10px; } body.font_3 .spis_wrap .item .p-1{ font-size: 30px; } body.font_1 .spis_wrap .item .p-1{ font-size: 20px; } .spis_wrap .item .p-2{ font: 20px SolomonSansNormal; color: #000000; margin-bottom: 20px; } .spis_wrap .item .read_more{ font: 15px SolomonSansBold; color: #0090d7; background: url(../img/read_more_5.png) no-repeat right; height: 30px; width: 85px; padding-left: 10px; padding-right: 25px; } .spis_wrap .item .read_more:hover{ background: none; } body.font_3 .spis_wrap .item .read_more{ padding-bottom: 10px; font-size: 18px; } body.font_1 .spis_wrap .item .read_more { font-size: 12px; height: 23px; width: 63px; } .map_control_wrap .item{ font: 25px SolomonSansNormal; color: #000000; text-decoration: none; background: url(../img/map_control.png) no-repeat center; width: 190px; height: 57px; line-height: 57px; display: inline-block; text-align: center; margin-right: 30px; text-transform: uppercase; } .map_control_wrap .item.active{ background: url(../img/map_control_active.png) no-repeat center; color: #fff; } /* Projects */ /* Contacts */ .contacts_wrap{ } .left_contacts{ float: left; width: calc(50% - 20px); } .left_contacts .contact__qr img{ width: 406px; height: 406px; } .left_contacts .page_h{ margin-bottom: 25px; } .left_contacts table{ margin-bottom: 25px; } .left_contacts td{ font: 25px SolomonSansNormal; color: #000000; padding-right: 50px; padding-bottom: 30px; } .left_contacts tr td:last-child{ padding-right: 0px; } .left_contacts td a{ font: 25px SolomonSansNormal; color: #000000; text-decoration: none; } .left_contacts td.top{ vertical-align: top; } .left_contacts tr td:first-child{ font: 30px SolomonSansBold; color: #000; } .right_contacts{ background: url(../img/contacts_form.png) no-repeat center; background-size: 100% 100%; width: 50% ; height: auto; float: right; padding-bottom: 60px; } .right_contacts form{ width: calc(100% - 120px); margin: 0 auto; } .right_contacts .p-1{ font: 21.93px SolomonSansSemiBold; text-align: center; color: #000000; margin-bottom: 55px; padding-top: 60px; } .right_contacts .input_wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .right_contacts .input_wrap input{ height: 65px; border: none; border-radius: 4px; font: 18px SolomonSansSemiBold; width: calc(50% - 50px); padding-left: 30px; margin-bottom: 30px; } .right_contacts .plac_color_1::-webkit-input-placeholder {color:#a5a5a5;} .right_contacts .plac_color_1::-moz-placeholder {color:#a5a5a5;}/* Firefox 19+ */ .right_contacts .plac_color_1:-moz-placeholder {color:#a5a5a5;}/* Firefox 18- */ .right_contacts .plac_color_1t:-ms-input-placeholder {color:#a5a5a5;} .right_contacts textarea{ height: 65px; border: none; border-radius: 4px; font: 18px SolomonSansSemiBold; width: calc(100% - 30px); padding-left: 30px; padding-top: 20px; margin-bottom: 10px; height: 165px; resize: none; } .right_contacts .check_wrap{ text-align: center; } .right_contacts input[type="checkbox"] { display:none; } .right_contacts input[type="checkbox"] + label .sp_1 { display:inline-block; width:29px; height:29px; vertical-align:middle; background-color: #0086cd; border-radius: 3px; cursor:pointer; margin-right: 15px; } .right_contacts input[type="checkbox"]:checked + label .sp_1 { background: url(../img/check_ico.png) no-repeat center; background-color: #0086cd; } .right_contacts input[type="checkbox"] + label .sp_2{ font: 18px SolomonSansSemiBold; color: #939393; } .right_contacts input[type="checkbox"] + label .sp_2 a{ font: 18px SolomonSansSemiBold; color: #a0afc2; } .right_contacts input[type="checkbox"] + label .sp_2 a:hover{ text-decoration: none; } .main_btn2{ font: 21.93px SolomonSansSemiBold; color: #fff; width: 324px; height: 67px; background-color: #0086cd; display: block; border: none; border-radius: 5px; -webkit-transition: 0.2s; transition: 0.2s; cursor: pointer; } .main_btn2:hover{ background-color: #036ca3; } .right_contacts .main_btn2{ margin: 0 auto; margin-top: 40px; width: 100%; max-width: 324px; } .right_contacts .main_btn2{ width: 272px; height: 60px; display: block; font: 24px SolomonSansBold; background: url(../img/about_btn.png) no-repeat center; color: #fff; text-align: center; text-decoration: none; line-height: 60px; -webkit-transition: 0.2s; transition: 0.2s; border-radius: 0; } .right_contacts .main_btn2:hover{ opacity: 0.8; } .right_contacts .main_btn2.disable{ opacity: 0.6; } #map_canvas{ height: 720px; opacity: 0; } #map_content{ padding: 20px; background: none; } #map_content table td{ font: 26px SolomonSansNormal; color: #000; padding: 5px 0; } #map_content table td a{ font: 26px SolomonSansNormal; color: #000; text-decoration: none; } #map_content table td:first-child{ padding-right: 10px; } .map_zone{ position: absolute; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s, opacity 0.25s linear; transition: visibility 0s, opacity 0.25s linear; } .map_zone.active{ visibility: visible; opacity: 1; } .map_zone.active{ visibility: visible; opacity: 1; } .map_zone_1{ width: 1.79%; left: 6.6%; top: 22.53%; } .map_zone_2{ width: 4.56%; left: 7.84%; top: 46.8%; } .map_zone_3{ width: 2.65%; left: 13.97%; top: 33.7%; } .map_zone_4{ width: 3.27%; left: 17.53%; top: 44.14%; } .map_zone_5{ width: 7.4%; left: 30.95%; top: 48.11%; } .map_zone_6{ width: 14.73%; left: 31.38%; top: 34.71%; } .map_zone_7{ width: 16.46%; left: 44.76%; top: 16.69%; } .map_zone_8{ width: 16.28%; left: 51.32%; top: 46.49%; } .map_zone_9{ width: 26.45%; left: 58.32%; top: 20.95%; } .map_zone_10{ width: 13.5%; left: 83.23%; top: 10.96%; } .map_zone_11{ width: 8.08%; left: 88.16%; top: 26.19%; } .map_zone_12{ width: 6.41%; left: 24.7%; top: 37.76%; } .map_zone_13{ width: 9.21%; left: 20.45%; top: 22.78%; } .map_zone_14{ width: 4.56%; left: 19.45%; top: 43.4%; } .map_zone_15{ width: 1.91%; left: 19.1%; top: 41.8%; } .map_zone_16{ width: 2.9%; left: 15.25%; top: 42.25%; } .map_zone_17{ width: 2.28%; left: 13.6%; top: 41.5%; } .map_zone_18{ width: 2.53%; left: 9.71%; top: 38.45%; } .map_zone_19{ width: 2.9%; left: 7.52%; top: 52.98%; } .under_map_it{ } .map_zone_20{ width: 1.79%; left: 6.92%; top: 57.3%; } .map_zone_21{ width: 2.03%; left: 8.1%; top: 59.2%; } .map_zone_22{ width: 2.84%; left: 8.2%; top: 58.1%; } .map_zone_23{ width: 13.32%; left: 53.43%; top: 60.1%; } .map_zone_24{ width: 10.48%; left: 76%; top: 42.2%; } .map_zone_25{ width: 4.87%; left: 81.33%; top: 70.2%; } .map_zone_30{ top: 16.5%; left: 44.8%; width: 16.5%; } .map_zone_35{ top: 49.29%; left: 24.60%; width: 4.5%; } .map_zone_36{ left: 19.1%; top: 48.7%; width: 6.5%; } .map_zone_38{ left: 13.67%; top: 26.7%; width: 3.8%; } .map_zone_39{ top: 32.5%; left: 16.8%; width: 2.7%; } .map_zone_40{ top: 22.4%; left: 6.8%; width: 1.5%; } .project_map{ padding-top: 30px; } .proj_map{ width: 100%; position: relative; background: url(../img/map2.png) no-repeat top; background-size: contain; } .proj_map.marg_bott_1{ margin-bottom: 35px; } .proj_map .under_map_it{ position: absolute; z-index: 222; display: block; text-decoration: none; } .img_map{ position: relative; z-index: 120; opacity: 0; width: 100%; } .img_map img{ width: 100%; } .proj_map .under_map_it .ico{ background: url(../img/under_map_label.png) no-repeat center; background-size: cover; width: 22px; height: 37px; position: absolute; top: 0px; opacity: 1; } .proj_map .under_map_it.active{ z-index: 333; } .proj_map .under_map_it.active .ico{ background: url(../img/under_map_label_2.png) no-repeat center; background-size: cover; width: 32px; height: 52px; top: -15px; left: -5px; animation-name: under_map_jump; -webkit-animation-duration: 1.3s; /* Safari 4.0 - 8.0 */ animation-duration: 1.3s; animation-timing-function: linear; } @-webkit-keyframes under_map_jump { 0% { top:-15px } 25% { top:-25px } 50% { top:-15px } 75% { top:-25px } } @keyframes under_map_jump { 0% { top:-15px } 25% { top:-25px } 50% { top:-15px } 75% { top:-25px } } .proj_map .under_map_it_1{ top: 19.34%; left: 7.4%; } .proj_map .under_map_it_2{ top: 46%; left: 9%; } .proj_map .under_map_it_2_2{ top: 44.5%; left: 10.5%; } .proj_map .under_map_it_3{ top: 33.9%; left: 15.6%; } .proj_map .under_map_it_3_2{ top: 31.4%; left: 14.5%; } .proj_map .under_map_it_3_3{ top: 34%; left: 14.5%; } .proj_map .under_map_it_4{ top: 41.63%; left: 18.62%; } .proj_map .under_map_it_5{ top: 38.37%; left: 34.22%; } .proj_map .under_map_it_6{ top: 48.72%; left: 33.6%; } .proj_map .under_map_it_7{ top: 51.77%; left: 49.01%; } .proj_map .under_map_it_8{ top: 57%; left: 53.5%; } .proj_map .under_map_it_9{ top: 55%; left: 74%; } .proj_map .under_map_it_10{ top: 17.66%; left: 90.01%; } .proj_map .under_map_it_11{ top: 42.02%; left: 93.09%; } .proj_map .under_map_it_12{ top: 41.5%; left: 26.9%; } .proj_map .under_map_it_12_2{ top: 39%; left: 28%; } .proj_map .under_map_it_13{ top: 22%; left: 24%; } .proj_map .under_map_it_14{ top: 43%; left: 22%; } .proj_map .under_map_it_15{ top: 39.1%; left: 20%; } .proj_map .under_map_it_16{ top: 41%; left: 16.5%; } .proj_map .under_map_it_17{ top: 40%; left: 14.0%; } .proj_map .under_map_it_18{ top: 36%; left: 10.5%; } .proj_map .under_map_it_19{ top: 51%; left: 8.5%; } .proj_map .under_map_it_20{ top: 54.3%; left: 6.7%; } .proj_map .under_map_it_20_2{ top: 54.5%; left: 7.9%; } .proj_map .under_map_it_21{ top: 57.1%; left: 8%; } .proj_map .under_map_it_22{ top: 60%; left: 8.5%; } .proj_map .under_map_it_22_2{ top: 58%; left: 9.3%; } .proj_map .under_map_it_23{ top: 69%; left: 57%; } .proj_map .under_map_it_23_2{ top: 66%; left: 60%; } .proj_map .under_map_it_24{ top: 64%; left: 80.5%; } .proj_map .under_map_it_25{ top: 77%; left: 81.8%; } .proj_map .under_map_it_30{ top: 53%; left: 50%; } .map_zone_30{ top: 16.5%; left: 44.8%; } .map_zone_35{ top: 49.29%; left: 24.60%; } .map_zone_36{ left: 19.1%; top: 48.7%; } .map_zone_38{ left: 13.67%; top: 26.7%; } .map_zone_39{ top: 32.5%; left: 16.8%; } .map_zone_40{ top: 22.4%; left: 6.8%; } /* Contacts */ /* Services */ .services-2{ margin-top: 46px; } .services-2 .inSection{ padding: 114px 0 90px; } .txt-wrapp-services{ width: 100%; height: auto; margin-top: px; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; } .txt-wrapp-services .col{ width: 48%; font: 20px SolomonSansBook; } .proj_map_content{ margin: 45px 0; } .proj_map_content .map_content{ display: none; background: url(../img/project_content_bg.png) no-repeat center; max-width: 1300px; margin: 0 auto; min-height: 136px; box-sizing: border-box; padding: 0 65px; text-align: center; } .proj_map_content .map_content.active{ display: flex; align-items: center; text-align: center; justify-content: center; } .proj_map_content .map_content_default{ display: flex; align-items: center; background: url(../img/project_content_bg.png) no-repeat center; max-width: 1300px; margin: 0 auto; min-height: 136px; box-sizing: border-box; padding: 0 65px; text-align: center; font: 30px SolomonSansBold; color: #000; justify-content: center; text-decoration: none; font-style: italic; } body.font_3 .proj_map_content .map_content{ background: url(../img/project_content_bg.png) no-repeat center; min-height: 230px; background-size: 100% 100%; } body.font_3 .proj_map_content .map_content_default{ background: url(../img/project_content_bg.png) no-repeat center; min-height: 230px; background-size: 100% 100%; } .proj_map_content .map_content { font: 30px SolomonSansBold; color: #000; font-style: italic; } /* Services */ /* End content */ .sect_h.fl_left{ float: left; } .sect_read{ float: right; font: 15px SolomonSansBold; color: #373968; background: url(../img/read_more_6.png) no-repeat right; display: block; height: 16px; text-decoration: none; padding-bottom: 15px; padding-right: 15px; text-transform: uppercase; padding-left: 10px; margin-top: 13px; } .sect_read:hover{ background: none; } /* Company */ .company .company_control{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 24px; margin-bottom: 60px; } .company .company_control .item{ display: block; font: 20px SolomonSansBlack; color: #000000; text-transform: uppercase; text-decoration: none; line-height: 53px; height: 53px; position: relative; margin-right: 40px; padding: 0 1px; } .company .company_control .item.active{ background-color: #0086cd; color: #fff; } .company .company_control .item.active:before{ content: url(../img/project_control_before.png); position: absolute; width: 24px; height: 53px; background-size: cover; left: -24px; top: 0px; } .company .company_control .item.active:after{ content: url(../img/project_control_after.png); width: 24px; height: 53px; background-size: cover; position: absolute; right: -24px; top: 0px; } .company .company_content{ display: none; } .company .company_content.active{ display: block; } .company .company_content_2 .top{ display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 45px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .company .company_content_2 .top img{ margin-right: 80px; max-width: 100%; } .company .company_content_2 .top p{ font: 20px SolomonSansBook; } .company .company_content_3{ } .company .company_content_3 .ava{ float: left; } .company_content_3 .right_txt{ width: calc(100% - 480px); float: right; } .content .cont_h_1{ font: 35px SolomonSansBlack; color: #000000; margin-bottom: 30px; } .content .cont_h_2{ font: 30px SolomonSansBold; color: #000000; margin-bottom: 30px; } .content .cont_h_2 a{ color: #000000; text-decoration: none; } .content .cont_h_2.sdvig{ margin-left: 0px; } .content .cont_h_3{ font: 30px SolomonSansNormal; color: #000000; margin-bottom: 30px; } .content .cont_p_3{ font: 25px SolomonSansBook; color: #000000; margin-bottom: 30px; } .content .cont_p_3.mrg_b_0{ margin-bottom: 0px; } .content .cont_p_3 a{ color: #0086cd; text-decoration: none; } .vac_wrapper{ background-color: rgba(161, 125, 138, 0.6); max-width: 810px; padding: 30px; box-sizing: border-box; } .vac_wrapper .zag{ font: 25px SolomonSansBold; color: #000000; margin-bottom: 30px; } .vac_wrapper p{ padding-left: 15px; } .vac_wrapper textarea{ max-width: 650px; display: block; width: 100%; margin-bottom: 7px; border: none; background-color: rgba(255,255,255,0.35); height: auto; padding: 10px 15px; font: 25px SolomonSansBook; overflow: hidden; box-sizing: border-box; resize: none; } .vac_wrapper .cont_p_3{ margin-top: 26px; display: block; } .cont_ul_2{ margin-bottom: 30px; list-style-type: disc; margin-left: 25px; } .cont_ul_2 li{ font: 25px SolomonSansBook; color: #000000; margin-bottom: 3px; } .content .cont_p_2{ font: 25px SolomonSansBlack; color: #000000; margin-bottom: 20px; } .content .marker_ul{ margin-bottom: 30px; } .content .marker_ul li{ position: relative; margin-left: 35px; margin-bottom: 20px; font-size: 20px; } .content .marker_ul li:last-child{ margin-bottom: 0px; } .content .marker_ul li:before{ content: url(../img/marker_li.png); position: absolute; left: -35px; top: 3px; } .korupt_btn{ background: url(../img/corupt_btn.png) no-repeat center; display: flex; background-size: 100% 100%; width: 380px; padding-left: 40px; height: 97px; text-decoration: none; box-sizing: border-box; align-items: flex-start; justify-content: center; flex-direction: column; margin-bottom: 30px; position: relative; } .korupt_btn .ico{ position: absolute; right: 45px; top: 33px; } .korupt_btn .p-1{ font: 24px SolomonSansBold; color: #fff; margin-bottom: 5px; text-transform: uppercase; } .korupt_btn .p-2{ font: 20px SolomonSansNormal; color: #fff; } .company .company_content_5 .left_vac{ width: calc(50% - 20px); float: left; } .company .company_content_5 .left_vac a{ font: 25px SolomonSansBook; color: #000000; margin-bottom: 30px; display: block; } .company .company_content_5 .left_vac a:hover{ text-decoration: none; } .company .company_content_5 .right_cont{ width: calc(50% - 60px); float: right; } .main_table_1 td{ font: 20px SolomonSansBook; color: #000000; padding-right: 30px; padding-bottom: 10px; } /* Company */ /* Overlay */ .overlay{ z-index: 23020; position: fixed; background-color: #000; opacity: 0.6; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; } .overlay2{ z-index: 230222; position: fixed; background-color: rgba(0,0,0,0); opacity: 0; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; } /* Overlay */ /* Modal */ .thk_modal{ max-width: 800px; width: 100%; height: auto; position: fixed; top: 50%; left: 50%; margin-top: 0; margin-left: -400px; z-index: 23055; background-color: #e8e8e8; display: none; } .thk_modal .thk-1{ font: 45px SolomonSansBlack; color: #000000; text-align: center; } .thk_modal .closte_thk{ top: -45px; right: 27px; } .thk_modal .polit_mod_bg_1{ background: url(../img/polit_modal_bg_1.png) no-repeat left; width: 100%; height: 74px; position: absolute; left: 0px; top: -73px; } .thk_modal .polit_mod_bg_2{ background: url(../img/polit_modal_bg_2.png) no-repeat right; width: 100%; height: 74px; position: absolute; left: 0px; bottom: -73px; } .zayav_modal{ max-width: 600px; width: 100%; height: auto; position: absolute; top: 0px; left: 50%; margin-top: 40px; margin-left: -300px; z-index: 23055; background-color: #e8e8e8; display: none; } .zayav_modal .p-1{ padding-top: 5px!important; } .zayav_modal.right_contacts{ padding-bottom: 0px; } .zayav_modal form{ width: calc(100% - 50px); } .zayav_modal .input_wrap input{ width: calc(50% - 25px); height: 45px; margin-bottom: 15px; padding-left: 15px; font: 16px SolomonSansNormal; } .zayav_modal.right_contacts textarea{ height: 100px; padding-left: 15px; padding-top: 15px; width: calc(100% - 15px); font: 16px SolomonSansNormal; margin-bottom: 10px; } .zayav_modal .p-1{ padding-top: 0px; margin-bottom: 20px; } .zayav_modal.right_contacts .check_wrap .sp_2{ font-size: 17px; } .zayav_modal.right_contacts .check_wrap .sp_2 a{ font-size: 17px; } .right_contacts .req__field{ margin-bottom: 15px; font-size: 14px; } .zayav_modal .main_btn2{ position: relative; z-index: 3; } .zayav_modal .polit_mod_bg_1{ background: url(../img/polit_modal_bg_1.png) no-repeat left; width: 100%; height: 34px; position: absolute; background-size: cover; left: 0px; top: -30px; } .zayav_modal .polit_mod_bg_2{ background: url(../img/polit_modal_bg_2.png) no-repeat right; background-size: cover; width: 100%; height: 34px; position: absolute; left: 0px; bottom: -30px; } .polit_modal{ max-width: 1370px; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; margin-top: 40px; margin-left: -685px; z-index: 23060; background-color: #e8e8e8; display: none; } .polit_mod_bg_1{ background: url(../img/polit_modal_bg_1.png) no-repeat bottom left ; width: 100%; height: 34px; position: absolute; left: 0px; top: -30px; } .polit_mod_bg_2{ background: url(../img/polit_modal_bg_2.png) no-repeat top right ; width: 100%; height: 34px; position: absolute; left: 0px; bottom: -30px; } .close_modal, .close_politic{ background: url(../img/close_ico.svg) no-repeat; width: 30px; height: 33px; position: absolute; z-index: 2; top: -5px; right: 25px; cursor: pointer; z-index: 2; } .polit_modal .scroll_block .p-1{ font: 21.93px SolomonSansSemiBold; color: #000000; text-align: center; text-transform: uppercase; margin-bottom: 25px; } .polit_modal .scroll_block .p-2{ font: 20px SolomonSansNormal; color: #000000; text-align: center; margin-bottom: 50px; } .polit_modal .scroll_block .p-3{ font: 30px SolomonSansBold; color: #000000; margin-bottom: 25px; } .polit_modal .scroll_block .p-4{ font: 25px SolomonSansBold; color: #000000; margin-bottom: 25px; } .polit_modal .scroll_block .p-5{ font: 20px SolomonSansBook; color: #000000; margin-bottom: 25px; } .polit_modal .scroll_block{ padding-left: 100px; width: calc(100% - 200px); height: calc(100% - 150px); overflow-y: scroll; margin-top: 50px; padding-right: 50px; } .polit_modal .scroll_block::-webkit-scrollbar { width: 7px; height: 12px; } .polit_modal .scroll_block::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } .polit_modal .scroll_block::-webkit-scrollbar-thumb { background: #5dadd8; } .polit_modal .btn_wrap{ max-width: 700px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .polit_modal .polit_btn{ width: 272px; height: 60px; display: block; font: 24px SolomonSansBold; background: url(../img/about_btn.png) no-repeat center; color: #fff; text-align: center; text-decoration: none; line-height: 60px; -webkit-transition: 0.2s; transition: 0.2s; margin-top: 30px; position: relative; z-index: 2; } .polit_modal .polit_btn:hover{ opacity: 0.8; } .item_w_blue{ margin-right: 5.1px; width: calc(50% - 5.1px); height: 402px; position: relative; display: block; text-decoration: none; } .item_w_blue .mob_anons{ position: absolute; top: 0px; z-index: 2; background-color: #0086cd; font: 16px SolomonSansSemiBold; color: #fff; padding: 10px 15px; box-sizing: border-box; width: 100%; display: none; } .item_w_blue .img{ height: 100%; overflow: hidden; } .item_w_blue .img img{ margin-top: -1px; min-width: 100%; display: block; } .item_w_blue .under_blue{ position: absolute; width: 110%; min-height: 110%; top: -10%; left: -10%; z-index: 2; background-color: #0086cd; padding: 25px; -webkit-box-shadow: 0px 0px 38px -9px rgba(0,0,0,0.75); box-shadow: 0px 0px 38px -9px rgba(0,0,0,0.75); visibility: hidden; opacity: 0; -webkit-transition: visibility 0s, opacity 0.25s linear; transition: visibility 0s, opacity 0.25s linear; display: flex; align-items: flex-start; flex-wrap: wrap; } .item_w_blue:hover .under_blue{ visibility: visible; opacity: 1; } .item_w_blue .under_blue .date{ font: 27.83px SolomonSansSemiBold; color: #fff; float: left; } .item_w_blue .under_blue .news{ float: right; font: 18.69px SolomonSansSemiBold; color: #fff; background: url(../img/bord1.png) no-repeat; background-size: 100% 100%; width: 144px; height: 37px; text-align: center; line-height: 37px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: auto; } .item_w_blue .under_blue .p-1{ font: 18.69px SolomonSansSemiBold; color: #fff; text-transform: uppercase; margin-top: 25px; margin-bottom: 25px; } .item_w_blue .under_blue .p-2{ font: 18.69px SolomonSansNormal; color: #fff; margin-bottom: 25px; } .item_w_blue .under_blue .read_more{ font: 15px SolomonSansThin; color: #fff; text-decoration: none; padding-bottom: 6px; position: relative; padding-left: 10px; background: url(../img/read_more_3.png) no-repeat right bottom; display: inline-block; width: auto; height: 16px; margin-top: auto; padding-right: 25px; } .item_w_blue .under_blue .read_more:hover{ background: none; } .item_w_blue .under_blue .read_more:hover:after{ content: none; } .item_w_blue.mrg_bott{ margin-bottom: 6px; } .blue_it_wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .plitki_wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start -ms-flex-wrap: wrap; flex-wrap: wrap; } .plitki_wrap{ margin: 30px 0; } .plitki_wrap .plitk_item{ width: calc(25% - 7px); height: 380px; margin-bottom: 5px; display: block; margin-right: 5px; overflow: hidden; } .plitki_wrap .plitk_item img{ min-width: 100%; min-height: 100%; } .blue_it_wrap .item_w_blue{ width: calc(25% - 7px); height: 380px; margin-bottom: 5.1px; } .blue_it_wrap .item_w_blue .img{ overflow: hidden; position: relative; } .blue_it_wrap .item_w_blue img{ display: block; position: absolute; top: 50%; left: 50%; width: auto; height: auto; display: block; max-height: none; max-width: none; min-height: 105%; min-width: 105%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .all_vid_bl{ margin-bottom: 75px; } .all_vid_bl.mrg_bott_0{ margin-bottom: 0px; } .all_vid_bl .top_txt{ float: left; width: calc(100% - 140px); max-width: 1100px; } .all_vid_bl .top_txt .p-1{ font: 30px SolomonSansBlack; color: #000000; margin-bottom: 10px; display: block; } .all_vid_bl .top_txt .p-1:hover{ text-decoration: none; } .all_vid_bl .top_txt .p-2{ font: 20px SolomonSansNormal; color: #000000; } .all_vid_bl .blue_it_wrap{ margin-top: 25px; } .zagruz_more{ font: 17.07px SolomonSansNormal; color: #000000; text-decoration: underline; text-transform: uppercase; display: block; text-align: center; margin-top: 75px; cursor: pointer; } .zagruz_more:hover{ text-decoration: none; } .pagination{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } .pagination a{ font: 20.49px SolomonSansBold; color: #000000; text-decoration: none; margin: 0 7px; -webkit-transition: 0.2s; transition: 0.2s; line-height: 30px; } .pagination a:hover{ color: #0086cd; } .pagination .active{ color: #0086cd; font-size: 24.1px; } .sort_control{ font: 17px SolomonSansNormal; color: #000000; margin-bottom: 40px; } .sort_control a{ font: 17px SolomonSansNormal; color: #000000; } .sort_control a:hover{ text-decoration: none; } .content .same_news{ font: 30px SolomonSansNormal; color: #000000; margin-bottom: 30px; } .content .news_link{ font: 20px SolomonSansBold; color: #797979; float: left; margin-bottom: 60px; text-decoration: none; } .content .news_link:before{ margin-right: 10px; position: relative; top: 2px; content: url(../img/link_ico.png); } .news_soc{ float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; display: none; } .news_soc p{ font: 20px SolomonSansBold; color: #797979; margin-right: 30px; } .news_soc .item{ width: 62px; height: 39px; display: inline-block; margin: 0; -webkit-transition: 0.2s; transition: 0.2s; background: url(../img/soc_sprite_2.png) no-repeat; } .news_soc .item:hover{ opacity: 0.6; } .news_soc .item_1{ } .news_soc .item_2{ background-position: -64px 0; } .news_soc .item_3{ background-position: -127px 0; } .news_soc .item_4{ background-position: -191px 0; } .search-query{ height: 60px!important; border: none!important; border-radius: 4px!important; font: 24px SolomonSansSemiBold; width: calc(100% - 50px)!important; padding-left: 30px!important; margin-bottom: 30px!important; border: 1px solid #a8a8a8!important; background-color: #fff!important; } .search-page table tr td{ vertical-align: top; } .search-button{ width: 272px; height: 60px; display: block; font: 24px SolomonSansBold; background: url(../img/about_btn.png) no-repeat center; color: #fff; text-align: center; text-decoration: none; line-height: 60px; -webkit-transition: 0.2s; transition: 0.2s; border: none; cursor: pointer; } .search-button:hover{ opacity: 0.8; } .map_ar{ cursor: pointer; } /* Modal */ /* PANEL ////////////////////////////////////////////////////////*/ #panelLimited { font-size: 16px; font-weight: bold; margin: 0 auto; position: absolute; top: 0; width: 100%; z-index: 5000; } #panelLimited a { border: 0; color: inherit; } #panelLimited .relative { position: relative; } #panelLimited .bg { background: #c6c6c6; border-bottom: 4.8px solid; } #panelLimited .tools { position: relative; padding: 32px 0 16px; line-height: 56px; text-align: center; } #panelLimited .tools ul, #panelLimited .tools p { margin: 0; padding: 0; list-style-type: none; } #panelLimited .image_disabled { margin: 0 28px; display: inline-block; vertical-align: middle; cursor: pointer; background: transparent none repeat scroll 0 0 !important; color: #000 !important; } #panelLimited .image_disabled:before { content: ""; width: 56px; height: 56px; margin-top: -8px; margin-right: 8px; background: url("/local/app/images/page_icons.png") 0 -56px no-repeat; display: inline-block; vertical-align: middle; } #panelLimited .version_link { margin: 0 28px; background: transparent none repeat scroll 0 0 !important; color: #000 !important; display: inline-block; vertical-align: middle; } #panelLimited .version_link:before { content: ""; width: 48px; height: 56px; margin-top: -8px; margin-right: 8px; background: url("/local/app/images/page_icons.png") -64px -56px no-repeat; display: inline-block; vertical-align: middle; } #panelLimited .font_size { margin: 0 28px; display: inline-block; vertical-align: middle; } #panelLimited .font_size li { position: relative; margin: 0 4px; height: 56px; background: url("/local/app/images/page_icons.png") 0 0 no-repeat; display: inline-block; vertical-align: middle; cursor: pointer; } #panelLimited .font_size li.cur:after { content: ""; position: absolute; bottom: -16px; left: 50%; margin-left: -4.8px; border-left: 4.8px solid transparent; border-right: 4.8px solid transparent; border-bottom: 6.4px solid; } #panelLimited .font_size li.type_1 { width: 16px; background-position: -128px 0; } #panelLimited .font_size li.type_2 { width: 24px; background-position: -144px 0; } #panelLimited .font_size li.type_3 { width: 28px; background-position: -168px 0; } #panelLimited .color { margin: 0 28px; display: inline-block; vertical-align: middle; } #panelLimited .color li { position: relative; margin: 0 4px; height: 56px; background: url("/local/app/images/page_icons.png") 0 0 no-repeat; display: inline-block; vertical-align: middle; cursor: pointer; } #panelLimited .color li.cur { cursor: default; } #panelLimited .color li.cur:after { content: ""; position: absolute; bottom: -16px; left: 50%; margin-left: -4.8px; border-left: 4.8px solid transparent; border-right: 4.8px solid transparent; border-bottom: 6.4px solid; } #panelLimited .color li.type_1 { width: 40px; background-position: 0px 0; } #panelLimited .color li.type_2 { width: 40px; background-position: -40px 0; } #panelLimited .color li.type_3 { width: 40px; background-position: -80px 0; } /* body.font_1, body.font_1 a, body.font_1 .news .text-news .item .txt-1, body.font_1 p, body.font_1 span, body.font_1 li, body.font_1 .xxxxx, body.font_1 .xxxxx { font-size: 0.8em !important; } body.font_2, body.font_2 a, body.font_2 .news .text-news .item .txt-1, body.font_2 p, body.font_2 span, body.font_2 li, body.font_2 .xxxxx, body.font_2 .xxxxx, body.font_2 .xxxxx, body.font_2 .xxxxx, body.font_2 .xxxxx, body.font_2 .xxxxx { font-size: 1em !important; } body.font_3, body.font_3 a, body.font_3 .news .text-news .item .txt-1, body.font_3 p, body.font_2 span, body.font_3 li, body.font_3 .xxxxx, body.font_3 .xxxxx, body.font_3 .xxxxx, body.font_3 .xxxxx { font-size: 1.2em !important; } body.font_1 .sect_h{ font-size: 30px!important; } body.font_2 .sect_h{ font-size: 40px!important; } body.font_3 .sect_h{ font-size: 50px!important; }*/ body.black .left_contacts td{ color: #fff!important; } body.black, body.black .nav, body.black h1, body.black h2, body.black a, body.black .nav a, body.black p, body.black .footer, body.black .services, body.black .uslugi_bl, body.black .pob_page, body.black .top_plashka, body.black .txt, body.black .company .company_control .item.active:before, body.black .company .company_control .item.active:after, body.black .press_center .press_wrap .big_item, body.black .smi, body.black .sect_h, body.black .item:hover .under_blue, body.black .item_w_blue:hover .under_blue, body.black .right_contacts, body.black .plashka_wrap, body.black .press_center, body.black .project, body.black .nav, body.black .lang_sel .hidd, body.black .nav { background-image:none !important; background-color: #000 !important; color: #fff !important; border-color: #000 !important; content:"" !important; } body.black .pob_page .top_plashka .logo .text_logo_1{ display: none!important; } body.black .pob_page .top_plashka .logo .text_logo_black{ display: block!important; } body.black .spis_wrap .item .read_more{ background: url(../img/read_more_5.png) no-repeat right!important; } body.black .press_center .press_wrap .big_item .public{ background: url(../img/bord1.png) no-repeat!important; background-size: 100% 100%!important; } body.black .press_center .press_wrap .wrap_1 .item .under_blue .news{ background: url(../img/bord1.png) no-repeat!important; background-size: 100% 100%!important; } body.black .smi .smi_wrap .item .under_blue .news{ background: url(../img/bord1.png) no-repeat!important; background-size: 100% 100%!important; } body.black .item_w_blue .under_blue .news{ background: url(../img/bord1.png) no-repeat!important; background-size: 100% 100%!important; } body.black .press_center .press_wrap .big_item .big_more{ background: url(../img/read_more_1.png) no-repeat right bottom!important; } body.black .main_btn_2{ background: url(../img/read_more_5.png) no-repeat right bottom!important; } body.black .sect_read{ background: url(../img/read_more_1.png) no-repeat right!important; } body.black .press_center .more_news{ background: url(../img/read_more_1.png) no-repeat right bottom!important; } body.black .project_slide_content .read_more{ background: url(../img/read_more_1.png) no-repeat right bottom!important; } body.blue, body.blue .nav, body.blue h1, body.blue h2, body.blue a, body.blue .nav a, body.blue p, body.blue .footer, body.blue .services, body.blue .uslugi_bl, body.blue .pob_page, body.blue .top_plashka, body.blue .txt, body.blue .company .company_control .item.active:before, body.blue .company .company_control .item.active:after, body.blue .press_center .press_wrap .big_item, body.blue .smi, body.blue .sect_h, body.blue .item:hover .under_blue, body.blue .item_w_blue:hover .under_blue, body.blue .right_contacts, body.blue .plashka_wrap, body.blue .press_center, body.blue .project, body.blue .nav, body.blue .nav, body.blue .nav, body.blue .lang_sel .hidd, body.blue .nav { background-image:none !important; background-color: #9dd1ff !important; color: #063462 !important; border-color: #9dd1ff !important; content:"" !important; } body.blue .press_center .more_news{ background: url(../img/read_more_2.png) no-repeat right bottom!important; } body.blue #map_content td{ background-image:none !important; background-color: #9dd1ff !important; color: #063462 !important; border-color: #9dd1ff !important; content:"" !important; } body.blue .spis_wrap .item .read_more{ background: url(../img/read_more_5.png) no-repeat right!important; } body.blue .press_center .press_wrap .big_item .public{ background: url(../img/bord1.png) no-repeat!important; background-size: 100% 100%!important; } body.blue .press_center .press_wrap .wrap_1 .item .under_blue .news{ background: url(../img/bord1.png) no-repeat!important; background-size: 100% 100%!important; } body.blue .smi .smi_wrap .item .under_blue .news{ background: url(../img/bord1.png) no-repeat!important; background-size: 100% 100%!important; } body.blue .item_w_blue .under_blue .news{ background: url(../img/bord1.png) no-repeat!important; background-size: 100% 100%!important; } body.blue .press_center .press_wrap .big_item .big_more{ background: url(../img/read_more_1.png) no-repeat right bottom!important; color: #fff!important; } body.blue .main_btn_2{ background: url(../img/read_more_5.png) no-repeat right bottom!important; } body.blue .sect_read{ background: url(../img/read_more_6.png) no-repeat right!important; } body.blue .project_slide_content .read_more{ background: url(../img/read_more_4.png) no-repeat right bottom!important; } body.blue .contacts li{ color: #063462 !important; } body.blue .contacts li span{ color: #fff !important; } body.blue .top_plashka:not(.sticky), body.black .top_plashka:not(.sticky), body.white .top_plashka:not(.sticky), body.font_1 .top_plashka:not(.sticky), body.font_2 .top_plashka:not(.sticky), body.font_3 .top_plashka:not(.sticky) { top: 108px; padding-top: 2px; } body.blue .pob_page:not(.sticky), body.black .pob_page:not(.sticky), body.white .pob_page:not(.sticky), body.font_1 .pob_page:not(.sticky), body.font_2 .pob_page:not(.sticky), body.font_3 .pob_page:not(.sticky) { padding-top: 230px; } .mob_anons{ } .iHidden .under_map_it{ display: none!important; } .iHidden .mob_anons{ display: block!important; } .iHidden .project_cont_wrap .content_wrap{ display: none; } .iHidden .project_cont_wrap .content_wrap_2{ display: block; } .iHidden .map_control_wrap{ display: none; } .iHidden img{ display: none!important; } .iHidden .big_banner{ } .iHidden .big_banner .img{ display: none; } .iHidden .big_banner .txt{ width: 100%!important; background-color: #0086cd!important; padding-left: 50px!important; padding-right: 50px!important; } .iHidden .anons_wrap .item .img{ display: none!important; } .iHidden .plitki_wrap{ display: none!important; } .iHidden .anons_wrap{ justify-content: center; padding-bottom: 20px; } .iHidden .anons_wrap .item .main_btn_2{ margin-left: 0px; bottom: -30px; } .iHidden .content .anons_wrap .item .main_btn_2{ margin-top: 20px; } .iHidden .content .anons_wrap .item:last-child br{ display: none; } .iHidden .content .anons_wrap .item:last-child .p-2:first-child{ margin-bottom: 20px; } .iHidden .content .anons_wrap .item:last-child .p-3{ margin-bottom: 10px; } .iHidden .anons_wrap .item{ width: 500px!important; margin: 0 50px; } .iHidden .anons_wrap .item .txt{ margin-left: 0px; width: 100%; } .iHidden .big_item .vid{ display: none; } body.font_3 .big_item .public{ width: 165px!important; } body.font_3 .content .anons_wrap .item .main_btn_2{ padding-bottom: 10px; width: 90px; } body.font_3 .sect_read{ padding-bottom: 20px; } body.font_3 .item_w_blue .under_blue .read_more{ } body.font_3 .press_center .press_wrap .wrap_1 .item .under_blue .read_more, body.font_3 .smi .smi_wrap .item .under_blue .read_more{ } body.font_3 .project_slide_content .read_more{ padding-bottom: 10px; } body.font_3 .press_center .more_news{ padding-bottom: 10px; } body.font_3 .press_center .press_wrap .big_item .big_more{ padding-bottom: 10px; } body.font_1 .sect_read{ padding-bottom: 10px; } body.font_1 .press_center .more_news{ padding-bottom: 4px; } body.font_1 .press_center .press_wrap .big_item .big_more{ padding-bottom: 4px; } body.font_1 .press_center .press_wrap .wrap_1 .item .under_blue .read_more, body.font_1 .smi .smi_wrap .item .under_blue .read_more{ } body.font_1 .item_w_blue .under_blue .read_more{ } body.font_1 .project_slide_content .read_more{ padding-bottom: 4px; } body.black { } body.black .project_carousel .prev{ background: url(../img/prev2.png) no-repeat center; } body.black .project_carousel .next{ background: url(../img/next2.png) no-repeat center; } .iHidden .blagodar_wrap img{ display: block!important; } .iHidden .fancybox-container img{ display: block!important; } .iHidden .project_bg_inherit { display: none!important; } .iHidden .project_slide_content { margin-top: -50px; } .iHidden .logo img{ display: block!important; } /*.iHidden .gall_prev{ display: none!important; } .iHidden .gall_next{ display: none!important; }*/ .iHidden .search_bl img{ display: block!important; } .iHidden .contact__qr img{ display: block!important; } .search_bl.active .search_lupa{ display: none!important; } body.black .company .company_control .item.active{ background-color: #0086cd!important; padding-left: 15px; padding-right: 15px; } body.blue .company .company_control .item.active{ background-color: #0086cd!important; padding-left: 15px; padding-right: 15px; } body.black .project_control .item.active{ background-color: #0086cd!important; } body.blue .project_control .item.active{ background-color: #0086cd!important; } #hellopreloader>p{display:none;}#hellopreloader_preload{display: block;position: fixed;z-index: 99999;top: 0;left: 0;width: 100%;height: 100%;min-width: 1000px;background: #4183D7 url(http://hello-site.ru//main/images/preloads/ball-triangle.svg) center center no-repeat;background-size:76px;} .under_blue .p-2{ } .prjct_car_wrap{ position: relative; } .gall_next{ background: url(../img/gall_next.png) ; width: 54px; height: 88px; background-size: cover; position: absolute; top: 50%; margin-top: -55px; /*right: -50px;*/ right: -100px; z-index: 20; cursor: pointer; } .gall_prev{ background: url(../img/gall_prev.png) no-repeat center!important; width: 54px; height: 88px; background-size: cover; position: absolute; top: 50%; margin-top: -55px; /*left: -50px;*/ left: -100px; z-index: 20; cursor: pointer; } body.black .gall_next{ background: url(../img/gall_next_2.png) no-repeat center!important; } body.black .gall_prev{ background: url(../img/gall_prev_2.png) no-repeat center!important; } .iHidden .gall_next{ top: 100px; } .iHidden .gall_prev{ top: 100px; } /* Zakupki */ .zakup_bg .breadcrumps{ padding-bottom: 0px; } .zakup_bg .breadcrumps .inSection{ padding: 0; } .zakup_bg .breadcrumps a{ color: #fff; } .zakup_bg .breadcrumps li{ color: #fff; } .zakup_bg{ background: url(../img/zakup_bg.jpg) no-repeat center; background-size: cover; } .zakup_bg .page_h{ color: #fff; } .zakup_bg .inSection{ padding-bottom: 30px; margin-bottom: 30px; } .zakup_list a{ font: 30px SolomonSansNormal; color: #0086cd; text-decoration: none; } .zakup_list a:hover{ text-decoration: underline; } .zakup_list{ margin-left: 65px; margin-bottom: 30px; list-style-type: decimal; font: 30px SolomonSansNormal; color: #0086cd; } .zakup_btn{ background: url(../img/form_ico.png) no-repeat center right 45px, url(../img/zakup_btn.png) no-repeat center; width: 550px; height: 58px; display: block; font: 24px SolomonSansBold; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 58px; box-sizing: border-box; padding-left: 40px; margin: 60px 0; } /* Zakupki */ .select_input{ width: 350px!important; opacity: 0; } .main_select{ width: 200px!important; opacity: 0; } #back-top span { background: rgba(0, 0, 0, 0) url(http://test186.artwell.ru/bitrix/templates/main/up-arrow.png) no-repeat scroll!important; background-size: cover!important; height: 90px!important; width: 90px!important; } #back-top{ right: 100px!important; opacity: 0.8!important; display: block!importamt; } #back-top a{ background-color: inherit!important; } #back-top:hover{ opacity: 1!important; } .iHidden .spis_wrap .item .img{ display: none!important; } .glasses { width: 29px; height: 21px; background: url(../img/glasse-ico2.png) no-repeat center!important; display: block!important; cursor: pointer; } .pob_page .glasses { width: 29px; height: 21px; background: url(../img/glasse-ico.png) no-repeat center!important; display: block; } body.black .pob_page .glasses { background: url(../img/glasse-ico2.png) no-repeat center!important; } .no-padding-top { padding-top: 0 !important; } .main-user-consent-request-popup{ z-index: 90002!important; } .main-user-consent-request a{ font-size: 14px!important; }