/*************************************\ Tempalte Styles \*************************************/ body { font-family: 'Roboto', sans-serif; font-size: 14px; color: #000; line-height: 1.5; background: #fff} h1 { margin: 14px 0 5px; padding: 2px 0} h2 { margin: 14px 0 5px; padding: 2px 0 } h3 { margin: 14px 0 5px; padding: 2px 0} h4 { margin: 14px 0 5px; padding: 2px 0} h5 { margin: 14px 0 5px; padding: 2px 0} h6 { margin: 14px 0 5px; padding: 2px 0} h1, h2, h3, h4, h5, h6 {color: #023578; font-style: normal; line-height: 1;} h1.black, h2.black, h3.black, h4.black, h5.black, h6 .black {color: #333;} h1#pagetitle {font-size: 30px; margin: 10px 0 2px 0; } .bx-breadcrumb { margin: 0 0 20px 0;} .bx-breadcrumb .bx-breadcrumb-item { margin-bottom: 0px;} #main_menu { line-height: 1; } .bx-core-window input, .bx-core-window button, .bx-core-window select, .bx-core-window textarea {line-height: normal !important; } nav {} input {outline: none;} /*** Theme regions ***/ header {position: relative; min-height: 360px; position: relative; margin-bottom: 16px; line-height: 1.15; background-color: #9fa19e; background-image: url(./images/header_bg5.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: auto; background-position: right -70px; } .home header {background: none; min-height: 260px; } .header_wrap {position: absolute; top: 60%; z-index: 50; width: 100%} .home .header_wrap {top: 35%;} #header_1 {} #header_2 {} header .indent {} .home header .indent {top: 8%;} #logo { display: block; position: relative; min-height: 101px; text-decoration: none; color: #fff; font-weight: bold; font-weight: 500; font-size: 36px; padding: 40px 0 40px 140px; text-shadow: 0px 0px 60px #000; } #logo img {position: absolute; top: 0; left:-21px} #logo span{ display: block; font-size: 18px; text-transform: uppercase; font-weight: 500; letter-spacing: 1.3px;} @media screen and (max-width: 767px) { #logo {font-size: 20px; padding: 70px 0 40px 90px; } #logo img {position: absolute; top: 54px; left: -16px; width: 100px;} #logo span{font-size: 14px; letter-spacing: 0px;} } #header_left {padding-top: 10px;} #logo_head {display: block; position: relative; text-decoration:none; margin: 34px 0 0 40px;} #main {} /** top **/ #top_1 {} /** sidebar_first **/ #sidebar_first {position: relative; z-index: 5} #sidebar_first_1 {} #sidebar_first_2 {} /** sidebar_second **/ #sidebar_second {position: relative; z-index: 5; font-family: Tahoma, Helvetica, Arial Narrow, Helvetica, "san-serif"} #sidebar_second_1 {} #sidebar_second_2 {} /** content **/ #content_top_1 {} #content_bottom_1 {} #center_col {position: relative; min-height: 200px; padding-bottom: 30px} /** bottom **/ #bottom_1 {} #bottom_map {position: relative; border-top: 7px solid #113c55;} #bottom_map .bx-yandex-view-layout{width: 100%; height: 25%; min-height: 300px; max-height: 500px; } /** footer **/ footer {padding: 60px 0 60px 0; background: #333;} footer a {color:#9f9f9f} footer a:hover {color:#fff} .copy {color:#fff} .sapfir-7 {text-align: right;} .sapfir-7 a, .sapfir-7 a:hover{} /*** Pages ***/ /** search **/ .search-page {} /* виз редактор*/ form .bxlhe-frame div { margin:0;} div.bxlhe-frame {border: 1px solid #ccc;} /* system */ .starrequired {color: #d50118} .message_errors { width: 600px; border: 1px solid #de0000; background: #fff2f2; padding: 5px; margin-bottom:24px;} .message_ok { width: 600px; border: 1px solid #269600; color:#0f3d00; background: #f3ffef; padding: 5px; margin-bottom:24px;} .show_in_map {cursor: pointer} /*** Components ***/ /** News **/ .news-list {} .news-list h3 {} .news-list .link_more {} /* main-news-list */ .main-news-list {margin-top: 14px;} .main-news-list .news-list img.preview_picture { float:left; margin:0 4px 6px 0;} .main-news-list .news-item img.preview_picture { float:left; margin:0 10px 4px 0; position: relative; z-index: 3;} .main-news-list .news-date-time { display: block; color:#113c55; font-size: 11px} .main-news-list .news-item { margin-bottom: 26px;} .main-news-list .news-item h4 { margin: 0px 5px 4px 0; border-bottom: 1px solid #eee; font-size: 18px; color: #444; line-height: 23px;} .main-news-list .item-name:hover h4 { color: #113c55} .main-news-list .item-name { text-decoration: none; } .main-news-list .news-item .news-section { text-decoration: none; color: #777; text-transform: lowercase; } /* main-news-detail */ div.main-news-detail img.detail_picture { float:left; margin:0 12px 6px 1px;} .main-news-detail .news-date-time { display: block; margin: -3px 0 3px; color:#113c55; font-size: 11px} .main-news-detail .detail_picture {margin-top: 5px;} .main-news-detail .news-section { text-decoration: none; text-transform: uppercase; color: #777; } .main-news-detail .news-section:hover { } /** breadcrumb **/ ul.breadcrumb-navigation { padding:4px 0 0 0; margin:34px 0 0 0; list-style:none; font-size:13px; color: #EFAB00;} ul.breadcrumb-navigation li { display:inline; margin-left: 3px;} ul.breadcrumb-navigation a {color: #EFAB00; text-transform: uppercase; text-decoration: none; } /* auth form */ .bx-system-auth-form {margin-bottom: 1.7em;} .bx-system-auth-form label {font-weight: normal} .bx-system-auth-form input[name="USER_LOGIN"] {margin-bottom: -1px;border-bottom-right-radius: 0; border-bottom-left-radius: 0;} .bx-system-auth-form input[name="USER_PASSWORD"] {border-top-left-radius: 0;border-top-right-radius: 0;} .bx-system-auth-form input[name="USER_LOGIN"]:focus, .bx-system-auth-form input[name="USER_PASSWORD"]:focus {position: relative; z-index: 10;} .bx-system-auth-form input[type="submit"] {margin-bottom: 7px;} .bx-system-auth-form button {display: inline; text-decoration: none; border: none; background: none; padding: 0; color: #023578; margin: 0;} .bx-system-auth-form button:hover {text-decoration: underline; color: #c45800;} .bx-system-auth-form .user {list-style: none; margin: 0; padding:0; background: #f5f5f5;} .bx-system-auth-form .user_menu {list-style: none; margin: 0; padding:0 0 10px 0; } .bx-system-auth-form .user_menu li{display: block; margin: 0; padding:0; color: #337ab7; margin-bottom: 4px;} .bx-system-auth-form .user_menu li.item a, .bx-system-auth-form .user_menu li.item button {display: block; margin: 0; padding:0; line-height: 30px; padding: 0 10px; border-left: 3px solid #f5f5f5} .bx-system-auth-form .user_menu li.item a .glyphicon, .bx-system-auth-form .user_menu li.item button .glyphicon{margin-right: 10px;} .bx-system-auth-form .user_menu li.item button {width: 100%; text-align: left;} .bx-system-auth-form .user_menu li.item a:hover, .bx-system-auth-form .user_menu li.item button:hover {background: #ddd; text-decoration: none;border-left: 3px solid #205374} .bx-system-auth-form .title {font-size: 18px; padding:10px 13px 6px 13px} .bx-system-auth-form .title {font-size: 18px; padding:10px 13px 6px 13px} .bx-system-auth-form .title span{font-size: 12px; color:#999; display: block;} .bx-system-auth-form .title span a{color:#999; } .bx-system-auth-form .reg_forgot_link{margin-top: 14px;} /* PAGES */ body.home {background: url(./images/bg05.jpg) center center no-repeat; background-size: cover; background-attachment: fixed;} .home #center_col {padding: 0} #home_container {height: 100vh; } #home_container .left-column{min-height: 100vh; background: rgba(0,0,0,.65); border-left: 1px solid rgba(0,0,0,.3); border-right: 1px solid rgba(0,0,0,.3); } #home_container .left-column .indent {} #home_container .logo { color: #fff; text-align: center; margin: 10px 0 32px 0; line-height: 1;} #home_container .logo span{display: block; } #home_container .logo .text1 {padding: 10px 0 3px 0; font-size: 26px; font-weight: 700; letter-spacing: 2px} #home_container .logo .text2 {padding: 3px 0; font-size: 14px; letter-spacing: 1.5px;} @media screen and (max-width: 767px) { #home_container .logo {margin-top: 0;} } #home_container .dispatching_tel {color: #fff; text-align: center; margin-bottom: 50px;} #home_container .dispatching_tel span{display: block; line-height: 1;} #home_container .dispatching_tel .text1 {font-size: 24px; letter-spacing: 1px;} #home_container .dispatching_tel .text2 {font-size: 32px; font-weight: 700; letter-spacing: 2px; padding: 3px 0 0 0} #home_container .dispatching_tel .text3 {font-size: 26px; letter-spacing: 2.3px;} @media screen and (max-width: 767px) { } #home_container .right-column {position: relative; height: 100vh;} .home-button-s {position: absolute; bottom: 15vh; width: 100%} .home-button-s form {display: block; margin: 20px 0 20px 0; position: relative;} .home-button-s form:after{display: block; content:''; height: 0; clear: both;} .home-button-s input[type="submit"] {display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; border: none; background: none;} .home-button-s .banner-text {display: block; color: #fff; float: left; font-size: 18px; text-transform: uppercase; width: 100%; text-align: center;} .home-button-s .home-button {padding: 10px; background: #cc8413} @media screen and (max-width: 767px) { .home-button-s {position: absolute; top: 65vh; width: 100%} .home-button-s form {max-width: 300px; margin: 10px auto 10px auto; position: relative;} } form.banner_create_tiket {display: block; margin: 20px 0 20px 0; position: relative; min-height: 56px; max-width: 306px; padding: 7px 0 7px 63px; color: #fff; font-size: 18px; line-height: 1.2; background: #023578; border: 1px solid #01214b; } form.banner_create_tiket:after{display: block; content:''; height: 0; clear: both;} form.banner_create_tiket input[type="submit"] {display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; border: none; background: none;} form.banner_create_tiket .banner-text {display: block; color: #fff; float: left; font-size: 18px; text-transform: uppercase; width: 100%; text-align: left;} form.banner_create_tiket .home-button {padding: 10px; background: #cc8413} form.banner_create_tiket:hover {color: #fff; background-color:#004fb9;border-color:#003d8c} form.banner_create_tiket:before {display: block; content: ''; position: absolute; border-radius: 50%; height: 40px; width: 40px; top: 8px; left: 10px; border: 1px solid #01214b; background-color: #01214b;} form.banner_create_tiket:hover:before {background-color:#003d8c; border: 1px solid #003d8c;} form.banner_create_tiket .glyphicon {position: absolute; top: 19px; left: 21px; font-size: 18px; text-shadow: none;} .personal-button-s form {display: block; margin: 20px 0 20px 0; position: relative;} /* #header_home_banner a{display: block; margin: 20px 0 20px 0;}*/ .personal-button-s form:after{display: block; content:''; height: 0; clear: both;} .personal-button-s .icon_frame{display: block; border-radius: 50%; height: 82px; width: 82px; float: left; border: 1px solid #01214b; position: relative; background-color: #fff; } .personal-button-s .icon_frame img{display: block; position: absolute; top: 16px; left: 17px; } .personal-button-s .button-2 img{display: block; position: absolute; top:5.5px; left: 6px; } .personal-button-s .banner-text {margin: 16px 0 0 20px;} .personal-button-s .button-2 .banner-text {margin: 3px 0 0 20px;} .personal-button-s .button-3 .banner-text {margin: 3px 0 0 20px;} .personal-button-s input[type="submit"] {display: block; width: 100%; height: 100%; position: absolute; top:0; left:0; border: none; background: none;} .personal-button-s .banner-text {display: block; color: #fff; float: left; font-size: 18px; text-transform: uppercase;} .personal-button-s .personal-button {padding: 10px; border: 1px solid #01214b;} .personal-button-s .button-1 {background: #023578} .personal-button-s .button-2 {background: #023578} .personal-button-s .button-2 img{display: block; position: absolute; top:5.5px; left: 6px; } .personal-button-s .button-3 {background: #023578} .personal-button-s .button-4 img{display: block; position: absolute; top:8px; left: 8px; } .personal-button-s .button-4 {background: #023578} .personal-button-s .button-4 .banner-text {margin: 5px 0 0 20px;} .user-info .label1 {display: inline-block; width: 130px; color: #777;} .user-info .label2 {display: inline-block; width: 160px; color: #777;} /* END PAGES */ @media (min-width: 768px) { .navbar-default .navbar-brand { display: none; } ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } a.menu:after, .dropdown-toggle:after { content: none; } header {min-height: 250px;} #slider1 .fotorama__nav-wrap {bottom: 90px;} } @media (min-width: 992px) { #bottom_map:before { content: ""; border-right: 680px solid transparent; border-bottom: 70px solid #0c1f2b; position: absolute; bottom: 0; left: 0; z-index: 10; } #bottom_map:after { content: ""; border-left: 680px solid transparent; border-bottom: 70px solid #0c1f2b; position: absolute; bottom: 0; right: 0; z-index: 10; } /* PAGES */ #slider1 .fotorama__nav-wrap {bottom: 100px;} .intro {padding: 50px 0 50px 0; } .intro .text{font-size: 20px } .intro .sign{font-size: 28px; margin-top: 10px;} header {min-height: 250px;} } @media (min-width: 1200px) { /* PAGES */ } @media screen and (max-width: 1200px) { .navbar-default .navbar-nav>li.root>a {padding-left: 10px; padding-right: 10px;} } @media screen and (max-width: 992px) { nav.navbar-default .navbar-nav>li>a{font-size: 14px;} .navbar-default .navbar-nav>li.root>a {padding-left: 6px; padding-right: 6px;} header .indent {top: 0%;} .home header .indent {top: 2%;} } @media screen and (max-width: 767px) { header {min-height: 150px; background-size: 800px auto; background-position: center top; } .home header {background: none; } /* .home header nav{top:0px; z-index: 50} */ #slider1 {min-height: 200px} #slider1 .fotorama__nav { text-align: right;} #slider1 .fotorama__nav-wrap {top: 60px; } .header_wrap, .home .header_wrap{top: 0px; z-index: 50; width:100%} nav.navbar-default {border-radius:0 0 6px 6px; border-bottom: none;} nav li.root a {padding-left: 15px !important;} } @media screen and (max-width: 600px) { } /* elements */ .fb-like-box, .fb-like-box span, .fb-like-box iframe { width: 100% !important;} #vk_groups, #vk_groups iframe { width: 100% !important;} .pasport-info-btn {width:100%; text-align: left !important; white-space: normal !important; margin-bottom: 10px !important;} .bx_pagination_bottom {text-align: center;} .bx_pagination_bottom .bx_pagination_section_two{color: #8d8d8d; font-size:11px;} /* /elements */ #navbar { padding: 0; } #navbar > a { display: none; } #navbar li { position: relative; } #navbar li a { color:#003463; display: block; text-decoration: none;} #navbar li a:active {/* background-color: #c00 !important; */} #navbar span:after { width: 0; height: 0; border: 0.313em solid transparent; /* 5 */ border-bottom: none; border-top-color: #003463; content: ''; vertical-align: middle; display: inline-block; position: relative; right: -0.313em; /* 5 */} #navbar ul {list-style: none; padding: 0} /* first level */ #navbar > ul { background: rgba(255,255,255,.8); } #navbar > ul > li { float: left; } #navbar > ul > li > a {text-align: center; padding: 1em 2em; color:#023578; text-transform:uppercase; font-weight: bold; font-size: 16px; letter-spacing: 0.5px;} #navbar > ul > li:not( :last-child ) > a { /* border-right: 1px solid #023578; */} #navbar > ul > li:hover > a {background: rgba(255,255,255,.7); color: #e06c00} #navbar > ul > li:hover > a span:after {border-top-color: #e06c00;} #navbar > ul:not( :hover ) > li.active > a {background: #fff; } /* second level */ #navbar li ul {background-color: #fff; display: none; position: absolute; top: 100%; border: 1px solid #b3b3b5; border-top: none; z-index: 20} #navbar li:hover ul { display: block; left: 0; right: 0; } #navbar li:not( :first-child ):hover ul { left: -1px; } #navbar li ul a { border-top: 1px solid #b3b3b5; padding: 0.75em; /* 15 (20) */ } #navbar li ul li a:hover, #navbar li ul:not( :hover ) li.active a { background-color: #efefef; color: #e06c00} #navbar li.potrebitelyam ul {width: 200%} /* - - - */ @media only screen and ( max-width: 62.5em ) /* 1000 */ { #navbar{width: 100%;position: static; margin: 0; } } @media only screen and ( max-width: 768px ) /* 640 */ { #navbar {position: relative;top: auto;left: auto;} #navbar > a { width: 4em; /* 50 */ height: 4em; /* 50 */ text-align: left; text-indent: -9999px; background-color: #023578; position: relative; } #navbar > a .icon-bar { display: block; position: absolute; border: 2px solid #fff; top: 24%; left: 25%; right: 25%; content: ''; height: 0px; } #navbar > a .icon-bar:nth-child(2) { top: 45%; } #navbar > a .icon-bar:nth-child(3) { top: 67%; } #navbar:not( :target ) > a:first-of-type, #navbar:target > a:last-of-type { display: block; } #navbar .root > a{padding: 10px 0;} /* first level */ #navbar > ul { height: auto; display: none; position: absolute; left: 0; right: 0; } #navbar:target > ul { display: block; } #navbar > ul > li { width: 100%; float: none; } #navbar > ul > li > a { height: auto; text-align: left; padding: 0 0.833em; /* 20 (24) */ } #navbar > ul > li:not( :last-child ) > a { border: 1px solid #fff; border-top: none; } #navbar li ul { position: static; padding: 1.25em; /* 20 */ padding-top: 0; } #navbar > ul { background: rgba(255,255,255,.9); } #navbar li ul li:nth-child(1) a {border: none} #navbar li ul {padding-bottom: 0.25em; border: none } #navbar li.potrebitelyam ul {width: 100%} #navbar li ul a {border: none;} } #navbarhome { padding: 0; margin: 0 -15px 0 -15px } #navbarhome > a { display: none; } #navbarhome li { position: relative; } #navbarhome li a { color:#fff; display: block; text-decoration: none;} #navbarhome li a:active {/* background-color: #c00 !important; */} #navbarhome span:after { width: 0; height: 0; border: 0.313em solid transparent; /* 5 */ border-right: none; border-left-color: #8c8c8c; content: ''; vertical-align: middle; display: inline-block; position: relative; right: -0.5em; top: -0.1em;/* 5 */} #navbarhome ul {list-style: none; padding: 0} /* first level */ #navbarhome > ul { } #navbarhome > ul > li { /* float: left; */ } #navbarhome > ul > li > a {text-align: left; padding: 0.6em 2em 0.6em 3.7em; color:#fff; text-transform:uppercase; font-size: 16px; letter-spacing: 0.5px; } #navbarhome > ul > li:not( :last-child ) > a { /* border-right: 1px solid #023578; */} #navbarhome > ul > li:hover > a {background: rgba(0,0,0,.5); color: #fff} #navbarhome > ul > li:hover > a span:after {border-left-color: #fff;} #navbarhome > ul:not( :hover ) > li.active > a {background: #fff; } #navbarhome .index {display: none;} /* second level */ #navbarhome li ul {background: rgba(0,0,0,.9); display: none; position: absolute; bottom: 0; border: 1px solid #000; border-top: none; z-index:20} #navbarhome li:hover ul { display: block; right: -100%; width: 100% } #navbarhome li:not( :first-child ):hover ul { /* left: -1px; */ } #navbarhome li ul a { border-top: 1px solid #000; padding: 0.75em; /* 15 (20) */ } #navbarhome li ul li a:hover, #navbarhome li ul:not( :hover ) li.active a { background-color: rgba(0,0,0,.5);} #navbarhome li.potrebitelyam ul {width: 100%; right: -100%; bottom: -250%} /* - - - */ @media only screen and ( max-width: 62.5em ) /* 1000 */ { #navbarhome{width: 100%;position: static; margin: 0; } } @media only screen and ( max-width: 768px ) /* 640 */ { /* #navbarhome {position: relative;top: auto;left: auto;} */ #navbarhome {position:absolute; top: 0; left: 0;} #navbarhome > a { width: 4em; /* 50 */ height: 4em; /* 50 */ text-align: left; text-indent: -9999px; background-color: #023578; position: relative; } #navbarhome > a .icon-bar { display: block; position: absolute; border: 2px solid #fff; top: 24%; left: 25%; right: 25%; content: ''; height: 0; } #navbarhome > a .icon-bar:nth-child(2) { top: 45%; } #navbarhome > a .icon-bar:nth-child(3) { top: 67%; } #navbarhome:not( :target ) > a:first-of-type, #navbarhome:target > a:last-of-type { display: block; } /* first level */ #navbarhome > ul { height: auto; display: none; position: absolute; left: 0; right: 0; } #navbarhome:target > ul { display: block; } #navbarhome > ul > li { width: 100%; float: none; } #navbarhome > ul > li > a { height: auto; text-align: left; padding: 0 0.833em; /* 20 (24) */ } #navbarhome > ul > li:not( :last-child ) > a { border-right: none; border-bottom: 1px solid #777; } #navbarhome li ul { position: static; padding: 1.25em; /* 20 */ padding-top: 0; } #navbarhome > ul { background: rgba(0,0,0,.9); } #navbarhome li ul li:nth-child(1) a {border: none} #navbarhome li ul {padding-bottom: 0.25em;} #navbarhome li.potrebitelyam ul {width: 100%} #navbarhome .root > a{padding: 10px 0;} } /* //- - - */ .afbf_pole_captcha {margin-bottom: 10px !important} .altasib-support-button { background: #023578; border: 1px solid #01214b;} .altasib-support-button:hover { background-color: #004fb9; border-color: #003d8c;} .altasib_ticketnform .dop_title_block_form {color: #023578; font-family: 'Roboto', sans-serif; } .support-form-tab [class^="icon-"] {color: #023578;} a.altasib-form-tab:hover [class^="icon-"] { color: #004fb9; } .altasib_ticketnform .altasib-support-button, a.altasib-support-button-save { background: #023578; border: 1px solid #01214b;} .altasib_ticketnform .altasib-support-button:hover, a.altasib-support-button-save:hover {background-color: #004fb9; border-color: #003d8c;} a.altasib-support-button-cancel{background: #f53029; border: 1px solid #d61d17} a.altasib-support-button-cancel:hover {background: #d01a13; border: 1px solid #a00b05} #altasib-support-detail .ticket_title, #support-detail-info .section {background: #023578; border: 1px solid #01214b;} .altasib-support-block-red, .altasib-support-block-green {border-radius: 0;} .admin-support-menu {margin-bottom: 16px;} .date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td {font-size: 14px; color: #aaa} /* гарантированные поставщики */ #gp-buttons-1 {margin-bottom:20px;} @media (min-width: 730px) { #gp-buttons-1 {position: absolute; top: 15px; right: 15px;} } @media (max-width: 430px) { #gp-buttons-1 .btn{margin-bottom: 10px;} }