/* ==========================================================================
Snippets
========================================================================== */
// Border Radius Simple
.border-radius (@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
border-radius: @radius;
}
// Border Radius Custom
.border-radius-custom (@topleft: 5px, @topright: 5px, @bottomleft: 5px, @bottomright: 5px) {
-webkit-border-radius: @topleft @topright @bottomright @bottomleft;
-moz-border-radius: @topleft @topright @bottomright @bottomleft;
border-radius: @topleft @topright @bottomright @bottomleft;
}
// Box Shadow
.box-shadow (@x: 0px, @y: 3px, @blur: 5px, @alpha: 0.5) {
-webkit-box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
-moz-box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);
}
.box-shadow-inset (@x: 0px, @y: 3px, @blur: 5px, @alpha: 0.5) {
-webkit-box-shadow: inset @x @y @blur rgba(0, 0, 0, @alpha);
-moz-box-shadow: inset @x @y @blur rgba(0, 0, 0, @alpha);
box-shadow: inset @x @y @blur rgba(0, 0, 0, @alpha);
}
// Transition
.transition (@prop: all, @time: 1s, @ease: linear) {
-webkit-transition: @prop @time @ease;
-moz-transition: @prop @time @ease;
-o-transition: @prop @time @ease;
-ms-transition: @prop @time @ease;
transition: @prop @time @ease;
}
// Transform
.transform (@rotate: 90deg, @scale: 1, @skew: 1deg, @translate: 10px) {
-webkit-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
-moz-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
-o-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
-ms-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
}
// Linear Gradient
.gradient (@origin: left, @start: #ffffff, @stop: #000000) {
background-color: @start;
background-image: -webkit-linear-gradient(@origin, @start, @stop);
background-image: -moz-linear-gradient(@origin, @start, @stop);
background-image: -o-linear-gradient(@origin, @start, @stop);
background-image: -ms-linear-gradient(@origin, @start, @stop);
background-image: linear-gradient(@origin, @start, @stop);
}
// Quick Gradient
.quick-gradient (@origin: left, @alpha: 0.2) {
background-image: -webkit-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
background-image: -moz-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
background-image: -o-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
background-image: -ms-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
background-image: linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
}
// Webkit Reflection
.reflect (@length: 50%, @opacity: 0.2){
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(@length, transparent), to(rgba(255,255,255,@opacity)));
}
// Opacity
.opacity(@opacity: 100) {
-webkit-opacity: @opacity / 100;
-moz-opacity: @opacity / 100;
-o-opacity: @opacity / 100;
filter: e(%("alpha(opacity=%d)", @opacity));
opacity: @opacity / 100;
}
.group {
&:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
}
.hide {
display: none !important;
}
.overflow {
overflow: hidden;
}
.inline-links {
.group;
padding: 0;
margin: 0;
li {
float: left;
list-style: none;
a {
display: block;
}
}
}
.links-c {
color: #000;
font-weight: bold;
&:hover {
text-decoration: none;
}
}
.link-c2 {
color: #32CD32;
font-weight: normal;
&:hover {
color: #ff4000;
}
}
.link-c3 {
color: #000;
font-weight: bold;
&:hover {
color: #ff4000;
}
}
/* ==========================================================================
Fonts
========================================================================== */
@font-face {
font-family: 'ALSRublRegular';
src: url('../fonts/rouble-webfont.eot');
src: url('../fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/rouble-webfont.woff') format('woff'),
url('../fonts/rouble-webfont.ttf') format('truetype'),
url('../fonts/rouble-webfont.svg#ALSRublRegular') format('svg');
font-weight: normal;
font-style: normal;
}
span.ruble {
font-family: 'ALSRublRegular' !important;
}
// main font
.font-main {
font-family: Helvetica, Arial, sans-serif;
}
.font-style-main {
font-size: 13px;
line-height: 18px;
}
h1 {
font-size: 24px;
line-height: 28px;
margin: 0 0 26px 0;
padding: 0;
}
h2 {
font-size: 18px;
line-height: 20px;
margin: 0 0 10px 0;
padding: 0;
}
h3 {
.font-style-main;
margin: 0 0 10px 0;
padding: 0;
}
p {
.font-style-main;
margin: 0;
padding: 0 0 10px 0;
}
ol {
padding: 0 15px 10px 0;
margin: 0;
li {
list-style-position: inside;
}
}
/* ==========================================================================
Basic styles
========================================================================== */
html, body {
width: 100%;
height: 100%;
}
body {
min-height: 100%;
height: auto !important;
height: 100%;
background: #f2f2f2;
position: relative;
min-width: 1000px;
color: #000;
margin:0;
.font-main;
.font-style-main;
}
.wrap {
width: 960px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 100;
}
.wrap-out {
width: 100%;
position: relative;
z-index: 100;
}
/* ==========================================================================
Form elements
========================================================================== */
.button-graph {
border: none;
color: #fff;
.font-main;
font-weight: bold;
text-shadow: 0 -1px 0px rgba(0,0,0,0.23);
outline: none;
}
/* ==========================================================================
Header
========================================================================== */
header {
.wrap-out;
height: 101px;
padding: 0;
color: #fff;
z-index: 107;
overflow:hidden;
.panel-1 {
.wrap-out;
height: 53px;
background: url(../img/header/header_back.png) repeat-x 0 0;
.box-shadow (0,1px,4px,0.5);
z-index: 200;
}
.logo {
font-size: 25px;
line-height: 46px;
color: #fff;
.font-main;
font-weight: bold;
text-shadow: 0 -1px 0px #000;
text-decoration: none;
background: url(../img/header/logo.png) no-repeat 0 3px;
padding-left: 80px;
}
.login {
display: block;
background: url(../img/header/header-b.png) no-repeat 0 -22px*6;
height: 42px;
width: 196px;
position: absolute;
right: 4px;
top: 4px;
outline: none;
&:hover {
background-position: 0 -22px*6-42px;
}
&:active {
margin-top: 1px;
background-position: 0 -22px*6-42px*2;
}
&.login-on {
background: url(../img/header/login-email.png) 0 0 no-repeat !important;
text-decoration: none;
text-align: center;
font-weight: bold;
color: #fff;
text-shadow: 0 -1px 0px #000;
line-height: 38px;
}
}
.cargo-location {
background: url(../img/header/header-b.png) no-repeat 0 0;
height: 22px;
width: 192px;
position: absolute;
left: 252px;
top: 14px;
display: block;
outline: none;
&:hover {
background-position: 0 -22px;
}
&:active {
background-position: 0 -22px*2;
}
}
.cargo-location-hover {
background: url(../img/header/header-b.png) no-repeat 0 -44px;
height: 22px;
width: 192px;
position: absolute;
left: 252px;
top: 14px;
display: block;
outline: none;
}
.calc-cost-hover {
background: url(../img/header/header-b.png) no-repeat 0 -110px;
height: 22px;
width: 154px;
position: absolute;
left: 452px;
top: 14px;
display: block;
outline: none;
}
.calc-cost {
display: block;
background: url(../img/header/header-b.png) no-repeat 0 -22px*3;
height: 22px;
width: 154px;
position: absolute;
left: 452px;
top: 14px;
outline: none;
&:hover {
background-position: 0 -22px*4;
}
&:active {
background-position: 0 -22px*5;
}
}
.lang {
.inline-links;
float: right;
margin: 17px 22px 0px 0px;
width: 40px;
background: url(../img/header/lang_arrow.png) no-repeat center right;
li {
&.current a {
border-color: #a3a3a3;
}
}
a {
background: url(../img/header/flags.png) no-repeat 0 0;
width: 18px;
height: 13px;
padding: 1px 2px 2px;
border: 1px solid transparent;
outline:none;
&:hover {
border-color: #a3a3a3;
}
&.ru {
background-position: 2px 1px;
}
&.gb {
background-position: -22px 1px;
}
&.ch {
width: 20px;
background-position: -46px 1px;
}
&.it {
background-position: -72px 1px;
}
&.ge {
background-position: -96px 1px;
}
&.fr {
background-position: -120px 1px;
}
}
}
.panel-2 {
.wrap-out;
height: 35px;
background: #f2f2f2;
border-bottom: 1px solid #fff;
padding-top: 18px;
z-index: 300;
}
.title {
position: absolute;
left: 19px;
top: 0px;
text-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.region {
float: left;
a {
font-weight: bold;
color: #0f0f0f;
padding: 0 12px 0 0;
background: url(../img/header/link-arrow2.png) right 6px no-repeat;
text-decoration: none;
line-height: 16px;
font-weight: bold;
&:hover {
color: #94d0ff;
background-image: url(../img/header/link-arrow-h.png);
span {
background-image: url(../img/header/link-bg-h.png);
}
}
span {
background: url(../img/header/link-bg2.png) repeat-x 0 16px;
display: inline-block;
height: 18px;
}
}
}
.region_amount
{
float: left;
margin-left: 15px;
height: 17px;
color: #0c0c0c;
border-bottom: 1px solid #0c0c0c;
}
.all_news
{
color: #32CD32;
border-bottom: 1px solid #32CD32;
height: 18px;
line-height: 20px;
float: right;
text-decoration: none;
font-weight: bold;
&:hover {
color: #64a9ff;
border-bottom: 1px solid #64a9ff;
}
}
.login_pop {
display: none;
position: absolute;
top: 40px;
right: -8px;
padding: 15px;
min-width: 158px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px 2px rgba(100, 95, 95, 0.5);
-moz-box-shadow: 0 0 10px 2px rgba(100, 95, 95, 0.5);
box-shadow: 0 0 10px 2px rgba(100, 95, 95, 0.5);
&:before {
content: '';
position: absolute;
width: 90%;
height: 21px;
top: -21px;
right: 20px;
background: url(../img/login_arrow.png) no-repeat top right;
}
.mail {
color: #686868;
font-size: 13px;
font-weight: bold;
margin-bottom: 10px;
}
.logout_link {
font-size: 14px;
color: #32CD32;
text-decoration: none;
border-bottom: 1px solid #32CD32;
font-weight: bold;
&:hover {
color: #64a9ff;
border-bottom: 1px solid #64a9ff;
}
}
.form_wrapper {
background: none;
padding: 0;
margin: 7px 0 ;
border-bottom: none;
input {
width: 156px;
height: 28px;
font-size: 14px;
padding: 0 10px;
margin: 0 5px 10px;
}
.forgot_pass {
font-size: 12px;
color: #4c4c4c;
font-weight: 300;
margin-left: 5px;
border-bottom: 1px solid #4c4c4c;
float: left;
text-decoration: none;
&:hover {
color: #64a9ff;
border-bottom: 1px solid #64a9ff;
}
}
.login_link {
font-size: 14px;
color: #32CD32;
text-decoration: none;
border-bottom: 1px solid #32CD32;
font-weight: bold;
float: right;
margin-right: 5px;
&:hover {
color: #64a9ff;
border-bottom: 1px solid #64a9ff;
}
}
.reg_link {
float: left;
text-decoration: none;
font-size: 14px;
font-weight: normal;
border-bottom: 1px solid #32CD32;
margin: 13px 5px 0;
&:hover {
color: #64a9ff;
border-bottom: 1px solid #64a9ff;
}
}
}
}
.header_login
{
padding-left: 20px;
border-left: 1px solid #818181;
float: right;
height: 23px;
margin-left: 20px;
position: relative;
z-index: 10000;
&:hover {
.login_pop {
//display: block;
}
}
a {
color: #32CD32;
text-decoration: none;
border-bottom: 1px dashed #32CD32;
height: 18px;
line-height: 20px;
font-weight: bold;
&:hover {
color: #64a9ff;
border-bottom: 1px dashed #64a9ff;
}
}
#loginform_submit {
display: none;
}
}
.phone {
float: right;
font-size: 23px;
line-height: 52px;
text-shadow: 0 0 10px rgba(0,0,0,0.5);
letter-spacing: -1px;
font-weight: bold;
}
.header_menu {
line-height: 34px;
float: right;
margin: 0 22px 0 0;
ul {
.inline-links;
li {
margin: 0 1px 0 0;
padding: 8px 8px 0;
&.current {
font-weight: bold;
a {
text-decoration: none;
cursor: default;
color: #e91f1f;
}
}
}
a {
color: #f2f2f2;
font-weight: bold;
text-decoration: none;
outline: none;
&:hover {
color: #e91f1f;
}
}
}
}
.border {
.wrap-out;
z-index: 300;
// background: transparent url(../img/header/figure-bg.png) 50% bottom no-repeat;
// height: 2px;
}
.panel-3 {
.wrap-out;
background: transparent url(../img/header/figure-bg-2.png) 50% 0px no-repeat;
height: 116px;
margin: -15px 0 0 0;
z-index: 200;
.title {
font-size: 24px;
line-height: 45px;
color: #fff;
.font-main;
font-weight: bold;
text-shadow: 0 -1px 0px #000;
position: absolute;
left: 199px;
top: 3px;
}
}
&.custom {
height: 182px;
}
}
/* ==========================================================================
Main
========================================================================== */
section.main {
.group;
.wrap;
/*padding-bottom: 65px + 187px;*//*перекрывает футер и блокирует ÑÑылки внизу, еÑли z-index < z-index футера, то проблемы Ñ Ñ€ÐµÐ·ÑƒÐ»ÑŒÑ‚Ð°Ñ‚Ð°Ð¼Ð¸ поиÑка по текÑту*/
z-index: 106;
padding-bottom: 65px;
}
aside {
width: 240px;
float: left;
margin: 20px 40px 0 0;
.holder {
margin: 0 0 36px 0;
}
}
.content {
article {
padding: 0 0 19px 0;
h2 {
width: 620px;
}
& > p {
padding-right: 15px;
}
}
}
aside + section.content, .search-holder + section.content {
float: left;
width: 680px - 5px - 21px;
padding: 14px 5px 31px 21px;
background: #fff;
.box-shadow (0,0,4px,0.15);
}
aside + section.content {
margin-top: 29px;
}
.menu {
padding: 0;
margin: 0 0 13px 0;
.border-radius(4px);
@menu-width: 240px;
width: @menu-width;
.box-shadow (0,0,4px,0.15);
li {
list-style: none;
margin: 0 0 -1px 0;
position: relative;
z-index: 100;
&:hover, &.current {
z-index: 200;
a {
border-color: #F9B69C;
background-color: #FCC8B0;
/*border-color: #dbb35d;
background-color: #ffd46e;*/
}
}
}
a {
.links-c;
outline: none;
display: block;
text-decoration: none;
border: 1px solid #dddddd;
background: #fff url(../img/content/menu-arrow.png) 223px 50% no-repeat;
width: @menu-width - 2px - 20px - 38px;
padding: 5px 38px 5px 20px;
}
.first-child, .first-child a {
.border-radius-custom(4px,4px,0,0);
}
.last-child, .last-child a {
.border-radius-custom(0,0,4px,4px);
margin: 0;
}
}
input.ask-question {
.font-main;
border: none;
background: url(../img/buttons-sprite.png) no-repeat -30px 0;
width: 242px;
height: 35px;
text-align: center;
font-size: 19px;
line-height: normal;
color: #000;
outline: none;
margin-left: -1px;
text-indent: -99999px;
&:hover {
background-position: -30px -50px;
}
&:active {
background-position: -30px -103px;
}
}
.banner-holder-aside {
width: 238px;
height: 148px;
display: block;
padding: 1px;
background: #fff;
.box-shadow (0,2px,4px,0.15);
margin: 0 0 10px 0;
.border-radius(3px);
img {
vertical-align: bottom;
width: 238px;
height: 148px;
.border-radius(2px);
}
}
.search-holder {
width: 680px;
float: left;
margin: 20px 0 23px 0;
position: relative;
p {
.group;
padding: 0;
}
input {
float: left;
}
.search-input {
background: url(../img/content/search-2.png) 0 0 no-repeat;
width: 602px - 40px;
height: 45px - 15px;
color: #cacaca;
font-size: 19px;
line-height: 30px;
outline: none;
border: none;
padding: 7px 20px 8px;
margin: 0 -4px 0 -8px;
.font-main;
&:focus {
color: #000;
background-position: 0 -44px;
}
}
.search-submit {
background: url(../img/content/search-2.png) -613px -49px no-repeat;
width: 90px;
height: 35px;
color: #000;
font-size: 19px;
line-height: normal;
outline: none;
border: none;
.font-main;
text-align: center;
margin: 5px 0 0 0;
text-indent: -99999px;
padding: 0;
&:hover {
background-position: -710px -49px;
}
&:active {
background-position: -818px -49px;
}
}
}
#search-result {
position: absolute;
left: 0;
top: 40px;
z-index:20;
width: 680px;
background: #fff;
line-height: 24px;
border: 1px solid #797979;
border-top-color: #e2e2e2;
padding: 3px 0 3px;
.box-shadow (0,2px,4px,0.5);
a {
display: block;
color: #000;
text-decoration: none;
padding: 0 12px 0 5px;
&.focused {
background: #cce3ff;
}
span {
font-size: 19px;
}
}
}
mark {
background: #ffd46e;
}
.slider_layout .search-result {
position: absolute;
left: 199px;
top: 110px;
width: 600px;
background: #fff;
line-height: 24px;
border: 1px solid #797979;
border-top-color: #e2e2e2;
z-index: 99999999;
padding: 3px 0 3px;
.box-shadow (0,2px,4px,0.5);
a {
display: block;
color: #000;
text-decoration: none;
padding: 0 12px 0 5px;
&.focused {
background: #cce3ff;
}
span {
font-size: 19px;
}
}
}
/* ==========================================================================
Footer
========================================================================== */
footer {
height: 187px;
/*position: absolute;*/
z-index: 105;
left: 0;
bottom: 0;
width: 100%;
font-size: 11px;
line-height: 15px;
-webkit-box-shadow: 0 -10px 20px rgba(255, 255, 255, 0.75);
-moz-box-shadow: 0 -10px 20px rgba(255, 255, 255, 0.75);
box-shadow: 0 -10px 20px rgba(255, 255, 255, 0.75);
.wrap {
height: 187px;
background: url(../img/content/footer-divider.png) 50% 122px no-repeat;
}
p {
font-size: 11px;
line-height: 15px;
&.contacts {
position: absolute;
left: 19px;
top: 35px;
width: 260px;
}
&.copyright {
position: absolute;
left: 300px;
top: 35px;
color: #4c4c4c;
width: 440px;
}
}
a.masters {
position: absolute;
right: 27px;
top: 50px;
width: 153px - 58px;
padding: 0 0 0 69px;
font-weight:bold;
img {
float: left;
margin: 14px 0 0 -69px;
}
}
a {
color: #000;
&:hover {
text-decoration: none;
}
}
nav {
position: absolute;
left: 300px;
top: 141px;
font-weight: bold;
color: #32CD32;
ul {
.inline-links;
}
li {
margin: 0 14px 0 0;
}
a {
.link-c2;
font-weight: bold;
&:hover {
text-decoration: underline;
}
&.current {
text-decoration: none;
}
}
}
}
/* ==========================================================================
ask question modal
========================================================================== */
.overlay {
width: 100%;
height: 100%;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
background: url(../img/content/overlay.png) repeat 0 0;
display: none;
}
.modal-input (@mwidth: 577px, @mheight: 120px){
border: 1px solid #97aaa0;
background: #dff5e0;
.box-shadow-inset (0,1px,2px,0.3);
.border-radius (5px);
width: @mwidth - 2px - 10px;
height: @mheight - 2px - 6px;
padding: 3px 5px;
outline: none;
&:focus {
-webkit-box-shadow: 0 0 6px #ddffeb, inset 0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 6px #ddffeb, inset 0 1px 2px rgba(0,0,0,0.3);
box-shadow: 0 0 6px #ddffeb, inset 0 1px 2px rgba(0,0,0,0.3);
}
}
.modal.ask-question {
position: absolute;
left: 50%;
top: 167px;
z-index: 1100;
background: url(../img/content/ask-question-bg-1.png);
width: 701px;
height: 546px;
margin-left: -350px;
font-size: 19px;
line-height: 24px;
display: none;
&.maps {
background: url(../img/content/ask-question-bg-2.png) 0 0 no-repeat;
}
.close {
width: 36px;
height: 36px;
position: absolute;
right: 11px;
top: 43px;
background: transparent;
text-indent: -9999px;
border: none;
background: url(../img/city-picker/close.png) no-repeat 0 0;
&:hover {
background-position: 0 -36px;
}
&:active {
background-position: 0 -36px*2;
}
}
.tab-1 {
color: #1a1a1a;
position: absolute;
width: 219px;
left: 43px;
top: 12px;
text-align: center;
}
.tab-2 {
color: #1a1a1a;
position: absolute;
width: 150px;
left: 300px;
top: 12px;
text-align: center;
}
strong {
height: 24px;
}
form {
padding: 76px 0 0 62px;
&>div > label {
position: relative;
display: block;
padding-left: 17px;
margin-left: -17px;
&.er-icon {
background: url(../img/content/icon-error.png) no-repeat 0 34px;
}
.er-text {
position: absolute;
display: none;
left: 30px;
top: 0px;
z-index: 20;
font-size: 13px;
color: #ff4000;
.group;
span {
display: block;
float: left;
height: 35px - 3px;
padding-top: 3px;
}
.left {
background: url(../img/content/er-text-l.png) no-repeat 0 0;
width: 10px;
}
.right {
background: url(../img/content/er-text-r.png) no-repeat 0 0;
width: 12px;
}
.text {
background: url(../img/content/er-text-pattern.png) repeat-x 0 0;
}
}
.error + .er-text {
display: block;
}
}
.error {
color: #ff4000;
}
}
div.theme {
margin: 0 0 13px 0;
position: relative;
z-index: 100;
strong {
display: block;
margin: 0 0 -2px 0;
}
a.theme {
color: #32CD32;
outline: none;
text-decoration: none;
padding-right: 13px;
background: url(../img/content/link-arrow-sprite.png) no-repeat right 9px;
span {
background: url(../img/content/link-underline-1.png) repeat-x 0 19px;
}
&:hover {
color: #ff4000;
background-position: right -36px;
span {
background: url(../img/content/link-underline-1-h.png) repeat-x 0 19px;
}
}
}
}
.message {
margin: 0 0 19px 0;
strong {
display: block;
}
textarea {
.modal-input (577px, 120px);
resize: none;
overflow: auto;
}
.er-text {
left: 140px;
}
}
.name {
strong {
display: block;
}
input {
.modal-input(317px, 30px);
}
.er-text {
left: 120px;
}
}
.email {
margin: 0 0 62px 0;
strong {
display: block;
span {
font-weight: normal;
font-size: 13px;
margin-left: 4px;
}
}
input {
.modal-input(517px, 30px);
}
.er-text {
left: 215px;
}
}
.submit-holder {
input {
background: url(../img/content/ask-question-submit.png) -1px 4px no-repeat;
width: 199px;
height: 52px;
border: none;
color: #00040a;
text-align: center;
font-size: 25px;
line-height: normal;
.font-main;
outline: none;
text-indent: -99999px;
margin: -3px 0 0 -7px;
&:hover {
background-position: 0 -67px;
}
&:active {
background-position: 0 -141px;
}
}
}
}
.modals.ask-question {
position: absolute;
left: 50%;
top: 167px;
z-index: 1100;
background: url(../img/content/ask-question-bg.png);
width: 701px;
height: 546px;
margin-left: -350px;
font-size: 19px;
line-height: 24px;
display: none;
.close {
width: 36px;
height: 36px;
position: absolute;
right: 11px;
top: 43px;
background: transparent;
text-indent: -9999px;
border: none;
background: url(../img/city-picker/close.png) no-repeat 0 0;
&:hover {
background-position: 0 -36px;
}
&:active {
background-position: 0 -36px*2;
}
}
.tab {
color: #1a1a1a;
position: absolute;
width: 219px;
left: 43px;
top: 12px;
text-align: center;
}
strong {
height: 24px;
}
form {
padding: 76px 0 0 62px;
&>div > label {
position: relative;
display: block;
padding-left: 17px;
margin-left: -17px;
&.er-icon {
background: url(../img/content/icon-error.png) no-repeat 0 34px;
}
.er-text {
position: absolute;
display: none;
left: 30px;
top: 0px;
z-index: 20;
font-size: 13px;
color: #ff4000;
.group;
span {
display: block;
float: left;
height: 35px - 3px;
padding-top: 3px;
}
.left {
background: url(../img/content/er-text-l.png) no-repeat 0 0;
width: 10px;
}
.right {
background: url(../img/content/er-text-r.png) no-repeat 0 0;
width: 12px;
}
.text {
background: url(../img/content/er-text-pattern.png) repeat-x 0 0;
}
}
.error + .er-text {
display: block;
}
}
.error {
color: #ff4000;
}
}
div.theme {
margin: 0 0 13px 0;
position: relative;
z-index: 100;
strong {
display: block;
margin: 0 0 -2px 0;
}
a.theme {
color: #32CD32;
outline: none;
text-decoration: none;
padding-right: 13px;
background: url(../img/content/link-arrow-sprite.png) no-repeat right 9px;
span {
background: url(../img/content/link-underline-1.png) repeat-x 0 19px;
}
&:hover {
color: #ff4000;
background-position: right -36px;
span {
background: url(../img/content/link-underline-1-h.png) repeat-x 0 19px;
}
}
}
}
.message {
margin: 0 0 19px 0;
strong {
display: block;
}
textarea {
.modal-input (577px, 120px);
resize: none;
overflow: auto;
}
.er-text {
left: 140px;
}
}
.name {
strong {
display: block;
}
input {
.modal-input(317px, 30px);
}
.er-text {
left: 120px;
}
}
.email {
margin: 0 0 62px 0;
strong {
display: block;
span {
font-weight: normal;
font-size: 13px;
margin-left: 4px;
}
}
input {
.modal-input(517px, 30px);
}
.er-text {
left: 215px;
}
}
.submit-holder {
input {
background: url(../img/content/ask-question-submit.png) -1px 4px no-repeat;
width: 199px;
height: 52px;
border: none;
color: #00040a;
text-align: center;
font-size: 25px;
line-height: normal;
.font-main;
outline: none;
text-indent: -99999px;
margin: -3px 0 0 -7px;
&:hover {
background-position: 0 -67px;
}
&:active {
background-position: 0 -141px;
}
}
}
}
/* ==========================================================================
branch-search
========================================================================== */
.link-switch {
margin: 20px 0 10px 0;
ul {
.inline-links;
margin: 0 0 4px -19px;
font-size: 24px;
line-height: 28px;
font-weight: bold;
}
a {
.link-c2;
text-decoration: none;
outline: none;
padding: 4px 19px;
span {
background: url(../img/content/link-underline-1.png) repeat-x 0 24px;
}
&:hover span {
background-image: url(../img/content/link-underline-1-h.png);
}
}
h1 {
padding: 3px 18px;
background: #ffd46e;
border: 1px solid #d5b461;
.border-radius (17px);
.box-shadow-inset (0,1px,2px,0.15);
}
p {
width: 480px;
}
li {
position: relative;
}
}
.content .search-holder {
width: 100%;
float: none;
position: relative;
z-index: 200;
margin: 0;
.search-input {
background: url(../img/content/search-1.png) 0 0 no-repeat;
width: 527px - 32px;
height: 42px;
color: #000;
font-size: 25px;
line-height: normal;
outline: none;
border: none;
padding: 6px 16px;
margin: 0 0 0 -1px;
.font-main;
&:focus {
background-position: 0 -69px;
}
}
.search-submit {
background: url(../img/content/search-1.png) right -6px no-repeat;
width: 101px;
height: 43px;
color: #000;
font-size: 25px;
line-height: normal;
outline: none;
border: none;
.font-main;
text-align: center;
margin: 5px 0 0 0;
&:hover {
background-position: right -75px;
}
&:active {
background-position: right -143px;
}
}
.search-result {
position: absolute;
left: 6px;
top: 45px;
background: #fff;
line-height: 24px;
border: 1px solid #797979;
border-top-color: #e2e2e2;
padding: 3px 0 3px;
.box-shadow (0,2px,4px,0.5);
a {
display: block;
color: #000;
text-decoration: none;
padding: 0 12px 0 5px;
&.focused {
background: #cce3ff;
}
span {
font-size: 19px;
}
}
}
}
.city-list {
position: relative;
z-index: 100;
font-size: 19px;
line-height: 22px;
padding: 38px 0 0 0;
background: url(../img/content/branch-search-header.png) no-repeat 50% 0;
.group;
ul {
padding: 0 60px 0 0;
margin: 0;
width: 200px;
float: left;
&.last-child {
width: 180px;
padding: 0;
}
}
li {
list-style: none;
position: relative;
margin: 0 0 10px 0;
}
a {
.link-c2;
color: #2c2c2c;
}
span {
font-weight: bold;
color: #81a2ca;
display: block;
position: absolute;
left: -22px;
width: 16px;
text-align: center;
top: 0;
}
}
.branch-header {
/* height: 75px;*/
width: 100%;
.group;
.return {
display: block;
background: url(../img/content/icon-return.png) no-repeat 0 0;
width: 87px;
height: 35px;
float: left;
color: #8a8a8a;
text-decoration: none;
font-size: 19px;
line-height: 19px;
margin: 18px 30px 0 -5px;
&:hover {
background-position: right 0;
}
}
.city {
float: left;
padding: 22px 24px 0 0;
h1 {
font-size: 24px;
line-height: 24px;
margin: 0;
padding: 0;
}
}
.tape {
float: left;
.group;
div {
float: left;
height: 75px;
&.left {
background: url(../img/content/tape-left.png) 0 0 no-repeat;
width: 20px;
}
&.middle {
background: url(../img/content/tape-pattern.png) 0 0 repeat-x;
font-size: 15px;
line-height: 15px;
height: 75px - 27px;
padding: 27px 0 0 0;
}
&.right {
background: url(../img/content/tape-right.png) 0 0 no-repeat;
width: 28px;
}
}
}
}
.content-box {
padding: 0 0 31px 0;
background: url(../img/content/box-shadow.png) no-repeat 50% bottom;
}
.tabs-holder {
width: 100%;
.content-box;
.tabs-header {
z-index: 200;
.inline-links;
padding: 2px 0 0 4px;
background: #d0d5d9;
li {
margin: 0 2px 0 0;
}
a {
color: #1a1a1a;
text-decoration: none;
font-size: 19px;
line-height: 19px;
height: 36px - 8px;
padding: 8px 14px 0;
background: none;
border: 1px solid #b1b5b9;
border-bottom: none;
.border-radius-custom (3px,3px,0,0);
margin: 1px 0 0 0;
position: relative;
z-index: 99;
outline: none;
&.current {
height: 37px - 9px;
padding: 9px 15px 0;
background: #fff;
border-color: #fff;
margin: 0;
cursor: default;
z-index: 101;
}
}
}
.tabs-body {
position: relative;
width: 100%;
z-index: 100;
.box-shadow(0,-4px,6px,0.25);
background: #fff;
.tabs-2 {
h2 {
display: none;
}
}
.tabs-1 {
h2 {
display: block;
}
}
h3 {
font-size: 15px;
margin: 0 0 12px 0;
}
}
}
.tabs-1 {
.item {
border-bottom: 1px solid #ddd;
.group;
padding: 0 0 7px 15px;
.info {
float: left;
padding: 24px 0 0 0;
width: 580px;
}
.map {
float: right;
width: 262px;
padding: 7px 0 0 0;
margin: 0 58px 0 0;
.group;
a {
display: block;
float: right;
border: 1px solid #bfbfbf;
padding: 1px;
background: #fff;
width: 139px;
height: 104px;
overflow: hidden;
img {
vertical-align: bottom;
width: 139px;
height: 104px;
}
}
div {
font-size: 15px;
line-height: 15px;
margin: 48px 0 0 0;
float: left;
}
}
.tip {
font-size: 13px;
color: #737373;
width: 500px;
margin: 1px 0 0 21px;
}
}
.cols {
.group;
div {
float: left;
}
.col-1 {
width: 145px;
margin: 0 39px 0 0;
}
.col-2 {
width: 390px;
}
p {
font-size: 15px;
line-height: 18px;
color: #000;
padding: 0 0 0 21px;
margin: 0 0 6px 0;
a {
color: #000;
}
&.phone {
background: url(../img/content/branch-phone.png) 0px 1px no-repeat;
}
&.mail {
background: url(../img/content/branch-email.png) 0px -23px no-repeat;
}
&.address {
background: url(../img/content/branch-address.png) -184px 1px no-repeat;
}
&.worktime {
background: url(../img/content/branch-worktime.png) -184px -23px no-repeat;
}
&.name {
background: url(../img/content/branch-name.png) 2px -53px no-repeat;
}
}
}
}
.tab-2-header {
.inline-links;
padding: 21px 0 26px 15px;
background: url(../img/content/tabs-2-header-bg.png) no-repeat 0 bottom;
li {
padding: 20px 0 0 49px;
height: 37px;
margin: 0 20px 0 0;
&.doc {
background: url(../img/content/icon-xls.png) no-repeat 0 0;
}
&.xls {
background: url(../img/content/icon-xls.png) no-repeat 0 0;
}
}
a {
color: #32CD32;
text-decoration: none;
font-size: 15px;
line-height: 15px;
font-weight: bold;
height: 33px - 8px;
width: 361px;
text-align: center;
background: url(../img/content/branches-b-n.png) no-repeat 0 0;
padding: 8px 0 0 0;
ourline: none;
&:hover {
background: url(../img/content/branches-b-h.png) no-repeat 0 0;
}
}
}
.tabs-1 {
padding-bottom: 50px;
h2 {
padding: 31px 0 17px 19px;
font-size: 19px;
line-height: 19px;
}
.filters {
.inline-links;
padding: 0 0 18px 19px;
a {
font-size: 15px;
line-height: 15px;
color: #32CD32;
text-decoration: none;
padding-bottom: 2px;
background: url(../img/content/link-underline-1.png) repeat-x 0 15px;
outline: none;
}
li {
padding: 3px 14px 1px 13px;
background: transparent url(../img/content/branch-icons-2.png) no-repeat 0 0;
border: 1px solid #fff;
&:hover {
a {
background-image: url(../img/content/link-underline-1-h.png);
color: #ff4000;
}
}
&.current {
a {
color: #000;
cursor: default;
background: none;
}
background-color: #ffd46e;
border-color: #d5b461;
.border-radius (11px);
.box-shadow-inset (0,1px,2px,0.15);
}
&.item-1 {
a {
padding-left: 26px;
}
&.current, &.current:hover {
background-position: 14px 5px;
}
background-position: 14px -35px;
&:hover {
background-position: 14px -75px;
}
}
&.item-2 {
margin: 0 7px 0 0;
a {
padding-left: 26px;
}
&.current, &.current:hover {
background-position: 14px -115px;
}
background-position: 14px -155px;
&:hover {
background-position: 14px -195px;
}
}
&.item-3 {
a {
padding-left: 18px;
}
&.current, &.current:hover {
background-position: 15px -236px;
}
background-position: 15px -276px;
&:hover {
background-position: 15px -316px;
}
}
&.item-4 {
a {
padding-left: 18px;
}
&.current, &.current:hover {
background-position: 14px -355px;
}
background-position: 14px -395px;
&:hover {
background-position: 14px -435px;
}
}
}
}
}
section.content h2 a {
font-weight: normal;
color: #1a1a1a;
}
.news-preview {
.content-box;
div {
.group;
background: url(../img/content/news-pattern.png) repeat-y 0 0;
}
article {
float: left;
width: 240px - 21px - 5px;
padding: 14px 5px 28px 21px;
}
a {
.link-c2;
}
}
.typical-text {
em {
font-style: normal;
color: #666;
}
ul {
padding: 0;
margin: 0 0 10px 0;
}
li {
list-style: none;
}
h2 {
font-size: 15px;
}
}
.cols-2-layout {
.group;
article {
float: left;
width: 460px;
padding: 0 20px 0 0;
}
}
table.price {
width: 920px;
margin: 0 0 0 19px;
th {
background: #f3f4f5;
text-align: center;
height: 59px;
vertical-align: middle;
font-size: 13px;
line-height: 14px;
}
td {
text-align: right;
border-bottom: 1px solid #f2f2f2;
padding: 2px 20px 0px 0;
font-size: 13px;
line-height: 18px;
}
.ta-left {
text-align: left;
padding-right: 0;
padding-left: 10px;
}
.ta-center {
text-align: center;
padding-right: 0;
}
span {
color: #ddd;
}
.first-child td {
padding-top: 6px;
}
}
/* ==========================================================================
map
========================================================================== */
.map-wrap {
width: 100%;
padding-bottom: 252px;
}
section.map-holder {
padding-bottom: 0;
}
.ya-map {
width: 100%;
height: 555px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.ymaps-b-balloon a {
color: #fff;
font-size: 15px;
font-weight: bold;
}
.ymaps-b-balloon__close, .ymaps-b-balloon__tr, .ymaps-b-balloon__tl, .ymaps-b-balloon__bl, .ymaps-b-balloon__br {
display: none !important;
}
.ymaps-b-balloon__content {
background: none !important;
}
.ymaps-b-balloon {
background: url(../img/content/map-tip-bg.png) repeat-x 0 0;
top: -35px !important;
}
.ymaps-b-balloon__content:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: 50%;
top: 28px;
border: 5px solid;
border-color: #181818 transparent transparent transparent;
margin-left: -5px;
}
.days {
text-align: center;
width: 100%;
display: block;
color: #fff;
font-size: 15px;
font-weight: bold;
}
#roadMap .mapHolder {
width: 600px;
height: 420px;
margin: 80px auto 0;
/*img {
width: 600px;
height: 420px;
}*/
}
/* ==========================================================================
City-picker
========================================================================== */
.city-picker {
display: none;
position: absolute;
left: -15px;
top: 90px;
z-index: 1000;
width: 836px;
padding: 66px 0 0 0;
background: url(../img/city-picker/top2.png) no-repeat -12px 0;
.cp-wrap-1 {
padding: 0 0 16px 0;
background: url(../img/city-picker/footer.png) no-repeat left bottom;
}
.cp-wrap-2 {
padding: 0;
background: url(../img/city-picker/pattern.png) repeat-y 0 0;
}
.title {
position: absolute;
left: 48px;
top: 33px;
font-size: 19px;
line-height: 19px;
}
.city-picker-input {
.modal-input (581px, 30px);
position: absolute;
left: 200px;
top: 28px;
}
.close {
position: absolute;
top: 17px;
right: 8px;
background: url(../img/city-picker/close.png) no-repeat 0 0;
width: 36px;
height: 36px;
&:hover {
background-position: 0 -36px;
}
&:active {
background-position: 0 -36px*2;
}
}
.city-list {
position: relative;
z-index: 100;
font-size: 13px;
line-height: 14px;
padding: 16px 0 8px 49px;
background: none;
ul {
padding: 0 20px 0 0;
margin: 0;
width: 140px;
float: left;
}
.last-child {
width: 120px;
}
li {
margin-bottom: 5px;
}
}
}
/* ==========================================================================
Delievery page
========================================================================== */
.del-input {
border: 1px solid #fff;
height: 38px;
width: 272px - 10px;
background: #dbddde; /* Old browsers */
background: -moz-linear-gradient(top, #dbddde 0%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbddde), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dbddde 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dbddde 0%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dbddde 0%,#fefefe 100%); /* IE10+ */
background: linear-gradient(to bottom, #dbddde 0%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbddde', endColorstr='#fefefe', GradientType=0 );
.border-radius(6px);
padding: 0 5px;
outline: none;
color: #000;
font-size: 25px;
line-height: 27px;
.box-shadow(1px,1px,1px,0.9);
.font-main;
&:focus {
-webkit-box-shadow: 0px 0px 20px 5px rgba(255, 255, 255, 0.5);
box-shadow: 0px 0px 20px 5px rgba(255, 255, 255, 0.5);
}
}
.from-where {
.group;
position: absolute;
left: 40px;
top: 70px;
input {
float: left;
}
input[type="text"]{
.del-input;
margin: 0 4px 0 0;
&:focus
{
border: 1px solid #000;
}
}
.refresh {
border: none;
width: 44px;
height: 45px;
background: url(../img/delievery/refresh-button.png) no-repeat 0 0;
margin: -1px 4px 0 0;
&:hover {
background-position: -62px 0;
}
&:active {
background-position: -130px 0;
}
}
}
.refresh2 {
border: none;
width: 44px;
height: 45px;
background: url(../img/delievery/refresh-button.png) no-repeat 0 0;
margin: -1px 4px 0 0;
cursor: default !important;
}
.track-holder {
height: 171px;
position: relative;
z-index: 100;
width: 920px;
margin: 0 auto;
.track {
width: 920px;
height: 5px;
z-index: 100;
position: absolute;
left: 0px;
top: 90px;
background: url(../img/delievery/track-pattern.png) repeat-x 0 0;
.border-radius(2px);
}
.point {
position: absolute;
z-index: 110;
height: 30px;
top: 64px;
&.point-1 {
width: 16px;
background: url(../img/delievery/icon-point-1.png) -1px 0 no-repeat;
}
&.point-2 {
width: 24px;
background: url(../img/delievery/icon-point-2.png) 0 0 no-repeat;
margin-right: -4px;
}
&.point-3 {
width: 22px;
background: url(../img/delievery/icon-point-3.png) 0 0 no-repeat;
}
}
.text {
position: absolute;
font-size: 19px;
line-height: 19px;
top: 42px;
z-index: 120;
color: #32CD32;
&.point-left {
margin-left: -12px;
}
&.point-right {
margin-right: -12px;
}
}
.trans {
position: absolute;
z-index: 120;
&.trans-1 {
background: url(../img/delievery/transp-1.png) 0 0 no-repeat;
height: 23px;
width: 98px;
margin-left: -49px;
top: 67px;
}
&.trans-2 {
/*background: url(../img/delievery/transp-3.png) 0 0 no-repeat;*/
height: 30px;
width: 189px;
margin-left: -95px;
top: 59px;
}
&.trans-3 {
background: url(../img/delievery/transp-2.png) 0 0 no-repeat;
height: 23px;
width: 98px;
margin-left: -49px;
top: 67px;
}
}
.track-time {
width: 100%;
position: absolute;
left: 0;
bottom: 48px;
color: #9f9f9f;
font-size: 19px;
text-align: center;
}
}
.del-block {
.content-box;
position: relative;
z-index: 150;
&.switched {
background: none;
.header {
.box-shadow-inset(0,-4px,6px,0.25);
}
}
.header {
height: 50px - 12px;
width: 940px;
padding: 12px 0 0 20px;
position: relative;
&.header-bg-1 {
background: url(../img/delievery/header-1.png) no-repeat 0 0;
}
&.header-bg-2 {
background: url(../img/delievery/header-2.png) no-repeat 0 0;
}
&.header-bg-3 {
background: url(../img/info/header-3.png) no-repeat 0 0;
}
&.header-bg-4 {
background: url(../img/info/header-4.png) no-repeat 0 0;
}
h2 {
font-size: 24px;
line-height: 24px;
}
}
.del-main {
position: relative;
width: 100%;
z-index: 100;
padding: 8px 0 13px 0;
.box-shadow(0,-4px,6px,0.25);
background: #fff;
&.extended {
display: none;
}
}
.item {
.group;
border-bottom: 1px solid #ddd;
padding: 0 0 1px 0;
min-height: 43px;
&.last-child {
border: none;
}
div {
float: left;
}
.price {
float: right;
font-size: 29px;
line-height: 29px;
padding: 7px 18px 0 0;
text-align: right;
width: 165px;
&.disable {
color: #dfdfdf;
}
}
}
.dest-holder {
width: 430px;
margin: 0 0 0 20px;
.group;
.address {
float: none;
clear: both;
color: #a3a3a3;
font-size: 13px;
line-height: 16px;
padding: 4px 0 0 0;
}
.icon-1 {
width: 20px;
height: 30px;
background: #fff url(../img/delievery/dest-track.png) no-repeat 0 8px;
}
.icon-2 {
width: 20px;
height: 30px;
background: #fff url(../img/delievery/dest-track.png) no-repeat -246px 8px;
}
.icon-3 {
width: 21px;
height: 30px;
background: #fff url(../img/delievery/icon-driver.png) no-repeat 0px 12px;
margin-left: -1px;
}
.from {
background: url(../img/delievery/dest-track.png) no-repeat 0 8px;
width: 245px;
}
&.disable .from {
background-image: url(../img/delievery/dest-track-off.png) ;
}
.from.disable .icon, .to.disable .icon {
background-image: url(../img/delievery/dest-track-off.png) ;
}
.from.disable .city, .to.disable .city {
color: #e8e8e8;
}
.to {
width: 185px;
}
&.no-way .from {
background: none;
}
.city {
color: #1a1a1a;
font-size: 19px;
line-height: 19px;
padding: 12px 0 0 0;
max-width: 165px;
word-wrap: break-word;
span {
background: #fff;
padding: 0 28px 0 6px;
display: inline-block;
}
}
}
.options {
width: 325px;
ul {
list-style: none;
display: block;
padding: 15px 0 0 13px;
margin: 0;
}
li {
display: block;
height: 22px;
margin: 0;
padding: 0 0 7px 0;
&.current a {
background-color: #ffd46e;
.box-shadow-inset (0,1px,2px,0.25);
.text {
background: none;
color: #000;
}
.icon-1 {
background-position: 0 -60px !important;
}
.icon-2 {
background-position: -36px*1 -60px !important;
}
.icon-3 {
background-position: -36px*2 -60px !important;
}
.icon-4 {
background-position: -36px*3 -60px !important;
}
.icon-5 {
background-position: -36px*4 -60px !important;
}
.icon-6 {
background-position: -36px*5 -60px !important;
}
}
}
a {
font-size: 13px;
line-height: 15px;
color: #32CD32;
outline: none;
text-decoration: none;
padding: 4px 8px 3px 44px;
.border-radius(11px);
white-space: nowrap;
.icon {
float: left;
display: block;
width: 28px;
height: 22px;
margin: -3px -36px 0 8px;
padding: 0 0 0 0;
.border-radius-custom(11px,0,11px,0);
background: transparent url(../img/delievery/del-icons.png) no-repeat 0 0;
position: relative;
z-index: 100;
&.icon-1 {
background-position: 0 0;
}
&.icon-2 {
background-position: -36px*1 0;
}
&.icon-3 {
background-position: -36px*2 0;
}
&.icon-4 {
background-position: -36px*3 0;
}
&.icon-5 {
background-position: -36px*4 0;
}
&.icon-6 {
background-position: -36px*5 0;
}
}
&:hover {
color: #ff4000;
.text {
background-image: url(../img/content/link-underline-1-h.png);
}
.icon-1 {
background-position: 0 -30px;
}
.icon-2 {
background-position: -36px*1 -30px;
}
.icon-3 {
background-position: -36px*2 -30px;
}
.icon-4 {
background-position: -36px*3 -30px;
}
.icon-5 {
background-position: -36px*4 -30px;
}
.icon-6 {
background-position: -36px*5 -30px;
}
}
.text {
background: url(../img/content/link-underline-1.png) repeat-x 0 15px;
padding: 0 0 2px 0;
}
}
}
.detail-cost {
position: absolute;
left: 324px;
top: 18px;
font-size: 15px;
}
}
.del-tip {
padding: 0 0 0 480px;
font-size: 13px;
line-height: 18px;
color: #6d6d6d;
margin: -16px 0 40px 0;
}
.input-ext {
position: relative;
display: inline-block;
margin: -11px -11px 0 0;
input {
position: relative;
z-index: 100;
border: none;
background: url(../img/input-ext.png) no-repeat right 0;
width: 99px - 36px - 8px;
height: 22px;
padding: 9px 36px 11px 8px;
font-size: 19px;
line-height: 19px;
outline: none;
text-align: center;
&:focus {
background-position: right -44px;
}
}
span {
position: absolute;
right: 6px;
top: 0;
z-index: 200;
display: block;
width: 29px;
font-size: 19px;
line-height: 24px;
text-align: center;
padding: 7px 0 0 0;
}
}
.input-short {
display: inline-block;
border: none;
background: url(../img/buttons-sprite.png) no-repeat -568px 0;
width: 73px - 18px;
height: 46px - 20px;
font-size: 19px;
line-height: 19px;
padding: 10px 9px;
outline: none;
text-align: center;
margin: -14px 0 0 -7px;
&:focus {
background-position: -568px -45px;
}
}
.del-block .item .input-ext {
float: none;
}
.item.dimensions {
font-size: 19px;
padding: 17px 0 0 0;
.option {
padding: 1px 26px 0 0;
&.ezmark {
font-size: 15px;
}
}
&.extended .option {
padding: 1px 5px 0 0;
}
sup {
font-size: 12px;
}
.weight {
padding-left: 34px !important;
background: url(../img/input-ext.png) no-repeat 19px -10px;
}
.volume {
padding-left: 20px !important;
background: url(../img/delievery/icon-volume.png) no-repeat 1px 1px;
}
.save {
display: block;
text-indent: -9999px;
background: url(../img/buttons-sprite.png) no-repeat -731px 0;
width: 117px;
height: 35px;
text-decoration: none;
float: left;
margin: -6px 0 0 17px;
&:hover {
background-position: -731px -51px;
}
&:active {
background-position: -731px -100px;
}
}
.delete {
display: block;
text-indent: -9999px;
background: url(../img/buttons-sprite.png) no-repeat -632px -226px;
width: 44px;
height: 44px;
text-decoration: none;
float: right;
margin: -13px 4px 0 0;
&:hover {
background-position: -632px -270px;
}
&:active {
background-position: -632px -314px;
}
}
}
article.add-item-dims {
padding: 15px 0 0 39px;
height: 39px;
.button {
text-indent: -9999px;
background: url(../img/buttons-sprite.png) no-repeat -322px 0;
width: 162px;
height: 35px;
display: block;
text-decoration: none;
&:hover {
background-position: -322px -51px;
}
&:active {
background-position: -322px -102px;
}
}
}
.del-add-options .tip, .del-block .tip {
float: left;
display: block;
width: 26px;
height: 26px;
background: url(../img/delievery/tip.png) no-repeat 0 0;
margin: -2px 1px 0 0;
&:hover {
background-position: right 0;
}
position: relative;
}
.option .tip {
background-position: -36px 0;
margin-right: 4px;
}
section.del-add-options {
position: relative;
z-index: 140;
background: #d0d5d9;
.border-radius-custom(0,0,4px,4px);
margin: -31px 0 28px 0;
padding: 27px 0 25px 12px;
.group;
.item {
float: left;
margin: 0 30px 0 0;
position: relative;
}
.ezmark {
float: left;
padding: 0 0 0 40px;
.text-holder {
font-size: 29px;
line-height: normal;
display: block;
color: #a5a9ac;
.text {
font-size: 19px;
line-height: 25px;
display: block;
margin: 0 0 8px 0;
color: #000;
}
}
.ez-checkbox.ez-checked + .text-holder {
color: #000;
}
}
.ez-checkbox {
float: left;
display: block;
margin: -8px 0 0 -40px;
}
}
.tip-holder {
font-size: 15px;
line-height: 21px;
color: #fff;
position: absolute;
left: 0;
top: 0;
background: url(../img/delievery/tip-header.png) no-repeat 0 0;
width: 355px;
padding: 4px 0 0 0;
display: none;
z-index: 999;
}
.tip-wrapper {
background: url(../img/delievery/tip-footer.png) no-repeat 0 bottom;
padding: 0 0 9px 0;
}
.tip-text {
width: 355px - 21px - 15px;
background: url(../img/delievery/tip-pattern.png) repeat-y 0 0;
padding: 8px 15px 11px 21px;
}
.del-links {
background: #e3e6e7;
position: relative;
z-index: 100;
padding-bottom: 89px;
.wrap {
height: 122px;
background: none;
}
ul {
list-style: none;
font-size: 15px;
line-height: 22px;
position: absolute;
top: 28px;
padding: 0;
margin: 0;
&.group-1 {
left: 139px;
}
&.group-2 {
left: 492px;
}
}
li {
margin: 0 0 15px 0;
}
a {
.link-c2;
padding: 0 0 1px 22px;
background: url(../img/delievery/footer-icons.png) no-repeat 0 0;
&.icon-1 {
background-position: 1px 4px;
}
&.icon-2 {
background-position: 4px -49px;
}
&.icon-3 {
background-position: 2px -99px;
}
&.icon-4 {
background-position: 3px -148px;
}
}
}
footer.custom {
height: 89px;
background: none;
position: fixed;
.box-shadow (0,0,0,0);
.total-cost {
background: url(../img/delievery/footer-pattern.png) repeat-x 0 0;
position: relative;
z-index: 110;
.box-shadow(0,0,10px,0.9);
.wrap {
height: 59px;
background: none;
}
.cost-holder {
position: absolute;
left: 328px;
top: 20px;
color: #fff;
font-size: 29px;
.cost {
color: #00eaff;
}
}
.make-order {
display: block;
position: absolute;
right: 0px;
top: 0px;
background: url(../img/buttons-sprite.png) no-repeat -16px -235px;
width: 275px;
height: 59px;
&:hover {
background-position: -16px -301px;
}
&:active {
background-position: -16px -369px;
}
&.send {
background: url(../img/buttons-sprite.png) no-repeat -302px -235px;
&:hover {
background-position: -302px -301px;
}
&:active {
background-position: -302px -369px;
}
}
}
}
.menu-mini {
position: relative;
z-index: 100;
background: #F2F2F2;
.wrap {
height: 30px;
background: none;
}
nav {
position: absolute;
left: 20px;
top: 7px;
font-size: 13px;
a {
.link-c3;
&:hover {
text-decoration: underline;
}
}
li {
margin-right: 29px;
}
}
}
}
/* ==========================================================================
Info
========================================================================== */
.return-black {
display: block;
width: 145px;
height: 65px;
background: url(../img/info/return.png) no-repeat -28px 0;
position: absolute;
left: 0px;
top: 48px;
&:hover {
background-position: -203px 0;
}
&:active {
background-position: -379px 0;
}
}
.gray-input (@mwidth, @mheight){
border: 1px solid #adb1b7;
border-top-color: #8c9097;
border-bottom-color: #c4c7cd;
background: #ffffff;
.box-shadow-inset (0,1px,2px,0.3);
.border-radius (5px);
width: @mwidth - 2px - 12px;
height: @mheight - 2px - 6px;
padding: 3px 6px;
outline: none;
color: #5471cd;
font-size: 20px;
line-height: 20px;
display: inline-block;
&.placeholder-on {
color: #b2b2b2;
font-style: italic;
}
&:focus {
-webkit-box-shadow: 0px 0px 6px 3px rgba(213, 239, 252, 1);
box-shadow: 0px 0px 6px 3px rgba(213, 239, 252, 1);
}
}
.del-info {
&.del-block {
margin: 66px 0 0 0;
.del-main {
padding-bottom: 35px;
}
}
font-size: 18px;
.from-list {
position: absolute;
left: 446px;
top: 19px;
color: #32CD32;
outline: none;
text-decoration: none;
padding-right: 13px;
font-size: 15px;
line-height: 15px;
background: url(../img/content/link-arrow-sprite.png) no-repeat right 7px;
span {
background: url(../img/content/link-underline-1.png) repeat-x 0 15px;
}
&:hover {
color: #ff4000;
background-position: right -38px;
span {
background: url(../img/content/link-underline-1-h.png) repeat-x 0 15px;
}
}
}
.firm-name {
.gray-input(459px,30px);
}
.line {
padding: 19px 0 2px 19px;
.group;
.ezmark {
font-size: 18px;
color: #000;
}
.input-switch {
display: none;
.firm-name {
margin-top: -6px;
}
}
.with-input + .input-swtich {
display: inline;
}
&.input-switch-2 {
display: none;
}
}
.pair {
padding: 0 1px 0 2px;
float: left;
label {
display: block;
margin: 0 0 4px 0;
}
}
.name-1, .name-2, .inn, .kpp, .dob, .comment {
input {
.gray-input (207px,30px);
}
textarea {
.gray-input (307px,70px);
}
}
.fss {
select {
.gray-input (207px,30px);
}
}
.fssdop {
input {
.gray-input (207px,30px);
}
}
.name-3 {
margin-right: 5px;
input {
.gray-input (271px,30px);
}
}
.dd2 {
.gray-input (220px,30px);
}
.phone-number {
input {
.gray-input (220px,30px);
}
textarea {.gray-input (446px,200px);}
}
.sfield {
input {
.gray-input (220px,30px);
}
}
.email {
input {
.gray-input (220px,30px);
}
}
.dob {
input {
.gray-input (220px,30px);
}
}
.cargo-name {
input {
.gray-input (691px,30px);
}
}
&.del-add-options {
padding: 6px 0 29px 0;
}
.car-address {
margin-right: 5px;
input {
.gray-input (691px,30px);
}
}
.work-time {
input {
.gray-input (220px,30px);
}
}
.header-bg-3 {
.ezmark {
position: absolute;
left: 580px;
top: 19px;
font-size: 15px;
}
}
p {
padding: 0;
margin: 0;
font-size: 19px;
line-height: 28px;
letter-spacing: -1px;
em {
color: #808080;
}
.map-link {
font-size: 15px;
color: #32CD32;
padding-left: 18px;
background: url(../img/info/map-link.png) no-repeat 0 3px;
margin-left: 23px;
}
}
.header .radio-group {
position: absolute;
left: 574px;
top: 18px;
font-size: 15px;
}
.radio-group {
.group;
.ezmark {
float: left;
margin-right: 15px;
}
}
}
.info-notifications {
background: #fff;
height: 237px;
margin: 45px 0 0;
h2 {
font-size: 24px;
line-height: 24px;
padding: 27px 0 0 20px;
}
ul {
padding: 19px 0 0 19px;
margin: 0;
list-style: none;
width: 640px;
}
li {
.group;
margin-bottom: 14px;
label {
float: left;
font-size: 19px;
line-height: 25px;
}
.price {
float: right;
font-size: 29px;
line-height: 25px;
&.disable {
color: #DFDFDF;
}
}
.ez-checkbox {
margin-top: -7px;
}
}
}
.footer-cap {
width: 100%;
height: 89px + 70px;
}
.from-list-modal {
display: none;
position: absolute;
z-index: 1000;
left: 0;
top: 0;
background: url(../img/info/from-list-top.png) 0 0 no-repeat;
width: 505px;
padding: 37px 0 0 0;
.wrap-1 {
background: url(../img/info/from-list-bot.png) 0 bottom no-repeat;
padding: 0 0 19px 0;
}
.wrap-2 {
background: url(../img/info/from-list-pattern.png) repeat-y 0 0;
}
.close {
position: absolute;
top: 11px;
right: 9px;
z-index: 100;
width: 26px;
height: 26px;
display: block;
background: url(../img/info/close.png) no-repeat 0 0;
&:hover {
background-position: 0 -26px;
}
&:active {
background-position: 0 -52px;
}
}
table {
width: 447px;
margin: 0px 0 0 16px;
position: relative;
top: -9px;
}
tr:hover {
cursor: pointer;
td {
background: #ffd46e;
}
}
td {
border-bottom: 1px solid #fff;
color: #2c2c2c;
font-size: 13px;
line-height: 14px;
padding: 3px 8px 2px;
background: #f2f2f2;
&.name-3 {
font-weight: bold;
}
}
}
#infoForm {
.er-text {
position: absolute;
display: none;
left: 30px;
top: -12px;
z-index: 20;
font-size: 13px;
line-height: 1.8;
color: #ff4000;
.group;
span {
display: block;
float: left;
height: 35px - 3px;
padding-top: 3px;
}
.left {
background: url(../img/content/er-text-l.png) no-repeat 0 0;
width: 10px;
}
.right {
background: url(../img/content/er-text-r.png) no-repeat 0 0;
width: 12px;
}
.text {
background: url(../img/content/er-text-pattern.png) repeat-x 0 0;
}
}
}
.valid-error {
background: url(../img/info/submit-error.png) no-repeat 0 bottom;
width: 384px;
height: 124px - 17px;
position: absolute;
right: -25px;
bottom: 51px;
z-index: 200;
padding-top: 17px;
display: none;
p {
color: #fff;
font-size: 15px;
line-height: 21px;
padding: 0 0 0 35px;
margin: 0;
a {
color: #00d5ff;
&:hover {
text-decoration: none;
}
}
}
}
/* ==========================================================================
INDEX
========================================================================== */
.map-layout {
width: 100%;
margin: 0;
position: relative;
z-index: 200;
background: #4d79ab;
.map {
width: 100%;
height: 720px;
}
}
header.index {
position: relative;
z-index: 350;
height: 107px;
}
.bottom-bar {
position: relative;
z-index: 1000;
background: #FCFCFC;
background: rgba(254,254,254,0.8);
height: 310px;
width: 680px;
margin-top: 30px;
border-bottom: 1px solid #aeb1b3;
border-top: 1px solid #fff;
.error-holder {
font-size: 13px;
line-height: 16px;
color: #fff;
background: #ff4a19;
position: absolute;
z-index: 300;
.border-radius(4px);
width: 131px - 11px - 6px;
padding: 11px 6px 12px 11px;
&.pos-1 {
left: 40px;
top: 43px;
}
&.pos-2 {
right: 40px;
top: 35px;
}
&.pos-3 {
left: 40px;
top: 106px;
}
}
.error-holder:after {
content: '';
position: absolute;
width: 0;
height: 0;
right: -10px;
top: 50%;
border: 5px solid;
border-color: transparent transparent transparent #ff4a19;
margin-top: -5px;
}
.error-holder.left:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: -10px;
top: 50%;
border: 5px solid;
border-color: transparent #ff4a19 transparent transparent;
margin-top: -5px;
}
.title {
font-size: 24px;
line-height: 45px;
color: #1f1f1f;
.font-main;
font-weight: bold;
position: absolute;
left: 40px;
top: 15px;
}
.cityFrom.error, .cityWhere.error {
border: 1px solid #000;
-webkit-box-shadow: 0px 0px 0px 2px #ff4000;
box-shadow: 0px 0px 0px 2px #ff4000;
}
.dems {
position: absolute;
left: 40px;
top: 137px;
.group;
.input-ext {
margin: 0;
}
.results
{
float: left;
margin: 10px 0 0 15px;
font-size: 25px;
color: #1e1e1e;
span
{
font-size: 36px;
font-weight: bold;
margin: 0 10px;
position: relative;
&.summ:after
{
content: "*";
position: absolute;
top: -5px;
right: -5px;
font-size: 20px;
}
}
}
.about_results
{
float: left;
font-size: 11px;
color: #1e1e1e;
width: 278px;
margin: 33px 0 0 25px;
line-height: 14px;
}
.fast_order
{
float: left;
clear: both;
font-size: 15px;
color: #32CD32;
&:hover {
color: #64a9ff;
}
}
input {
height: 40px;
padding: 0px 40px 0px 8px;
font-size: 25px;
line-height: 25px;
text-align: left;
.border-radius(4px);
.box-shadow(1px,1px,1px,0.9);
&:focus {
-webkit-box-shadow: 0px 0px 20px 5px rgba(255, 255, 255, 0.5);
box-shadow: 0px 0px 20px 5px rgba(255, 255, 255, 0.5);
border: 1px solid #000;
margin: -1px -1px;
}
&.error {
border: 1px solid #000;
-webkit-box-shadow: 0px 0px 0px 2px #ff4000;
box-shadow: 0px 0px 0px 2px #ff4000;
/*margin: -2px 0 0 -2px;*/
}
&.placeholder-on {
color: #b2b2b2;
font-style: italic;
}
}
span {
font-size: 25px;
line-height: 25px;
}
.input-w {
float: left;
padding-left: 21px;
/* margin-left: -21px;*/
background: url(../img/index/icon-weight2.png) 0 10px no-repeat;
input {
background: url(../img/index/input-1.png) -1px 0 no-repeat;
width: 123px - 49px;
}
}
.input-v {
float: left;
padding-left: 25px;
margin-left: 42px - 25px;
background: url(../img/index/icon-dims2.png) 0 10px no-repeat;
input {
background: url(../img/index/input-2.png) -1px 0 no-repeat;
width: 138px - 49px;
}
}
.cost-calc {
display: block;
margin: 22px 0 0 -22px;
float: left;
background: url(../img/index/cost-b.png) no-repeat 0 -5px;
width: 325px;
height: 74px;
clear: both;
&:hover {
background-position: 0 -112px - 5px;
}
&:active {
background-position: 0 -112px * 2 - 5px;
}
}
}
.menu-mini {
.inline-links;
position: absolute;
left: 0;
bottom: 0;
z-index: 100;
width: 100%;
height: 30px;
.wrap {
height: 30px;
background: none;
}
nav {
position: absolute;
left: 20px;
top: 7px;
font-size: 13px;
ul {
padding: 0;
margin: 0;
}
a {
.link-c3;
&:hover {
text-decoration: underline;
}
}
li {
margin-right: 29px;
}
}
}
#searchResults2 {
width: 435px;
left: 525px;
}
#searchResults {
width: 435px;
left: 41px;
}
}
footer.index {
position: relative;
}
.cargo-place {
display: block;
background: url(../img/index/cargo.png) no-repeat 0 0;
width: 278px;
height: 60px;
position: absolute;
z-index: 350;
left: 0;
top: 95px;
}
.promo-place {
position: absolute;
z-index: 350;
top: 63px;
}
.main.index {
padding: 40px 0 40px 0;
width: 100%;
overflow: hidden;
h1 {
text-align: center;
font-size: 37px;
line-height: 46px;
padding: 31px 0 43px 0;
margin-bottom: 0px;
background: #fff;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
}
.block-1 {
background: url(../img/index/block-1-bg.png) no-repeat 0 0;
width: 1040px;
height: 326px;
margin: 0 0 0 -40px;
position: relative;
z-index: 100;
.img-holder {
position: absolute;
left: 40px;
top: 20px;
}
.list {
position: absolute;
left: 470px;
top: 20px;
ul {
padding: 6px 0 0 0;
margin: 0;
list-style: none;
font-size: 19px;
line-height: 23px;
background: #fff;
width: 530px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
height: 286px;
}
li {
width: 530px;
padding: 0 0 0 4px;
margin: 0 0 0 -4px;
background: url(../img/index/list-style.png) no-repeat 0 14px;
span {
display: block;
border-bottom: 1px solid #e1e8ee;
padding: 6px 0 8px 27px;
}
&.last-child span {
border-bottom: none;
}
}
}
}
.block-2 {
width: 960px;
position: relative;
z-index: 99;
background: url(../img/content/box-shadow.png) no-repeat 50% bottom;
padding: 0 0 31px 0;
margin: 0 0 25px 0;
h2 {
text-align: center;
font-size: 24px;
line-height: 30px;
padding: 36px 0 0 0;
margin: 0 0 29px 0;
}
.block-wrap {
.group;
.box-shadow(0,-4px,6px,0.25);
background: #fff;
height: 342px;
}
article {
float: left;
background: #fff;
text-align: center;
width: 20%;
img {
display: block;
margin: 0 auto;
.border-radius(50%);
}
h3 {
text-align: center;
font-size: 19px;
line-height: 22px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: normal;
margin: 0 0 3px 0;
}
}
.inner-wrap {
.group;
width: 850px;
margin: 0 auto;
}
}
.block-3 {
margin: 0 0 82px 0;
h2 {
text-align: center;
font-size: 37px;
line-height: 46px;
margin: 0 0 17px 0;
}
.slider-holder {
width: 1040px;
margin: 0 0 0 -40px;
height: 283px;
position: relative;
.menu {
position: absolute;
z-index: 200;
left: 40px;
top: 20px;
li {
font-weight: normal;
font-size: 19px;
line-height: 22px;
a {
width: 339px;
background-position: 399px 50%;
font-weight: normal;
padding: 6px 38px 8px 41px;
cursor: pointer;
&:first-letter {
margin: 0 5px 0 -22px
}
}
}
}
.item {
position: absolute;
left: 0;
top: 0;
idth: 1040px;
height: 283px;
z-index: 100;
p {
font-weight: bold;
font-size: 24px;
line-height: 30px;
color: #fff;
width: 275px;
position: absolute;
left: 520px;
top: 65px;
}
}
}
}
.block-4 {
margin-bottom: 48px;
h2 a {
color: #1a1a1a;
&:hover {
color: #ff4000;
}
}
}
.block-5 {
background: url(../img/index/shadow-tide.png) no-repeat 50% 40px;
h2 {
font-size: 24px;
line-height: 32px;
font-weight: bold;
float: left;
}
.filters {
.inline-links;
padding: 7px 0 18px 76px;
float: left;
a {
font-size: 15px;
line-height: 15px;
color: #32CD32;
text-decoration: none;
padding-bottom: 2px;
background: url(../img/content/link-underline-1.png) repeat-x 0 15px;
outline: none;
font-weight: bold;
}
li {
padding: 3px 14px 1px 13px;
border: 1px solid #f2f2f2;
&:hover {
a {
color: #ff4000;
background-image: url(../img/content/link-underline-1-h.png);
}
}
&.current {
a {
color: #000;
cursor: default;
background: none;
}
background-color: #ffd46e;
border-color: #d5b461;
.border-radius (11px);
.box-shadow-inset (0,1px,2px,0.15);
}
}
}
.text-holder {
float: none;
clear: both;
width: 100%;
padding-top: 22px;
}
article {
float: left;
width: 300px;
padding: 0 20px 25px 0;
h3 {
line-height: 20px;
margin-bottom: 8px;
}
p {
line-height: 20px;
}
}
}
}
.index-city-picker {
z-index: 500;
}
// preloader
article.preload {
background: url(../img/preloader/bg.jpg) no-repeat 50% 0;
height: 386px - 112px;
width: 100%;
position: relative;
padding: 112px 0 0;
h1 {
text-align: center;
padding: 59px 0 0 0;
}
}
.preload-arrow {
height: 81px*2;
width: 80px;
background: url(../img/preloader/arrow.png) no-repeat 10px top;
margin: 0 auto;
-moz-animation:spin 9s infinite linear;
-webkit-animation:spin 1.8s infinite linear;
}
@-moz-keyframes spin {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(-360deg); }
}
// 404
header.error404 {
background: url(../img/header-404.png) repeat-x 0 0;
.panel-1, .panel-2, nav, .border {
/*background: none;*/
.box-shadow (0px, 0px, 0px, 0);
}
}
header.error404 + .main {
background: url(../img/404.jpg) no-repeat 50% 0;
height: 704px;
width: 100%;
padding: 0;
}
// news-list
aside + section.content.news-list {
padding: 1px 0 0 0;
width: 680px;
}
section.news-list {
h2 {
width: auto;
line-height: 24px;
margin: 0 0 6px 0;
a {
.link-c2;
font-weight: bold;
}
}
article {
border-bottom: 1px solid #e5e5e5;
padding: 13px 140px 5px 20px;
position: relative;
z-index: 10;
time {
position: absolute;
right: 10px;
top: 15px;
color: #cacaca;
}
}
}
section.news-list + .button-holder {
float: right;
width: 680px;
position: relative;
z-index: 10;
padding: 12px 0 0 0;
div {
margin: 0 auto;
width: 160px;
height: 61px;
position: relative;
z-index: 10;
a {
display: block;
width: 100%;
height: 100%;
background: url(../img/more-news-button.png) 0 0 no-repeat;
text-indent: -99999px;
position: relative;
z-index: 10;
&:hover {
background-position: 0 -61px;
}
&:active {
background-position: 0 -61px*2;
}
}
span {
position: absolute;
left: 0;
bottom: 0;
width: 160px;
height: 29px;
z-index: 20;
}
}
}
aside + section.content, .search-holder + section.content {
float: left;
width: 680px - 5px - 21px;
padding: 14px 5px 31px 21px;
background: #fff;
.box-shadow (0,0,4px,0.15);
}
aside + section.content {
margin-top: 29px;
}
.search-holder {
.all-news-link {
display: block;
background: url(../img/all-news-link.png) no-repeat 0 0;
width: 137px;
height: 35px;
text-indent: -99999px;
&:hover {
background-position: 0 -35px;
}
&:active {
background-position: 0 -70px;
}
}
}
section.news-block {
position: relative;
.separator {
width: 680px;
height: 1px;
margin: 0 0 13px -21px;
background: #e5e5e5;
}
h2 {
margin-bottom: 15px;
}
time {
position: absolute;
right: 10px;
top: 15px;
color: #cacaca;
}
}
section.w930 {
width: 934px!important;
.separator{width: 948px;}
.tabl15{
width: 934px;
th{padding:1px;}
}
}
table.typical {
width: 680px - 21px*2;
margin-bottom: 13px;
th,td {
padding: 10px;
text-align: left;
color: #222;
}
th {
background: #e8e9eb;
}
td {
border-bottom: 1px solid #E5E5E5;
background: rgba(243, 243, 243, .85);
line-height: 2;
}
tr:hover td {
background: #fff;
}
}
ul.typical {
list-style: none;
padding: 10px 0;
margin: 0;
li {
padding-left: 16px;
background: url(../img/ul-img.png) no-repeat 0 5px;
margin-bottom: 10px;
}
}
ol.typical {
padding: 10px 0;
margin: 0 0 0 19px;
font-weight: bold;
li {
list-style-position: outside;
margin-bottom: 10px;
}
span {
font-weight: normal;
margin-left: -4px;
}
}
.content blockquote {
padding: 14px 16px 15px 16px;
margin: 0 15px 10px 0;
background: #e8e9eb;
&.orange {
background: #ffd46e;
}
}
// personal
.main section.personal {
padding: 0 0 0 0;
width: 780px;
height:650px;
.border-radius-custom(0,0,5px,5px);
#search-result {
top: 57px;
left: 20px;
}
article {
padding: 30px 0 8px 39px;
border-bottom: 1px solid #e9e9e9;
margin: 0 0 -9px 0;
&.last-child {
padding-bottom: 36px;
}
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
label {
float: left;
font-size: 19px;
font-weight: bold;
line-height: 24px;
width: 345px;
}
li {
.group;
height: 33px;
}
.input-holder {
float: left;
a {
font-size: 19px;
font-weight: bold;
line-height: 24px;
&.info {
.link-c2;
text-decoration: none;
outline: none;
padding: 4px 26px 4px 0;
font-weight: bold;
background: url(../img/personal/icon-edit-normal.png) right 8px no-repeat;
span {
background: url(../img/content/link-underline-1.png) repeat-x 0 19px;
}
&:hover {
background-image: url(../img/personal/icon-edit-hover.png);
span {
background-image: url(../img/content/link-underline-1-h.png);
}
}
}
}
}
.ok {
background: url(../img/personal/icon-buttons.png) 0 0 no-repeat;
width: 34px;
height: 34px;
padding: 0;
margin: 0 1px 0 0;
border: none;
cursor: pointer;
outline: none;
display: block;
float: left;
&:hover {
background-position: 0 -40px;
}
&:active {
background-position: 0 -40px*2;
}
}
.no {
background: url(../img/personal/icon-buttons.png) -34px 0 no-repeat;
width: 34px;
height: 34px;
padding: 0;
margin: 0;
border: none;
cursor: pointer;
outline: none;
display: block;
float: left;
&:hover {
background-position: -34px -40px;
}
&:active {
background-position: -34px -40px*2;
}
}
.input-change {
.gray-input (317px,30px);
margin: 2px 4px 0 0;
float: left;
}
.change {
display: block;
.group;
margin: -5px 0 0 0;
}
float: left;
margin: 76px 0 23px 0;
position: relative;
p {
.group;
padding: 0;
}
input {
float: left;
}
.search-input {
background: url(../img/content/search-2.png) 0 0 no-repeat;
width: 602px - 40px;
height: 45px - 15px;
color: #cacaca;
font-size: 19px;
line-height: 30px;
outline: none;
border: none;
padding: 7px 20px 8px;
margin: 0 -4px 0 -8px;
.font-main;
&:focus {
color: #000;
background-position: 0 -44px;
}
}
.search-submit {
background: url(../img/content/search-2.png) -613px -49px no-repeat;
width: 90px;
height: 35px;
color: #000;
font-size: 19px;
line-height: normal;
outline: none;
border: none;
.font-main;
text-align: center;
margin: 5px 0 0 0;
text-indent: -99999px;
padding: 0;
&:hover {
background-position: -710px -49px;
}
&:active {
background-position: -818px -49px;
}
}
.search-holder {
padding: 20px 0 41px 22px;
width: 760px;
background: url(../img/personal/shadow.png) 0 bottom no-repeat;
position: relative;
z-index: 20;
margin-bottom: -6px;
}
}
aside.personal {
width: 160px;
margin-right: 20px;
.menu {
width: 160px;
a {
width: 160px - 20px;
padding-right: 0;
background-position: 141px 50%;
}
}
h1 {
white-space: nowrap;
}
}
table.point {
width: 740px;
margin: 0 0 0 20px;
position: relative;
z-index: 10;
th {
background: #f0f1f2;
font-size: 13px;
line-height: 13px;
height: 51px;
vertical-align: middle;
text-align: left;
padding: 0 5px;
&.item-1 {
width: 150px;
padding: 0 0 0 10px;
}
&.item-2 {
width: 126px;
}
&.item-3 {
width: 118px;
}
&.item-4 {
width: 214px;
}
&.item-5 {
width: 122px;
}
}
}
.main section.personal ul.point {
padding: 0 0 20px 19px;
margin: 0 25px 0 0;
display: block;
li {
display: block;
position: relative;
height: auto;
padding: 0 0 12px 0;
border-bottom: 1px solid #e3e4e6;
overflow: visible;
&.last-child {
border: none;
}
}
a.edit {
background: url(../img/personal/icon-edit.png) 0 0 no-repeat;
width: 26px;
height: 26px;
display: inline-block;
margin: 0 0 -8px 5px;
&:hover {
background-position: -40px 0;
}
&:active {
background-position: -80px 0;
}
}
.title {
padding: 19px 0 10px 0;
.group;
&.opened {
.info {
color: #000;
background: url(../img/personal/title-opened.png) no-repeat 0px 14px;
span {
background-image: url(../img/personal/underline-opened.png);
}
&:hover {
background: url(../img/personal/title-opened-hover.png) no-repeat 0px 14px;
}
}
}
.info {
background: url(../img/personal/title-normal.png) no-repeat 0px 11px;
.link-c2;
text-decoration: none;
outline: none;
padding: 4px 0 4px 10px;
font-weight: bold;
font-size: 18px;
line-height: 24px;
span {
background: url(../img/content/link-underline-1.png) repeat-x 0 18px;
}
&:hover {
background: url(../img/personal/title-normal-hover.png) no-repeat 0px 11px;
span {
background-image: url(../img/content/link-underline-1-h.png);
}
}
}
}
.info {
div {
float: left;
font-size: 13px;
line-height: 15px;
color: #000;
&.item-1 {
width: 130px;
padding: 0 0 0 12px;
}
&.item-2 {
width: 126px;
}
&.item-3 {
width: 118px;
}
&.item-4 {
width: 214px;
span {
width: 90px;
display: inline-block;
}
}
&.item-5 {
width: 135px;
}
}
}
.add-deliv {
background: url(../img/personal/add-deliv.png) 0 0 no-repeat;
width: 83px;
height: 43px;
display: block;
float: right;
margin: -4px 37px -3px 0;
&:hover {
background-position: -100px 0;
}
&:active {
background-position: -200px 0;
}
}
.stages {
.group;
}
.map-wrapper {
width: 496px - 15px;
float: right;
height: 330px - 13px;
background: url(../img/personal/map-bg.png) 0 0 no-repeat;
margin: 14px -37px 0 0;
position: relative;
z-index: 20;
padding: 13px 0 0 15px;
.ymaps-map {
width: 470px !important;
height: 300px !important;
}
}
.stages-text {
float: left;
width: 280px;
margin: 0 -10px 0 0;
position: relative;
z-index: 10;
padding: 27px 0 0 0;
.stages-title {
font-size: 19px;
line-height: 24px;
margin: 0 0 5px 0;
}
table {
width: 100%;
font-size: 13px;
line-height: 15px;
color: #000;
}
th {
background: #f0f1f2;
padding: 10px 0;
&.item-1 {
width: 137px - 8px;
padding-left: 8px;
}
}
.table-wrapper {
height: 245px;
overflow-x: auto;
table {
margin: 12px 0 0 0;
}
}
tbody {
tr {
border-bottom: 1px solid #f0f1f2;
&.last-child {
border: none;
}
}
td {
vertical-align: top;
padding: 2px 0;
&.item-1 {
width: 137px - 8px;
padding-left: 8px;
}
}
}
}
.input-change {
width: 633px;
}
}
section.personal .add-order-wrapper {
background: url(../img/personal/add-order-bg.png) 0 0 no-repeat;
height: 100px;
width: 780px;
.group;
&.title {
background: url(../img/personal/shadow.png) 0 bottom no-repeat;
height: 111px;
}
div {
float: left;
&.text {
font-weight: bold;
font-size: 18px;
line-height: 24px;
padding: 28px 0 0 19px;
}
&.order-input-holder {
background: url(../img/personal/order-input-bg-2.png) 40px 0 no-repeat;
width: 240px;
height: 53px;
margin: 21px 0 0 26px;
.tth {
margin: 3px 10px 0 3px;
float: none;
.gray-input (94px,30px);
width: 138px - 5px;
padding: 3px 0px 3px 3px;
height: 30px;
box-sizing: border-box;
&:focus {
-webkit-box-shadow: 0px 0px 10px 5px rgba(213, 239, 252, 1);
box-shadow: 0px 0px 10px 5px rgba(213, 239, 252, 1);
}
}
.pin {
margin: 3px 0 0 2px;
float: none;
.gray-input (52px,30px);
width: 65px - 2px - 5px;
padding: 3px 2px 3px 3px;
height: 30px;
box-sizing: border-box;
&:focus {
-webkit-box-shadow: 0px 0px 10px 5px rgba(213, 239, 252, 1);
box-shadow: 0px 0px 10px 5px rgba(213, 239, 252, 1);
}
}
}
&.add-button-holder {
padding: 23px 0 0 17px;
&.search input {
background: url(/img/personal/search-button.png) 0 0 no-repeat;
width: 132px;
margin-left: -1px;
height: 35px;
&:hover {
background-position: 0 -70px;
}
&:active {
background-position: 0 -70px*2;
}
}
input {
background: url(../img/personal/add-order-input.png) 0 0 no-repeat;
width: 122px;
height: 35px;
border: none;
margin-left: -1px;
&:hover {
background-position: 0 -70px;
}
&:active {
background-position: 0 -70px*2;
}
}
}
}
}
.main section.search {
h2 {
padding: 13px 0 0 19px;
}
table.point {
margin-bottom: 10px;
}
.add-to-orders {
background: url(../img/personal/add-to-my-orders-bg.png) 0 0 no-repeat;
height: 80px;
.add-button-holder {
input {
background: url(../img/personal/add-to-my-orders.png) 0 0 no-repeat;
width: 262px;
margin-left: -1px;
height: 35px;
border: none;
&:hover {
background-position: 0 -50px;
}
&:active {
background-position: 0 -50px*2;
}
}
}
}
}
/* ==========================================================================
login modal
========================================================================== */
.modal.login-form {
position: absolute;
left: 50%;
top: 165px;
z-index: 1100;
background: url(/img/login_1.png) 0 0 no-repeat;
width: 698px;
height: 688px;
margin-left: -350px;
font-size: 19px;
line-height: 24px;
display: none;
&.login-tab {
background: url(../img/login-2.png) 0 0 no-repeat;
height: 399px;
}
.close {
width: 36px;
height: 36px;
position: absolute;
right: 10px;
top: 45px;
background: transparent;
text-indent: -9999px;
border: none;
background: url(../img/city-picker/close.png) no-repeat 0 0;
&:hover {
background-position: 0 -36px;
}
&:active {
background-position: 0 -36px*2;
}
}
.tab {
color: #1a1a1a;
position: absolute;
top: 7px;
text-align: center;
height: 38px - 6px;
display: block;
text-decoration: none;
padding: 6px 0 0 0;
&.item-1 {
left: 42px;
width: 149px;
}
&.item-2 {
left: 193px;
width: 82px;
}
}
strong {
height: 24px;
font-size: 20px;
margin: 0 0 11px 0;
width: 570px;
display: block;
.group;
span {
float: right;
font-size: 13px;
font-weight: normal;
line-height: 30px;
}
}
form {
padding: 99px 0 0 61px;
&>div {
margin: 0 0 10px 0;
}
&>div > label {
position: relative;
display: block;
padding-left: 17px;
margin-left: -17px;
&.er-icon {
background: url(../img/content/icon-error.png) no-repeat 0 49px;
}
.er-text {
position: absolute;
display: none;
left: 30px;
top: 0px;
z-index: 20;
font-size: 13px;
color: #ff4000;
.group;
span {
display: block;
float: left;
height: 35px - 3px;
padding-top: 3px;
}
.left {
background: url(../img/content/er-text-l.png) no-repeat 0 0;
width: 10px;
}
.right {
background: url(../img/content/er-text-r.png) no-repeat 0 0;
width: 12px;
}
.text {
background: url(../img/content/er-text-pattern.png) repeat-x 0 0;
}
}
.error + .er-text {
display: block;
}
}
.error {
color: #ff4000;
}
}
.submit-holder {
padding: 38px 0 0 0;
input {
background: url(../img/personal/login-enter.png) 0 1px no-repeat;
margin: 0 0 0 -11px;
width: 155px;
height: 53px;
border: none;
color: #00040a;
text-align: center;
font-size: 25px;
line-height: normal;
.font-main;
outline: none;
text-indent: -99999px;
&:hover {
background-position: 0 -69px;
}
&:active {
background-position: 0 -138px;
}
}
}
label {
input {
.modal-input(570px, 40px);
font-size: 25px;
}
}
}
#regForm2 {
&>div {
margin: 0 0 20px 0;
}
.submit-holder {
padding: 33px 0 0 0;
}
}
.latent {
display:none;
}
element.style {
margin: 0 0 10px;
padding: 0;
}
/******************* Стили РґР»СРформы РїРѕ Китаю **********************/
.H2 {
color: #000000;
display: block;
font-size: 120%;
font-weight: bold;
margin: 20px 0;
padding: 0;
}
.Form {
border: 2px solid #F1F3F6;
padding: 0;
width: 100%;
}
#frm {
margin-top:30px;
}
#frm .InputSelect b {
display: block;
font-weight: normal;
}
#frm input {font-family: Tahoma;font-size: 12px;-moz-box-shadow: 0px 0px 3px #555;-webkit-box-shadow: 0px 0px 3px #555;box-shadow: 0px 0px 3px #555;}
#frm select {font-family: Tahoma;font-size: 12px;-moz-box-shadow: 0px 0px 3px #555;-webkit-box-shadow: 0px 0px 3px #555;box-shadow: 0px 0px 3px #555;}
#frm textarea {font-family: Tahoma;font-size: 12px;-moz-box-shadow: 0px 0px 3px #555;-webkit-box-shadow: 0px 0px 3px #555;box-shadow: 0px 0px 3px #555;}
#frm input.disabled {background-color: #f7f7f7;}
#frm .InputCheckbox {-moz-box-shadow: 0px 0px 3px #555;-webkit-box-shadow: 0px 0px 3px #555;box-shadow: 0px 0px 3px #555;}
#frm .InputSelect {-moz-box-shadow: 0px 0px 3px #555;-webkit-box-shadow: 0px 0px 3px #555;box-shadow: 0px 0px 3px #555;}
#frm .InputButton {font-size: 14px;font-weight: bold;background: url(/img/menu-bg.png) repeat-x left bottom;color: #ffffff;text-align: center;border: 0px;padding: 3px 10px 4px 10px;cursor: pointer;}
#frm .InputText {width: 100%;color: #000000;text-align: left;border: 0px;padding: 3px 0px;}
#frm .InputTextarea {width: 100%;color: #000000;text-align: left;border: 0px;}
#frm .InputCheckbox {width: 15px;height: 15px;display: inline;padding: 1px 5px 0px 6px;margin: 0px 3px 0px 3px;background: url(/img/checkbox.gif) no-repeat center -15px;cursor: pointer;}
#frm .InputCheckbox input {display: none;}
#frm .InputRadio {width: 15px;height: 15px;display: inline;padding: 3px 7px 2px 8px;margin: 0px 3px 0px 3px;background: url(/img/radio.png) no-repeat center -19px;cursor: pointer;}
#frm .InputRadio input {display: none;}
#frm .InputSelect {color: #000000;text-align: left;border: 0px;padding: 3px 25px 3px 5px;margin: 0px;background: #ffffff url(/img/select.png) no-repeat right center;cursor: pointer;}
#frm .InputSelect select {display: none;}
#frm .InputSelect b {display: block;font-weight: normal;}
.InputSelect span {background-color: #ffffff;display: none;position: absolute;margin: 3px 0px 0px -6px;padding-bottom: 5px;border: 1px solid #e0e0e0;z-index: 150;overflow-y: auto;}
.InputSelect span a {display: block;padding: 3px 10px;margin: 0px;color: #000000;}
.InputSelect span a:hover {background-color: #f2f2f2;}
.form_errors{color:red; margin:30px 10px 0 19px}
#popap_img {
display:block;
margin:0 auto;
}
#gtranslate {position: absolute; right: 8px; top: 13px; width: 150px;}
.goog-te-gadget-simple {background:none !important;}
.goog-te-gadget-simple .goog-te-menu-value {color:#fff !important;}
.goog-te-gadget-simple .goog-te-menu-value span {padding:0 4px 0 0!important}
.goog-te-gadget img {display:none !important}
/*iframe.goog-te-menu-frame, iframe.skiptranslate {
display:block!important;
visibility: visible!important;
-moz-box-sizing: content-box!important;
width: 125px!important;
height: 130px!important;
left: 1294px!important;
top: 38px!important;
}
.goog-te-menu2-item, .goog-te-menu2-item-selected {text-decoration:underline!important}
a.goog-te-menu2-item div, a.goog-te-menu2-item-selected div, .goog-te-menu2 div {display:inline!important}*/
/*slider styles*/
.slider_layout
{
width: 100%;
overflow: hidden;
position: relative;
}
.slider_layout .next, .slider_layout .prev
{
width: 44px;
height: 64px;
background-repeat: no-repeat;
position: absolute;
top: 155px;
z-index: 1000;
cursor: pointer;
}
.slider_layout .next
{
right: 60px;
background-image: url(../img/slider/next.png);
}
.slider_layout .prev
{
left: 60px;
background-image: url(../img/slider/prev.png);
}
.slider_content
{
list-style: none;
}
.slider_content li
{
width: 100%;
height: 390px;
}
.slider_content li img
{
width: 100%;
height: 100%;
}
.slider-item1
{
background: url(../img/slider/slider1.png);
background-position: left;
}
.slider-item2
{
background: url(../img/slider/slider2.png);
background-position: center;
}
.slider-item3
{
background: url(../img/slider/slider3.png);
background-position: center;
}
.slider-item4
{
background: url(../img/slider/slider4.png);
background-position: center;
}
.slider_inside
{
height: 100%;
}
.control_blocks
{
width: 100%;
background: url(../img/slider/pattern.png);
height: 153px;
}
.control_block
{
border: 3px solid transparent;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
color: #bababa;
float: left;
min-width: 176px;
max-width: 187px; /*199*/
height: 116px;
position: relative;
top: -8px;
padding: 25px 20px 20px 23px;
line-height: 15px;
margin-left: 9px;
cursor: pointer;
&:first-child
{
margin-left: 0px;
}
&.active
{
border: 3px solid #262626;
background-color: #fff;
color: #1d1d1d;
font-size: 13px;
&:before
{
content: "";
position: absolute;
width: 27px;
height: 13px;
top: -13px;
left: 50%;
margin-left: -13px;
background: url("../img/slider/arrow.png") no-repeat;
}
.title
{
color: #1d1d1d;
}
.link {
color: #262626;
}
}
.title
{
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
color: #fff;
line-height: 18px;
}
.link {
text-decoration: none;
color: #bababa;
font-weight: bold;
}
}
.form_wrapper
{
background: #FCFCFC;
background: none repeat scroll 0 0 rgba(254, 254, 254, 0.8);
border-bottom: 1px solid #AEB1B3;
border-top: 1px solid #FFFFFF;
height: 310px;
margin-top: 30px;
padding: 25px 38px 33px;
width: auto;
height: auto;
display: inline-block;
.title
{
font-size: 26px;
color: #1f1f1f;
font-weight: bold;
margin-bottom: 20px;
}
.form_title
{
font-size: 16px;
color: #000;
margin-bottom: 15px;
}
input
{
width: 320px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff;
border: 1px solid #b1b5bb;
height: 38px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
margin-bottom: 20px;
padding: 0 15px;
font-size: 18px;
}
.submit-holder
{
float: left;
margin-bottom: 10px;
input
{
background: url(../img/personal/login-enter.png) 0 1px no-repeat;
margin: 0 0 0 -11px;
width: 155px;
height: 53px;
border: none;
color: #00040a;
text-align: center;
font-size: 25px;
line-height: normal;
font-family: Helvetica, Arial, sans-serif;
outline: none;
text-indent: -99999px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
&:hover
{
background-position: 0 -69px;
}
}
}
.forgot_pass, .reg_link
{
color: #32CD32;
font-size: 16px;
text-decoration: underline;
&:hover {
color: #64a9ff;
}
}
.reg_link
{
float: right;
margin-top: 23px;
}
.forgot_pass
{
display: block;
clear: both;
}
}
.place_check
{
width: 452px;
input
{
float: left;
}
.TTH
{
width: 106px;
margin-right:14px;
}
.pin
{
width: 93px;
margin-right:14px;
}
input[type="submit"]
{
width: 148px;
background: #dce0e4;
color: #000000;
font-size: 24px;
-webkit-box-shadow: inset 0 1px 2px rgba(254, 254, 254, 0.9);
-moz-box-shadow: inset 0 1px 2px rgba(254, 254, 254, 0.9);
box-shadow: inset 0 1px 2px rgba(254, 254, 254, 0.9);
background: -moz-linear-gradient(bottom, #dbddde 0%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,#dbddde), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(bottom, #dbddde 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(bottom, #dbddde 0%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(bottom, #dbddde 0%,#fefefe 100%); /* IE10+ */
background: linear-gradient(to top, #dbddde 0%,#fefefe 100%); /* W3C */
border-bottom: 1px solid #757e88;
border-right: 1px solid #757e88;
height: 40px;
}
input[type="submit"]:hover
{
background: -moz-linear-gradient(top, #dbddde 0%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left top, color-stop(0%,#dbddde), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dbddde 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dbddde 0%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dbddde 0%,#fefefe 100%); /* IE10+ */
background: linear-gradient(to bottom, #dbddde 0%,#fefefe 100%); /* W3C */
}
.find_number
{
margin-top: 10px;
color: #32CD32;
font-size: 16px;
text-decoration: none;
border-bottom: 1px dashed #32CD32;
&:hover {
color: #64a9ff;
border-bottom: 1px dashed #64a9ff;
}
}
}
.prev.disabled
{
display: none;
}
.next.disabled
{
display: none;
}
.menu-mini-wrapper
{
.menu-mini {
.inline-links;
background: #D4D4D4;
left: 0;
bottom: 0;
z-index: 100;
width: 100%;
height: 35px;
padding-top: 10px;
margin: -17px 0 0 0;
.wrap {
height: 35px;
background: none;
}
nav {
position: absolute;
left: 20px;
top: 7px;
font-size: 13px;
ul {
padding: 0;
margin: 0;
}
a {
.link-c3;
&:hover {
text-decoration: underline;
}
}
li {
margin: 0 17px;
}
}
}
}
.form_wrapper {
form {
div label {
position: relative;
display: block;
padding-left: 17px;
margin-left: -17px;
&.er-icon {
background: url(../img/content/icon-error.png) no-repeat 0 15px;
}
.er-text {
position: absolute;
display: none;
left: 30px;
top: -35px;
z-index: 20;
font-size: 13px;
color: #ff4000;
.group;
span {
display: block;
float: left;
height: 35px - 3px;
padding-top: 3px;
}
.left {
background: url(../img/content/er-text-l.png) no-repeat 0 0;
width: 10px;
}
.right {
background: url(../img/content/er-text-r.png) no-repeat 0 0;
width: 12px;
}
.text {
background: url(../img/content/er-text-pattern.png) repeat-x 0 0;
}
}
.error + .er-text {
display: block;
}
}
.error {
color: #ff4000;
}
}
}
.announce_slider
{
float: right;
margin-right: 10px;
li
{
width: 460px;
height: 30px;
padding-top: 4px;
background: url(../img/header/announce.png) no-repeat 0px 2px ;
}
.announce
{
font-weight: bold;
height: 30px;
line-height: 15px;
color: #040404;
padding-left: 37px;
}
}
.form-branch {
padding: 0;
.bottom-bar{
margin: 0 auto 20px;
border-bottom: 0;
}
.search-result {
position: absolute;
left: 199px;
top: 110px;
width: 600px;
background: #fff;
line-height: 24px;
border: 1px solid #797979;
border-top-color: #e2e2e2;
z-index: 99999999;
padding: 3px 0 3px;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
a {
display: block;
color: #000;
text-decoration: none;
padding: 0 12px 0 5px;
&.focused {
background: #cce3ff;
}
span{
font-size: 19px;
}
}
}
}
.nal-opl {
font-size: 18px;
text-align: center;
position: relative;
top: 257px;
left: 10px;
a{
text-decoration: none;
color: #4B4B4B;
border-bottom:1px dashed #666;
&:hover{border-bottom:0;}
}
}
.banner-link {
width: 100%;
height: 100%;
display: block;
position: absolute;}
/*.w930 form#mfm{
margin-left: -21px;
}*/
//.w930 .del-add-options{margin-right:-5px;}
.registry-on-page{
position: static!important;
background: #F2F2F2!important;
width: 400px!important;
height: auto!important;
margin: auto!important;
& .calculation-form .inotice{
display:block;
color:red;
font-size: 14px;
margin: -10px 0 0 5px;
}
& #regFormF .inotice{
display:block;
color:red;
font-size: 14px;
margin: -10px 0 0 5px;
}
& .calculation-form div .ierror {
border: 1px solid red!important;
box-shadow: inset 0 0px 10px rgba(255,0,0,.3);
}
& #regFormF div .ierror {
border: 1px solid red!important;
box-shadow: inset 0 0px 10px rgba(255,0,0,.3);
}
& .jurLog form, .ipLog form{padding:0; height:auto;}
& table {width:100%}
& table td{padding-right:20px;}
& table .option{
font-size:14px!important;
position: relative;
& input{
opacity: 0;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
width:35px!important;
height:34px!important;
}
& input + span{
display: inline-block;
width: 35px;
height: 34px;
vertical-align: middle;
background-image: url(/img/check_box.png);
background-position:0 0;
cursor: pointer;
position: absolute;
right: 0px;
top: -10px;
}
& input:checked + span{
background-position:0 -35px;
}
}
& div .email input, div .kpp input{
border: 0px none!important;
width: 241px!important;
height: 33px!important;
border-top: 1px solid #cacaca;
border-left: 1px solid #cacaca;
margin-bottom: 10px;
font: 14px 'HelveticaNeueCyr-Roman';
color: #000;
padding-left: 9px!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
background: #fff;
}
& .submit-holder2{
& input{
display: block;
width: 242px!important;
height: 33px!important;
text-align: center;
color: #fff!important;
font: 16px "HelveticaNeueCyr-Roman";
background: #32CD32!important;
border: 0px none!important;
box-shadow: inset 0 -2px 0 0px #32CD32;
margin-top: 5px!important;
text-indent: 0;
&:hover{
background: #C20505!important;
}
}
}
}
.breadcrumbs{
color: #A9A9A9;
font-size: 12px;
margin: 9px 0 0;
& a{
color: #A9A9A9;
font-size: 12px;
&:hover{
text-decoration:none;
}
}
& span{
display: inline-block;
width: 4px;
height: 4px;
border-top: 1px solid #A9A9A9;
border-right: 1px solid #A9A9A9;
transform: rotate(45deg);
margin: 0px 3px 1px 3px;
}
}
.ask-question#roadMap{
position: fixed;
top: 50%;
margin-top: -273px;
}