.tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 { position: relative; } .tablet-grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-5 { margin-left: 5%; } .tablet-suffix-5 { margin-right: 5%; } .tablet-push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-10 { margin-left: 10%; } .tablet-suffix-10 { margin-right: 10%; } .tablet-push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-14 { float: left; width: 14.285%; /* */ *width: expression(Math.floor(0.14285 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-15 { margin-left: 15%; } .tablet-suffix-15 { margin-right: 15%; } .tablet-push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-16 { float: left; width: 16.6666%; /* */ *width: expression(Math.floor(0.16666 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-20 { margin-left: 20%; } .tablet-suffix-20 { margin-right: 20%; } .tablet-push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-25 { margin-left: 25%; } .tablet-suffix-25 { margin-right: 25%; } .tablet-push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-30 { margin-left: 30%; } .tablet-suffix-30 { margin-right: 30%; } .tablet-push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-35 { margin-left: 35%; } .tablet-suffix-35 { margin-right: 35%; } .tablet-push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-40 { margin-left: 40%; } .tablet-suffix-40 { margin-right: 40%; } .tablet-push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-45 { margin-left: 45%; } .tablet-suffix-45 { margin-right: 45%; } .tablet-push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-50 { margin-left: 50%; } .tablet-suffix-50 { margin-right: 50%; } .tablet-push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-55 { margin-left: 55%; } .tablet-suffix-55 { margin-right: 55%; } .tablet-push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-60 { margin-left: 60%; } .tablet-suffix-60 { margin-right: 60%; } .tablet-push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-65 { margin-left: 65%; } .tablet-suffix-65 { margin-right: 65%; } .tablet-push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-70 { margin-left: 70%; } .tablet-suffix-70 { margin-right: 70%; } .tablet-push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-75 { margin-left: 75%; } .tablet-suffix-75 { margin-right: 75%; } .tablet-push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-80 { margin-left: 80%; } .tablet-suffix-80 { margin-right: 80%; } .tablet-push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-85 { margin-left: 85%; } .tablet-suffix-85 { margin-right: 85%; } .tablet-push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-90 { margin-left: 90%; } .tablet-suffix-90 { margin-right: 90%; } .tablet-push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-95 { margin-left: 95%; } .tablet-suffix-95 { margin-right: 95%; } .tablet-push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-33 { margin-left: 33.33333%; } .tablet-suffix-33 { margin-right: 33.33333%; } .tablet-push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-prefix-66 { margin-left: 66.66667%; } .tablet-suffix-66 { margin-right: 66.66667%; } .tablet-push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .tablet-grid-100 { clear: both; width: 100%; } .filter-height { width: 49%; display: inline-block; margin-bottom: 20px; } .filter-save-search-margin { margin-bottom: 10px; } .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 { position: relative; } .show-on-mobile { display: block !important; } .hide-on-mobile { display: none !important; } .mobile-prefix-0 { margin-left: 0; } .mobile-grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-5 { margin-left: 5%; } .mobile-suffix-5 { margin-right: 5%; } .mobile-push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-10 { margin-left: 10%; } .mobile-suffix-10 { margin-right: 10%; } .mobile-push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-14 { float: left; width: 14.285%; /* */ *width: expression(Math.floor(0.14285 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-15 { margin-left: 15%; } .mobile-suffix-15 { margin-right: 15%; } .mobile-push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-20 { margin-left: 20%; } .mobile-suffix-20 { margin-right: 20%; } .mobile-push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-25 { margin-left: 25%; } .mobile-suffix-25 { margin-right: 25%; } .mobile-push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-30 { margin-left: 30%; } .mobile-suffix-30 { margin-right: 30%; } .mobile-push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-35 { margin-left: 35%; } .mobile-suffix-35 { margin-right: 35%; } .mobile-push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-40 { margin-left: 40%; } .mobile-suffix-40 { margin-right: 40%; } .mobile-push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-45 { margin-left: 45%; } .mobile-suffix-45 { margin-right: 45%; } .mobile-push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-50 { margin-left: 50%; } .mobile-suffix-50 { margin-right: 50%; } .mobile-push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-55 { margin-left: 55%; } .mobile-suffix-55 { margin-right: 55%; } .mobile-push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-60 { margin-left: 60%; } .mobile-suffix-60 { margin-right: 60%; } .mobile-push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-65 { margin-left: 65%; } .mobile-suffix-65 { margin-right: 65%; } .mobile-push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-70 { margin-left: 70%; } .mobile-suffix-70 { margin-right: 70%; } .mobile-push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-75 { margin-left: 75%; } .mobile-suffix-75 { margin-right: 75%; } .mobile-push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-80 { margin-left: 80%; } .mobile-suffix-80 { margin-right: 80%; } .mobile-push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-85 { margin-left: 85%; } .mobile-suffix-85 { margin-right: 85%; } .mobile-push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-90 { margin-left: 90%; } .mobile-suffix-90 { margin-right: 90%; } .mobile-push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-95 { margin-left: 95%; } .mobile-suffix-95 { margin-right: 95%; } .mobile-push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-33 { margin-left: 33.33333%; } .mobile-suffix-33 { margin-right: 33.33333%; } .mobile-push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-prefix-66 { margin-left: 66.66667%; } .mobile-suffix-66 { margin-right: 66.66667%; } .mobile-push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); /* */ } .mobile-grid-100 { clear: both; width: 100%; } .mobile-clear { clear: both; } .mobile-grid-parent { padding-right: 0px; padding-left: 0px; } /* login form */ .content_device-login { margin-bottom: 20px; } .content_device-login .device-login__head { position: relative; height: 65px; padding-left: 90px; overflow: hidden; background: #dae7f7; font: 18px/65px "HelveticaNeue-light"; color: #295D8F; text-transform: uppercase; } .content_device-login .device-login__head i { position: absolute; left: 40px; top: 19px; width: 25px; height: 25px; background: url(../img/page-icons_sprite.png) 0 0 no-repeat; } .content_device-login .device-login__inner { background: #eef5ff; padding: 35px 10px 50px 10px; } .style-mobile .content_device-login .form_line-item { max-width: 200px; margin: 0 auto; } .content_device-login .form_line-wrap { height: 53px; } .content_device-login .form_item-title { font-size: 14px; font-family: "HelveticaNeue-roman"; } .style-mobile .content_device-login form { max-width: 800px; margin: 0 auto; } .style-mobile .content_device-login .login-block__width { max-width: 200px; margin: 25px auto 0 } .content_device-login form input { max-width: 175px; } .content_device-login form .b-btn { max-width: 170px; } .content_device-login .login-block__remember { margin: 22px auto 0; height: 40px; color: #295D8F; } .style-mobile .content_device-login .login-block__remember { max-width: 220px; } .content_device-login .login-block__submit .b-btn { padding: 0 28px; height: 36px; line-height: 36px; width: auto; } .content_device-login .login-block__submit .pass-forget { line-height: 16px; margin-top: 1px; } .content_device-login .login-block__counter { max-width: 220px; margin: 0 auto } .content_device-login .site__visit-counter { float: left; width: 190px; font-size: 12px; padding: 10px 12px 10px 16px; margin: 7px 0 0; } .content_device-login .site__visit-counter p { font-size: 34px; margin-right: 10px; } .content_device-login .site__visit-counter span { width: auto; } .content_device-login .site__visit-counter span b { font-size: 14px; } .style-mobile .front_companys-catalog .companys-catalog__counter { float: right; margin: 0 15px 0 5px; } .style-mobile .front_companys-catalog .companys-catalog__counter span { padding-left: 25px; padding-right: 25px } .style-mobile .front_companys-catalog .companys-catalog__counter b { padding-left: 25px; padding-right: 25px } .style-mobile .search-result__form .cargo-res-search__first-item .form_line-wrap { margin-bottom: 25px; } .style-mobile .search-result__form .cargo-res-search__first-item .form_line-item { max-width: none; } .style-mobile .search-result__form .tablet-sideCenter .main-search_item-btn { margin: 25px auto 0; } .style-mobile .search-result__actions-wrap { display: none; padding: 10px; } .style-mobile .search-result__actions-wrap .grid-25 { width: 100%; } .style-mobile .search-result__actions-wrap .b-btn { font-size: 12px; margin: 5px 0; } .style-mobile .result-items_pagination .search-result__pagination-count { margin: 0 0 20px 15px; } .style-mobile .result-items_title { padding: 0 20px; margin: 25px 0 20px; } .style-mobile .search-result__switchers-wrap { float: none; margin: 0 0 20px; } .style-mobile .search-result__switchers-wrap .switcher-item_wrap { float: none; margin: 0 0 10px; } .style-mobile .search-result__switchers-wrap .switcher-item_title { width: 120px; } .style-mobile .search-result__fixed-info .fixed-info_inner { padding: 7px 15px; font-size: 12px; line-height: 16px } .style-mobile .search__addform-link { margin-left: 20px; } .style-mobile .search-result__fixed-info .fixed-info_link { margin: 0 0 3px; float: none; font-size: 12px; color: #295D8F; } .style-mobile .search__addform-link .b-btn { height: auto; line-height: 18px; padding: 8px 20px; margin-right: 20px; } .style-mobile .search-result__form .adding__form-block .form_line-item { max-width: none } .style-mobile .catalog__main-sections_wrap .main-section__item { width: 33.3333%; } .style-mobile .goods-blocks__wrap .catalog__goods-block { width: 100%; } .style-mobile .goods-blocks__wrap .good-block__desc { max-width: 300px; } .style-mobile .catalog-item__slider-wrap .carousel ul li { width: 350px } .style-mobile .catalog__filters-block .auto-filter_checkboxes label { margin-top: 15px; } .style-mobile .catalog__filters-block .btn-mrg .b-btn { margin-top: 65px; } .style-mobile .catalog__map-block #map_block { position: relative; padding-top: 575px; } .style-mobile .catalog__map-block .map-wrap { position: absolute; top: 0px; left: 0px; right: 0px; } .style-mobile .catalog__map-filters_block { float: none; width: 100%; min-height: 0px; padding-bottom: 0; margin-left: 0; } .style-mobile .catalog__map-filters_block .map-filters_submit-btn { position: relative; margin-top: 15px; } .style-mobile .page-header .grid-container { margin: 0; } @media screen and (max-width: 850px) { .style-mobile .result-item_actions a { margin-right: 30px; } .style-mobile .l-navigation { margin-right: 40px; } .style-mobile .l-right { margin-right: 35px; } .style-mobile .search_companys-catalog .companys-catalog__counter { float: right; margin-right: 15px; margin-left: 20px; } .style-mobile .companys-catalog__wrap .companys-catalog__counter span { padding-left: 18px; padding-right: 18px; } .style-mobile .companys-catalog__wrap .companys-catalog__counter b { padding-left: 18px; padding-right: 18px; } } @media screen and (max-width: 799px) { .style-mobile .front_companys-catalog .companys-catalog__counter { clear: both; float: left; margin-left: 62px; } .style-mobile .search_companys-catalog .companys-catalog__counter { clear: both; margin: 0 15px 0 5px; float: left; margin-left: 62px; } } .style-mobile .tablet-sideLeft .form_line-item { margin: 0 auto 0 0; } .style-mobile .tablet-sideCenter .form_line-item { margin: 0 auto; } .style-mobile .tablet-sideRight .form_line-item { margin: 0 0 0 auto; } .style-mobile .search-result__message-wrap { font-size: 13px; line-height: 18px; } .style-mobile .distance__form-wrap .distance_tabs a { padding: 0; width: 50%; text-align: center; } .style-mobile .distance__result-actions a { display: block; padding: 5px 0; max-width: 320px; margin: 0 auto; } .style-mobile .distance__result-actions a.b-btn { padding: 0 15px; margin: 10px 0 0; } .style-mobile .distance__result-actions .result-action_sblock { margin: 5px auto 15px; max-width: 320px; } .style-mobile .distance__result-list .droute { margin-top: 25px; } .style-mobile .distance__result-list .droute h3 { float: none; line-height: 22px; } .style-mobile .distance__result-list .droute p.result-value { margin: 0 30px 5px 0; } .style-mobile .distance__result-list .droute .b-btn.blue-btn { clear: both; margin-left: 0; } .style-mobile .forum__nav-wrap .b-btn { display: inline-block; float: none; width: 250px; margin: 0 0 15px 30px; } .style-mobile .forum__form-new .forum__form-bg { left: 56%; } /* MOBILE STYLES */ .style-mobile body { min-width: 800px; } .style-mobile .page__inner { max-width: 1400px; margin: 0 auto; padding: 0 10px; } .style-mobile .page-content { padding: 0; } .style-mobile .page-header { height: 125px; padding: 0; } .style-mobile .page-header .header_logo { padding: 30px 0 25px; text-align: center; margin: 0 auto; float: none; width: auto; } .style-mobile .main-search_mobile .form_line-wrap, .style-mobile .content_device-login .form_line-wrap { margin-bottom: 13px; } .style-mobile .main-search_mobile .form_line-wrap select, .style-mobile .content_device-login .form_line-wrap select { height: 41px; font-size: 18px; } .style-mobile .main-search_mobile .form_line-wrap input[type="text"], .style-mobile .main-search_mobile .form_line-wrap input[type="password"], .style-mobile .content_device-login .form_line-wrap input[type="text"], .style-mobile .content_device-login .form_line-wrap input[type="password"] { padding: 10px 8px 10px 15px; font-size: 18px; } .style-mobile .main-search_mobile .form_line-item .check-label, .style-mobile .content_device-login .form_line-item .check-label { font-size: 16px; } .style-mobile .main-search_mobile .form_item-inner.with-labels .inp-label, .style-mobile .content_device-login .form_item-inner.with-labels .inp-label { font-size: 16px; width: 40px; line-height: 41px; } .style-mobile .main-search_mobile .form_item-title, .style-mobile .content_device-login .form_item-title { margin-bottom: 13px; font-size: 20px; line-height: 16px; } .style-mobile .main-search_mobile .SumoSelect > .CaptionCont { padding: 10px 8px 10px 15px; font-size: 18px; } .style-mobile form .b-btn { height: 56px; line-height: 56px; font-size: 18px; } .style-mobile .search-result_text-msg { float: none; margin: -5px 0px 15px; } .style-mobile .search-result_text-msg br { display: none; } .style-mobile .no-city_text { top: 0; float: none; clear: both; padding: 12px 0 0; } .style-mobile .page-content .page_main-column { padding: 0 0 30px; } .style-mobile .page-menu .menu__desctop-view, .style-mobile .page-menu .menu__mobile-view { display: none; } /* main menu */ .page-menu .menu__tablet-view { background: #326698; } .menu__tablet-view .menu__item { position: relative; float: left; height: 50px; font: bold 18px/50px Arial; color: #fff; text-decoration: none; } .menu__tablet-view .menu__item.left-side { float: left; padding-left: 68px; background: url(../img/mainmenu_ico1.png) left center no-repeat; } .menu__tablet-view .menu__item.left-side i { position: absolute; width: 21px; height: 20px; left: 32px; top: 15px; background: url(../img/mainmenu_ico2.png) center center no-repeat; } .menu__tablet-view .menu__item.right-side { float: right; padding-right: 37px; background: url(../img/mainmenu_ico1.png) right center no-repeat; } .page_tablet-mainmenu .tablet-mainM__inner { position: fixed; right: 0px; top: 0px; height: 100%; width: 280px; background: #326698; z-index: 1200; overflow-y: scroll; } .page_tablet-mainmenu .tablet-mainM__heading { height: 22px; padding: 29px 0; font: 18px/22px "HelveticaNeue-light"; color: #fff; } .page_tablet-mainmenu .tablet-mainM__heading span { display: inline-block; position: relative; padding-left: 48px; margin-left: 45px; } .page_tablet-mainmenu .tablet-mainM__heading span i { position: absolute; left: 0px; top: 0px; width: 22px; height: 22px; background: url(../img/tbl-menu-sprite.png) 0 0 no-repeat; } .page_tablet-mainmenu ul { display: block; padding: 0; } .page_tablet-mainmenu .tablet-mainM__inner>ul { padding: 0 0 30px; } .page_tablet-mainmenu li { font: 14px/48px "HelveticaNeue-roman"; color: #fff; } .page_tablet-mainmenu li a { text-decoration: none; color: #fff; } .page_tablet-mainmenu .tablet-mainM__inner>ul>li>span, .page_tablet-mainmenu .tablet-mainM__inner>ul>li>a { position: relative; display: block; background: #5a87b3; border-left: 3px solid #fff; padding-left: 45px; } .page_tablet-mainmenu .tablet-mainM__inner>ul>li>span:hover, .page_tablet-mainmenu .tablet-mainM__inner>ul>li>a:hover { background: #1b466f; border-left-color: #5a87b3; } .page_tablet-mainmenu .tablet-mainM__inner>ul>li>span i { position: absolute; left: 18px; top: 18px; width: 12px; height: 12px; background: url(../img/tbl-menu-sprite.png) 0 -38px no-repeat; } .page_tablet-mainmenu .tablet-mainM__inner>ul>li.opened>span { background: #326698; } .page_tablet-mainmenu .tablet-mainM__inner>ul>li.opened>span i { background-position: 0 -68px; } .page_tablet-mainmenu .tablet-mainM__subm { display: none; } .page_tablet-mainmenu .tablet-mainM__subm li a, .page_tablet-mainmenu .tablet-mainM__subm li span { display: block; padding-left: 20px; background: #3c71a4; text-decoration: underline; } .page_tablet-mainmenu .tablet-mainM__subm li a:hover { background: #1b466f; } .page_tablet-mainmenu .tablet-mainM__subm .menu__s-sub-wrap { display: none; border-bottom: 5px solid #326698; border-top: 1px solid #326698; } .page_tablet-mainmenu .tablet-mainM__subm .menu__s-sub-wrap li { line-height: 34px; } /* personal menu */ .page_tablet-personalmenu .tablet-personalM__inner { position: fixed; left: 0px; top: 0px; height: 100%; width: 281px; background: #326698; z-index: 1200; overflow-y: scroll; } .mobile-app .page_tablet-personalmenu .tablet-personalM__inner { width: 100%; } .page_tablet-personalmenu .personal-menu { background: #326698; padding: 0 0 45px; } .page_tablet-personalmenu .personal-menu__title { background: #326698; color: #fff; line-height: 80px; height: 80px; padding-left: 68px; } .page_tablet-personalmenu .personal-menu__title i { left: 20px; top: 27px; background-position: 0px -551px; } .page_tablet-personalmenu .personal-menu__user-block .user-block__links a { width: 110px; padding: 9px 10px 9px 20px; border-bottom: 1px solid #326698; background: #5a87b3; font: 14px/16px Arial; color: #fff; } .page_tablet-personalmenu .user-block__notify p, .page_tablet-personalmenu .user-block__notify span { color: #fff !important; } .page_tablet-personalmenu .personal-menu__user-block .user-block__links a.l-side { border-right: 1px solid #326698; } .page_tablet-personalmenu .personal-menu__user-block .user-block__notify { background: #e58686; font-size: 15px; color: #fff; padding-left: 20px; } .page_tablet-personalmenu .personal-menu__user-block .user-block__info { padding: 20px 20px 25px 20px; background: #326698; color: #fff; } .page_tablet-personalmenu .personal-menu__user-block .user-block__info h3 { margin-bottom: 10px; } .page_tablet-personalmenu .personal-menu__user-block .user-block__tarif { padding: 18px 20px 18px 20px; line-height: 20px; font-size: 14px; background: #5a87b3; color: #fff; } .page_tablet-personalmenu .personal-menu__user-block .user-block__tarif a { color: #fff; } .page_tablet-personalmenu .personal-menu .green-links__wrap li { margin: 16px 0 0; } .page_tablet-personalmenu .personal-menu .green-links__wrap li a { padding-left: 17px; font-size: 14px; color: #fff; background: #5a87b3; border-color: #6bde96; } .page_tablet-personalmenu .personal-menu .green-links__wrap li a:hover { background: #1b466f; } .page_tablet-personalmenu .personal-menu .blue-links__wrap { margin: 0; } .page_tablet-personalmenu .personal-menu .blue-links__wrap li.first-lvl { margin-bottom: 9px; } .page_tablet-personalmenu .personal-menu .blue-links__wrap li.first-lvl p { padding-left: 40px; border-color: #fff; border-bottom: 1px solid transparent; background: #5a87b3; font-size: 14px; color: #fff; } .page_tablet-personalmenu .personal-menu .blue-links__wrap li.first-lvl.opened p { border-bottom-color: #326698; } .page_tablet-personalmenu .personal-menu .blue-links__wrap li.second-lvl a { background: #3c71a4; color: #fff; font-size: 14px; padding: 11px 0 10px 2f0px } .page_tablet-personalmenu .personal-menu .blue-links__wrap li.first-lvl .add-text { font-size: 14px; color: #fff; } .page_tablet-personalmenu .personal-menu .blue-links__wrap li.first-lvl p>i { left: 16px; } .page_tablet-personalmenu .personal-menu__login { padding: 20px; color: #fff; background: #5a87b3; } .page_tablet-personalmenu .personal-menu__login .form_item-title { font: 15px/16px Arial; color: #fff; margin: 0 0 10px; } .page_tablet-personalmenu .personal-menu__login .form_line-wrap { margin: 0 0 15px; } .page_tablet-personalmenu .personal-menu__login .form_line-wrap input { height: 24px; line-height: 25px; font-size: 14px; } .page_tablet-personalmenu .personal-menu__login .login-block__submit .pass-forget { color: #fff; font-size: 13px; line-height: 20px; } .page_tablet-personalmenu .personal-menu__login .login-block__remember { font-size: 13px; } .page_tablet-personalmenu .personal-menu__login .b-btn { height: 40px; line-height: 40px; font-size: 16px; } /* main menu */ .page-menu .menu__mobile-view { background: #326698; } .menu__mobile-view .menu__item { position: relative; float: left; height: 60px; font: bold 22px/60px Arial; color: #fff; text-decoration: none; } .menu__mobile-view .menu__item.left-side { float: left; padding-left: 68px; background: url(../img/mainmenu_ico1.png) left center no-repeat; } .menu__mobile-view .menu__item.left-side i { position: absolute; width: 21px; height: 20px; left: 32px; top: 20px; background: url(../img/mainmenu_ico2.png) center center no-repeat; } .menu__mobile-view .menu__item.right-side { float: right; padding-right: 38px; background: url(../img/mainmenu_ico1.png) right center no-repeat; } .page_mobile-mainmenu .mobile-mainM__inner { position: fixed; right: 0px; top: 0px; height: 100%; width: 300px; background: #326698; z-index: 1200; overflow-y: scroll; } .page_mobile-mainmenu .mobile-mainM__heading { height: 24px; padding: 33px 0 31px; font: 24px/24px "HelveticaNeue-light"; color: #fff; } .page_mobile-mainmenu .mobile-mainM__heading span { display: inline-block; position: relative; padding-left: 48px; margin-left: 50px; } .page_mobile-mainmenu .mobile-mainM__heading span i { position: absolute; left: 0px; top: 0px; width: 22px; height: 22px; background: url(../img/tbl-menu-sprite.png) 0 0 no-repeat; } .page_mobile-mainmenu ul { display: block; } .page_mobile-mainmenu li { font: 14px/50px "HelveticaNeue-roman"; color: #fff; } .page_mobile-mainmenu li a { text-decoration: none; color: #fff; } .page_mobile-mainmenu .mobile-mainM__inner>ul>li>span, .page_mobile-mainmenu .mobile-mainM__inner>ul>li>a { position: relative; display: block; background: #5a87b3; border-left: 3px solid #fff; padding-left: 50px; } .page_mobile-mainmenu .mobile-mainM__inner>ul>li>span:hover, .page_mobile-mainmenu .mobile-mainM__inner>ul>li>a:hover { background: #1b466f; border-left-color: #5a87b3; } .page_mobile-mainmenu .mobile-mainM__inner>ul>li>span i { position: absolute; left: 20px; top: 19px; width: 12px; height: 12px; background: url(../img/tbl-menu-sprite.png) 0 -38px no-repeat; } .page_mobile-mainmenu .mobile-mainM__inner>ul>li.opened>span { background: #326698; } .page_mobile-mainmenu .mobile-mainM__inner>ul>li.opened>span i { background-position: 0 -68px; } .page_mobile-mainmenu .mobile-mainM__subm { display: none; } .page_mobile-mainmenu .mobile-mainM__subm li a { display: block; font-size: 14px; padding-left: 25px; background: #3c71a4; text-decoration: underline; } .page_mobile-mainmenu .mobile-mainM__subm li a:hover { background: #1b466f; } /* footer */ .style-mobile .page_footer-spacer { height: 174px; } .style-mobile .page-footer { height: 174px; margin-top: -174px; } .style-mobile .page-footer .footer_top-block { height: 100px; padding: 22px 0; } .style-mobile .page-footer .footer_bot-block { height: 60px; padding: 17px 0; } .style-mobile .page-footer .footer_col-block { display: none; } .style-mobile .page-footer .footer_btn { height: 40px; font-size: 16px; line-height: 40px; padding: 10px 5px; margin: 0 auto; } /*.style-mobile .page-footer .footer_btn.bgray-btn { line-height: 20px; }*/ .style-mobile .page-footer .footer_social { margin: 0 auto; float: none; text-align: center; } .style-mobile .page-footer .footer_social ul { display: inline-block; } .style-mobile .page-footer .footer_social li { margin: 0 5px; } .style-mobile .page-footer .gset_item-select .item-select_inner { width: 200px; margin: 0 auto 15px; text-align: center; } /* personal menu */ .page_mobile-personalmenu .mobile-personalM__inner { position: fixed; left: 0px; top: 0px; height: 100%; width: 280px; background: #326698; z-index: 1200; overflow-y: scroll; } .page_mobile-personalmenu .personal-menu { background: #326698; padding: 0 0 5px; } .page_mobile-personalmenu .personal-menu__title { background: #326698; color: #fff; font-size: 22px; line-height: 80px; height: 80px; padding-left: 60px; } .page_mobile-personalmenu .personal-menu__title i { left: 20px; top: 26px; background-position: 0px -551px; } .page_mobile-personalmenu .personal-menu__user-block .user-block__links a { width: 100px; padding: 15px 10px 15px 30px; border-bottom: 1px solid #326698; background: #5a87b3; font: 18px/20px Arial; color: #fff; } .page_mobile-personalmenu .personal-menu__user-block .user-block__links a.l-side { width: 99px; border-right: 1px solid #326698; } .page_mobile-personalmenu .personal-menu__user-block .user-block__notify { background: #e58686; font-size: 16px; color: #fff; padding: 20px 20px 20px 30px; } .page_mobile-personalmenu .personal-menu__user-block .user-block__info { padding: 20px 20px 20px 30px; background: #326698; color: #fff; font-size: 20px; line-height: 22px; } .page_mobile-personalmenu .personal-menu__user-block .user-block__info h3 { margin-bottom: 12px; font-size: 20px; } .page_mobile-personalmenu .personal-menu__user-block .user-block__info .info-l1 { font-size: 20px; margin-bottom: 10px } .page_mobile-personalmenu .personal-menu__user-block .user-block__tarif { padding: 20px 10px 20px 30px; line-height: 20px; font-size: 16px; background: #5a87b3; color: #fff; } .page_mobile-personalmenu .personal-menu__user-block .user-block__tarif a { color: #fff; } .page_mobile-personalmenu .personal-menu .green-links__wrap li { margin: 14px 0 0; } .page_mobile-personalmenu .personal-menu .green-links__wrap li a { padding: 15px 10px 14px 27px; font-size: 15px; color: #fff; background: #5a87b3; border-color: #6bde96; } .page_mobile-personalmenu .personal-menu .green-links__wrap li a:hover { background: #1b466f; } .page_mobile-personalmenu .personal-menu .blue-links__wrap { margin: 25px 0 35px; } .page_mobile-personalmenu .personal-menu .blue-links__wrap li.first-lvl { margin-bottom: 9px; } .page_mobile-personalmenu .personal-menu .blue-links__wrap li.first-lvl p { padding: 15px 0 14px 50px; border-color: #fff; border-bottom: 1px solid transparent; background: #5a87b3; font-size: 15px; color: #fff; } .page_mobile-personalmenu .personal-menu .blue-links__wrap li.first-lvl.opened p { border-bottom-color: #326698; } .page_mobile-personalmenu .personal-menu .blue-links__wrap li.second-lvl a { background: #3c71a4; color: #fff; font-size: 14px; padding: 14px 0 13px 30px } .page_mobile-personalmenu .personal-menu .blue-links__wrap li.first-lvl .add-text { font-size: 14px; color: #fff; } .style-mobile .content_device-login .device-login__head { font-size: 22px; padding-left: 0px; text-align: center;} .style-mobile .content_device-login .device-login__head h3 { display: inline-block; position: relative; padding-left: 25px; } .style-mobile .content_device-login .device-login__head i { left: -15px; } .style-mobile .content_device-login .device-login__inner { text-align: center; padding: 40px 10px 50px 10px; } .style-mobile .content_device-login .device-login__inner form { max-width: 280px; margin: 0 auto; text-align: left; } .style-mobile .content_device-login .form_line-wrap { text-align: left; height: auto; } .style-mobile .content_device-login form input { max-width: none; } .style-mobile .content_device-login form .b-btn { max-width: none; height: 56px; line-height: 56px; font-size: 18px; } .style-mobile .content_device-login .login-block__remember { margin-top: 6px; height: auto; font-size: 16px; } .style-mobile .content_device-login .login-block__submit { margin-top: 26px; } .style-mobile .content_device-login .login-block__submit .pass-forget { line-height: 20px; margin-top: 8px; font-size: 16px; } .style-mobile .content_device-login .login-block__register { margin-top: 40px; } .style-mobile .main-search_mobile .main-search_heading { height: 50px; padding: 15px 0; text-align: center; } .style-mobile .main-search_mobile .main-search_heading h2 { display: inline-block; position: relative; padding-left: 30px; max-width: 185px; font-size: 22px; line-height: 25px; text-align: left; } .style-mobile .main-search_mobile .main-search_heading i { left: -10px; top: 13px; } .style-mobile .main-search_mobile .form_line-item { max-width: 260px; margin: 0 auto; } .style-mobile .main-search_mobile .form_item-inner.with-labels input { width: 64px; } .style-mobile .main-search_mobile .main-search_item-type { margin-top: 0px; } .style-mobile .main-search_mobile .main-search_item-btn { margin-top: 30px; max-width: 260px; } /* news/tir block */ .style-mobile .main-content-block__heading h2 { margin-left: 42px; font-size: 20px; } .style-mobile .main-content-block__heading h2 i { left: 6px; top: -2px; margin: 0; } .style-mobile .main-content-block__heading .b-btn { float: right; margin: 0 23px 0 5px; padding: 0 5px 0 10px; } .style-mobile .front-news__inner .main-new__wrap { margin-bottom: 10px; } .style-mobile .front-news__inner .main-new__title { font: 20px/24px "HelveticaNeue-bold"; margin-bottom: 10px; } .style-mobile .front-news__inner .main-new__date { font: italic 16px/16px Arial; } .style-mobile .front-news__inner .main-new__comment { font-size: 16px; } .style-mobile .front-news__inner .main-new__text { font: 18px/22px Arial; } .style-mobile .front-news__inner .main-new__wrap .b-btn { font-size: 18px; height: 40px; line-height: 40px; } .style-mobile .front-news__inner .main-new__wrap .b-btn span { border-width: 20px; margin-top: -20px; } .style-mobile .front-news__inner .adding-new__wrap { margin-top: 40px } .style-mobile .front-news__inner .adding-new__title { font: 18px/18px "HelveticaNeue-bold"; } .style-mobile .front-news__inner .adding-new__date { font: italic 14px/14px Arial; } .style-mobile .front-news__inner .adding-new__img { max-width: none; margin: 0 0 15px 0; } .style-mobile .front-news__inner .adding-new__text { font: 16px/16px Arial; margin: 0; } .style-mobile .front-news__inner .adding-new__info { clear: both; } .style-mobile .front-news__inner .adding-new__wrap .b-btn { font-size: 14px; margin-top: 15px; height: 32px; line-height: 32px; } .style-mobile .front-news__inner .adding-new__wrap .b-btn span { border-width: 16px; margin-top: -16px; } .style-mobile .search-result__form .main-search_heading { position: relative; padding: 0 0 0 50px; font-size: 15px; line-height: 45px; } .style-mobile .search-result__form .main-search_heading i { left: 15px; top: 10px; } .style-mobile .search-result__form .main-search_heading:after { content: "Развернуть"; position: absolute; left: 50px; bottom: 10px; right: auto; top: auto; margin: 0; font-size: 11px; line-height: 14px; border-bottom: 1px dotted #295D8F; } .style-mobile .search-result__form .main-search_heading.open:after { content: "Свернуть"; } .style-mobile .search-result__form .main-search_heading:hover:after { border-bottom-color: transparent; } .style-mobile .search-result__form .main-search_inner { display: none; padding: 20px 10px; margin: 0; } .style-mobile .search-result__form .main-search_inner .tablet-grid-66, .style-mobile .search-result__form .main-search_inner .tablet-grid-33, .style-mobile .search-result__form .main-search_inner .tablet-grid-50 { width: 100%; } .style-mobile .result-items_title .search-result__pagination-count { display: none; } .style-mobile .search-result__form .content-block__banner, .style-mobile .search-result__listing .content-block__banner { display: none; } .style-mobile .search-result__form .form_line-item { margin: 0 auto; max-width: 260px; } .style-mobile .search-result__form .main-search_item-btn { width: 100%; margin: 15px auto 0; max-width: 260px; } .style-mobile .result-item__wrap { padding: 10px 5px; } .style-mobile .b-tbl_table { display: block; } .style-mobile .b-tbl_tr { display: block; } .style-mobile .b-tbl_td { display: block; } .style-mobile .cabinet__table-wrap .b-tbl_head-td { padding-left: 10px; padding-right: 10px; } .style-mobile .cabinet__table-wrap .b-tbl_td { padding-left: 10px; padding-right: 10px; } .style-mobile .b-tbl_td.table_w20, .style-mobile .b-tbl_td.table_w40, .style-mobile .b-tbl_td.table_w50, .style-mobile .b-tbl_td.table_w60, .style-mobile .b-tbl_td.table_w80, .style-mobile .b-tbl_td.table_w33, .style-mobile .b-tbl_td.table_w66, .style-mobile .b-tbl_td.table_w25, .style-mobile .b-tbl_td.table_w75 { width: auto; } .style-mobile .b-tbl_td.mobile_table_w60 { width: 60%; } .style-mobile .b-tbl_td.mobile_table_w40 { width: 40%; } .style-mobile .mobile_table-view.b-tbl_table { display: table; } .style-mobile .mobile_table-view .b-tbl_table { display: table; } .style-mobile .mobile_table-view .b-tbl_tr { display: table-row; } .style-mobile .mobile_table-view .b-tbl_td { display: table-cell; } .style-mobile .cabinet__table-wrap .b-tbl_td { border-bottom: 1px solid #dae7f7; border-top: none; } .style-mobile .cabinet__table-wrap .mobile_table-view .b-tbl_td { border-bottom: 1px solid #dae7f7; } .style-mobile .cabinet__table-wrap .b-tbl_td.no-pad { border: none; } .style-mobile .cabinet__table-wrap .carousel li { width: 225px; } .style-mobile .cabinet__table-wrap .carousel-item { margin-right: 0px; } .style-mobile .cabinet__table-wrap .carousel.block-users .carousel-item { margin-right: 0px; } .style-mobile .cabinet__table-wrap .item-table__bot-links { margin: 0; } .style-mobile .cabinet__table-wrap .item-table__bot-links li { float: none; border: none; margin: 0; } .style-mobile .cabinet__table-wrap .item-table__bot-links li .link-item { margin: 0 10px 0 0; } .style-mobile .cabinet__table-wrap .item-table__bot-links li .link-btn { float: right; margin: 5px 10px 5px 0; } .style-mobile .result-item__wrap .res-tbl_td1 { max-width: none; width: auto; } .style-mobile .result-item__wrap .res-tbl_td2 { max-width: none; width: auto; padding-left: 10px; word-wrap: break-word; } .style-mobile .result-item__wrap .res-tbl_td3 { max-width: none; width: auto; } .style-mobile .result-item__wrap .td-offer { max-width: none; width: auto; } .style-mobile .res-item__offer-wrap { position: inherit; max-width: none; width: auto; } .style-mobile .result-item__wrap .res-item__menu-btn { right: 8px; top: 8px; } .style-mobile .res-item__menu-inner { top: 35px; right: 8px; } .style-mobile .res-item__td-grid { margin: 0; } .style-mobile .res-item__td-grid .grid-50, .style-mobile .res-item__td-grid .grid-100 { float: none; width: 100%; padding: 0; } .style-mobile .res-item_info-rating { display: block; clear: both; margin: 0; } .style-mobile .res-item_info-rating .txt-l-offs { margin: 0 10px 0 0; } .style-mobile .res-item_info-contacts { margin: 1px 0 0; } .style-mobile .res-item_info-contacts a, .style-mobile .res-item_info-contacts span { white-space: nowrap; } .style-mobile .result-item__wrap .result-item__msg { margin-right: 40px; } .style-mobile .result-item__wrap .country-abr { float: left; line-height: 20px; } .style-mobile .result-item__wrap .geo-dist__text { margin: 0 0 0 20px; } .style-mobile .result-item__wrap table td, .style-mobile .result-item__wrap .b-tbl_td { padding: 5px 10px; } .style-mobile .res-tbl_mob-toffs { margin: 5px 0 0; } .style-mobile .res-tbl_mob-desc-info { display: inline; margin: 0 5px 0 0; } .style-mobile .res-tbl_mob-desc-info:after { content: "•"; margin: 0 0 0 7px; } .style-mobile .result-item__wrap .res-item__dates { text-align: right; } .style-mobile .b-tbl_td.td-offer { padding-top: 0; } .style-mobile .win-popup { min-width: 320px !important; width: 320px !important; margin: 0 auto; } .style-mobile .win-popup .form-block_content { padding: 10px 0; } .style-mobile .table-dstyle td { padding: 10px 8px; } .style-mobile .page__main-btn { float: none; margin: 7px 0 18px; padding: 0 10px; width: 160px; } .style-mobile .mobile_table-min-offs.table-dstyle th, .style-mobile .mobile_table-min-offs.table-dstyle .b-tbl_head-td { padding-left: 10px; padding-right: 10px; } .style-mobile .mobile_table-min-offs.table-dstyle td { padding-left: 6px; padding-right: 6px; } .style-mobile .mobile_side-center { float: none; margin: 0 auto; } .style-mobile .page__main-breadcrumb { line-height: 22px; } .style-mobile .content__head-block .page__main-breadcrumb { margin-bottom: 20px; } .style-mobile .form-block_content { padding: 25px 5px 25px; } .style-mobile .form-block_content.mobile_nopad { padding-top: 5px; } .style-mobile .form-block_heading { height: auto; min-height: 18px; line-height: 18px; padding: 10px 0 10px 15px; } .style-mobile .form-block_background { padding-left: 5px; } .style-mobile .content__head-block { padding-left: 15px; } .style-mobile .page__main-breadcrumb span.b-divider { margin: 0 12px 0 0; } .style-mobile .page__main-breadcrumb a { margin: 0 12px 0 0; } .style-mobile .adding__form-block .form_item-inner.with-labels input { width: 95px; } .style-mobile .form_line-item .d_w100 { width: 78px; max-width: 78px; } .style-mobile .mobile-grid-100 .d_w100.side-left { width: auto; max-width: 150px; } .style-mobile .form_line-item input[type="text"], .style-mobile .form_line-item input[type="password"] { padding-left: 8px; } .style-mobile .form_item-price .priceW1 { max-width: 110px; } .style-mobile .icon-link { padding-right: 25px; } .style-mobile .form_line-item .label-line { margin-left: 5px; } .style-mobile .mobile_clear5 { display: block !important; clear: both; height: 5px; } .style-mobile .mobile_clear10 { display: block !important; clear: both; height: 10px; } .style-mobile .mobile_clear20 { display: block !important; clear: both; height: 20px; } .style-mobile .search-result__form .fromto-block_wrap:nth-child(2) .fromto-block_replace { left: -5px; } /* RESPONSIVE STYLES */ .style-mobile .page-header, .style-mobile .menu__item.right-side, /* .style-mobile .page_footer-spacer, */ /* .style-mobile .page-footer, */ .style-mobile .sh_btn_bottom_right, /* .style-mobile .front-news__inner .clear20, */ /* .style-mobile .front-news__wrap, */ .style-mobile [id="centerCol"] > .clear10, .style-mobile [id="centerCol"] > .clear30 { display: none; } .style-mobile .zopim, .style-mobile .zEWidget-launcher { display: none !important; } .style-mobile .page-content .page_main-column { padding: 0; } .front-news__inner { margin: 0 5px 0 18px; } .style-mobile .front-news__inner { margin: 0 15px; } .style-mobile .page-menu { position: fixed; top: 0; left: 0; right: 0; width: 100%; width: 100vw; z-index: 5; } .style-mobile .page-content { margin: 0; padding-top: 50px; } .style-mobile .content__main-search-wrap { margin-bottom: 0; } .style-mobile .page_tablet-personalmenu .personal-menu__user-block .user-block__notify { clear: both; } .style-mobile .page_tablet-personalmenu .personal-menu__user-block .user-block__links .l-side { box-sizing: border-box; width: 100%; padding: 15px 20px; } .page_tablet-personalmenu .personal-menu__user-block .user-block__info { clear: both; } .style-mobile body { min-width: 320px; } .style-mobile .content__head-block { padding: 10px 15px 0; } .style-mobile .register__form-block .b-btn { padding: 0px 30px; } .style-mobile .form-block_content { padding: 10px 5px 10px; } .style-mobile .form_line-item input[type="text"], .style-mobile .form_line-item input[type="password"] { padding-left: 8px; box-sizing: border-box; height: 34px; } .style-mobile .form_item-inner { padding-right: 0; } .style-mobile [id="captcha"] img { max-width: 100%; } .style-mobile .b-btn[id="goReg"] { width: 100%; float: none; } .style-mobile .mobile-grid--lg { width: 100%; } @media (min-width: 650px) { .style-mobile .b-btn[id="goReg"] { width: 50%; margin: auto; } .style-mobile .mobile-grid--lg { width: 50%; } } .style-mobile .register-block__main { max-width: 650px; margin: auto; } .style-mobile .register__remember-wrap { margin: 0; width: 100%; max-width: 375px; } .style-mobile .messages_list-actions { padding: 10px 15px 0; } .style-mobile .messages_list-actions .b-btn { margin-bottom: 10px; height: 32px; line-height: 32px; font-size: 12px; } .style-mobile .messages_list-wrap { overflow: auto; } .style-mobile .messages_list-wrap td { padding: 8px 5px; } .style-mobile .content__head-block + .clear10 { display: none; } .style-mobile .cst-title { margin-bottom: 15px; padding: 0 15px; } .style-mobile .content__head-block .page__main-breadcrumb { font-size: 14px; } .style-mobile .messages-page__body { padding: 15px; } .style-mobile .messages-page__head { padding-left: 15px; padding-right: 15px; } .style-mobile .messages-page__head .mobile-grid--lg { padding-left: 0; padding-right: 0; } @media (min-width: 650px) { .style-mobile .messages-page__head .mobile-grid--lg { margin-right: 5px; width: auto; } } .cf:before, .cf:after { content: ''; display: table; } .cf:after { clear: both; } .style-mobile .messages-page_text .html-message-wrapper { overflow: auto; margin-left: -15px; margin-right: -15px; } .style-mobile .pagination_inner ul { float: none; } .style-mobile .pagination_inner li { display: inline-block; vertical-align: top; } .style-mobile .messages_bg-block .pagination_inner { width: 100%; box-sizing: border-box; } /* billing info */ .style-mobile .vip-payment__page { margin: 24px 0 0; } .style-mobile .vip-payment__page * { box-sizing: border-box; } .style-mobile .vip-payment__position .position_left-block { float: none; width: 100%; margin-right: 0; } .style-mobile .block-content_d-offset { padding: 0 15px; } .style-mobile .vip-payment__page .vip-payment__bill-btns { width: 100%; } .style-mobile .vip-payment__page .vip-payment__bot-link { margin-bottom: 30px; } .style-mobile .vip-payment__page .vip-payment__bill-wrap .blue-btn { float: none; width: 100%; margin: 10px 0 0; } @media (min-width: 520px) { .style-mobile .vip-payment__bill-btns:before, .style-mobile .vip-payment__bill-btns:after { content: ''; display: table; } .style-mobile .vip-payment__bill-btns:after { clear: both; } .style-mobile .vip-payment__page .vip-payment__bill-wrap .blue-btn { float: left; width: 48%; margin-left: 1%; margin-right: 1%; } .style-mobile .vip-payment__bill-btns .submit-btn { max-width: 48%; margin-left: 1%; margin-right: auto; } } .style-mobile .form-block--activate .tablet-grid-33, .style-mobile .form-block--activate .tablet-grid-66 { float: none; width: 100%; } @media (min-width: 520px) { .style-mobile .form-block--activate .tablet-grid-33 { float: left; width: 33.33%; } .style-mobile .form-block--activate .tablet-grid-66 { float: left; width: 66.66%; } } .style-mobile .form-block--activate .submit-btn { height: 36px; line-height: inherit; font-size: 14px; } .style-mobile .payment-date-row.payment-date-row select { float: left; width: 31%; max-width: 100%; margin-left: 3.5%; } .style-mobile .payment-date-row.payment-date-row select:first-child { margin-left: 0; } .style-mobile .form_line-item .check-label.d-line-h { line-height: inherit; } .style-mobile .form_line-item .check-label.d-line-h input[type="checkbox"], .style-mobile .form_line-item .check-label.d-line-h input[type="radio"] { margin-top: 0; } .style-mobile .form_line-item .check-label.label-block input[type="file"] { margin-left: 22px; } .style-mobile .pricing_table-wrap { margin: 0; padding: 0 15px; } .style-mobile .review__wrap { margin: 20px 0 30px; padding: 0 15px; } .style-mobile .review__wrap .cst-title { padding: 0; } .style-mobile .review__quote { box-sizing: border-box; width: 100%; } .style-mobile .review__quote .author-rev { margin: 10px 20px 20px 22px; padding: 0; } /*.style-mobile .b-btn.medium-btn.submit-btn,*/ .style-mobile .b-btn.medium-btn.d-inline { height: auto; margin-top: 10px; padding: 10px 15px; font-size: 14px; line-height: 1.4; } @media (max-width: 519px) { .style-mobile .pricing_table-wrap .table-dstyle, .style-mobile .pricing_table-wrap .table-dstyle tbody, .style-mobile .pricing_table-wrap .table-dstyle tr, .style-mobile .pricing_table-wrap .table-dstyle td { box-sizing: border-box; display: block; width: 100%; } .style-mobile .pricing_table-wrap .table-dstyle td:first-child { margin-top: 20px; border-bottom: none; } } .style-mobile .review__wrap .reviews-btn { box-sizing: border-box; width: 100%; margin: 0; } .style-mobile .review__wrap .cst-title > .reviews-btn { margin-top: 10px; } @media (min-width: 520px) { .style-mobile .review__wrap .reviews-btn { width: auto; margin-left: 20px; } .style-mobile .review__wrap .cst-title > .reviews-btn { margin-top: -5px; } } @media (max-width: 519px) { .style-mobile .tablet-grid-50, .style-mobile .tablet-grid-33 { width: 100%; } } .style-mobile .form-access-data .b-btn { width: 100%; } .style-mobile .form-access-data .form-block_background { margin-bottom: 20px; } .style-mobile .form-access { padding-bottom: 5px; font-size: 0; } .style-mobile .form-access .grid-33, .style-mobile .form-access .tablet-grid-50 { float: none; display: inline-block; vertical-align: bottom; } .style-mobile .form-access .form_line-wrap { margin-bottom: 20px; } .style-mobile .table-dstyle-wrapper { padding: 0 15px; overflow: auto; } .style-mobile .table-dstyle-wrapper .table-dstyle { margin-bottom: 15px; } .style-mobile form .b-btn { height: 40px; font-size: 16px; line-height: 2.5; font-family: "HelveticaNeue-light", Arial, sans-serif; } .style-mobile .divider_2px-h { margin: 15px 0; } .style-mobile .billing-step-4 .b-btn { height: auto; padding: 10px 15px; line-height: 1.4; } .style-mobile .default-container { padding: 0 15px; } .style-mobile .pricing_table-wrap--rate { overflow: auto; margin-bottom: 20px; padding-left: 10px; } .style-mobile .b__partners-block { display: none; margin-left: 0; margin-right: 0; } .style-mobile .b__partners-block + .review__wrap { margin-top: 35px; } .style-mobile .cst-title, .style-mobile .content__head-block .page__main-title h2 { font-size: 20px; line-height: 1.2; } .style-mobile .btn-wrapper { margin: 15px 0; } .style-mobile .docs-link-item { font-size: 14px; line-height: 1.3; } /* tooltip styles */ .style-mobile #easyTooltip { max-width: 90%; max-width: calc(100vw - 30px); left: 15px !important; margin-top: 50px; box-sizing: border-box; } .style-mobile .pricing_row.last_row .blue_col, .style-mobile .pricing_row.last_row .green_col { vertical-align: bottom; } @media (max-width: 1100px) { .style-mobile .pricing_table { border-collapse: separate; border-spacing: 3px 0; } .style-mobile .pricing_row .green_col { background-color: rgba(232, 134, 12, 0.07); } .style-mobile .pricing_row .blue_col { background-color: rgba(91, 145, 196, 0.06); } .style-mobile .pricing_header .blue_col, .style-mobile .pricing_header .green_col, .style-mobile .pricing_row .blue_col, .style-mobile .pricing_row .green_col { padding: 0; } .style-mobile .pricing_header .blue_col, .style-mobile .pricing_header .green_col { padding: 0 0 10px; } .style-mobile .pricing_header .blue_col div, .style-mobile .pricing_header .green_col div { margin-top: 0; height: auto; } .style-mobile .pricing_header .blue_col, .style-mobile .pricing_header .green_col { min-width: 135px; } .style-mobile .pricing_header .blue_col { background-color: #5b91c4; } .style-mobile .pricing_header .green_col { background-color: #e8860c; } .style-mobile .pricing_row:not(.last-row) > .blue_col, .style-mobile .pricing_row:not(.last-row) > .green_col { border-left: 1px solid; border-right: 1px solid; } .style-mobile .pricing_row:not(.last-row) > .blue_col { border-color: #5b91c4; } .style-mobile .pricing_row:not(.last-row) > .green_col { border-color: #e8860c; } .style-mobile .pricing_row:not(.last-row) > .blue_col > div, .style-mobile .pricing_row:not(.last-row) > .green_col > div { border: none; } .style-mobile .pricing_header .blue_col div { padding-top: 19px; } .style-mobile .pricing_header td .plan { font-size: 18px; line-height: 1.2; } } .style-mobile .b__partner-carousel ul li { padding: 0 10px; } /* search form styles */ /* .search-form-page { background-color: #eef5ff; } */ .mobile-app.search-form-page .main-search_heading { display: none; } .mobile-app.search-form-page { background-color: #eef5ff; } .mobile-app .front-news__wrap, .mobile-app .page-footer, .mobile-app .feedback-widget { display: none; } .style-mobile .page_main-column > .clearfix > .stats-item { display: none; } .style-mobile .content__main-search-wrap .main-search_inner { box-sizing: border-box; margin-bottom: 25px; /* for news section only */ padding: 25px 10px; /* overflow: auto; */ } .mobile-app.search-form-page .content__main-search-wrap .main-search_inner { /* height: 100%; height: -webkit-calc(100vh - 50px); height: calc(100vh - 50px); */ margin-bottom: 0; overflow: auto; } .mobile-app .content__main-search-wrap .main-search_inner { margin-bottom: 0; } .style-mobile .main-search_mobile .form_item-title, .style-mobile .content_device-login .form_item-title { margin-bottom: 4px; font-size: 12px; line-height: 1; } .style-mobile .main-search_mobile .main-search_item-btn { margin-top: 10px; } .style-mobile .main-search_mobile .form_line-wrap select, .style-mobile .content_device-login .form_line-wrap select { height: 32px; font-size: 14px; } .style-mobile .main-search_mobile .SumoSelect > .CaptionCont { padding: 6px 8px 5px 11px; font-size: 14px; } .style-mobile .main-search_mobile .form_line-wrap input[type="text"], .style-mobile .main-search_mobile .form_line-wrap input[type="password"], .style-mobile .content_device-login .form_line-wrap input[type="text"], .style-mobile .content_device-login .form_line-wrap input[type="password"] { padding: 5px 8px 5px 15px; font-size: 14px; height: 32px; } .style-mobile .main-search_mobile .form_item-inner.with-labels .inp-label, .style-mobile .content_device-login .form_item-inner.with-labels .inp-label { font-size: 14px; width: 40px; line-height: 32px; } .style-mobile form .b-btn { height: 34px; font-size: 14px; } .style-mobile .main-search_mobile .form_line-wrap, .style-mobile .content_device-login .form_line-wrap { margin-bottom: 10px; } .style-mobile select { -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 50%; padding-right: 22px; min-width: 45px; } .style-mobile select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .style-mobile .SumoSelect > .CaptionCont > label > i { margin-left: 2px; background-image: url("data:image/svg+xml;utf8,"); width: auto; height: auto; } .style-mobile .result-item__wrap .res-item__up-btn { top: 46px; right: 14px; width: 28px; z-index: 1; } .style-mobile .result-item__wrap .res-item__menu-btn { right: 15px; top: 10px; } .style-mobile .form_item-inner textarea { box-sizing: border-box; height: 80px; } .style-mobile .bt-container__inner[id="message"] { padding: 20px; } .style-mobile .contacts-block__form { margin: 0 -10px; padding: 0; } .style-mobile .contacts-block__form .grid-20, .style-mobile .contacts-block__form .grid-40, .style-mobile .contacts-block__form .grid-80 { display: block; width: 100%; } .style-mobile .contacts-block__form .clear20 { display: none; } .style-mobile .contacts-block__item .contacts-item__text { font-size: 20px; } .style-mobile .contacts-block__form textarea[name="message"] { margin-bottom: 20px; } .style-mobile .contacts-block__form input[name="captcha"] { margin-bottom: 20px; } .style-mobile select { height: 34px; } .style-mobile .search-form-page select { height: 31px; } .style-mobile .adding__form-block .form_item-inner.with-labels input { width: 105px; } .style-mobile .regular-block_name .orange-btn { display: none; } .style-mobile .regular-site__block-title { font-size: 18px; line-height: 1.2; } .style-mobile .regular-site__block-title > span { display: inline-block; position: relative; top: 5px; } .style-mobile .regular-sitepage__block { margin-bottom: 5px; padding-top: 25px; } .style-mobile .regular-site__main-title { font-size: 24px; line-height: 1.25; } .style-mobile .regular-sitepage__block.regular-block_name { margin-bottom: 0; padding-top: 30px; } .style-mobile .regular-tableblock td { font-size: 14px; line-height: 1.3; } .style-mobile .regular-tableblock { z-index: 1; } .style-mobile .regular-sitepage__wrap { margin: 0; padding: 0 15px; } .style-mobile .regular-tableblock_left { padding-right: 10px; } .style-mobile .regular-tableblock_right { padding-left: 10px; } .style-mobile .regular-sitepage__block .or-btn_wrap .orange-btn { display: inline-block; margin: 0 auto; padding: 15px 30px; height: auto; line-height: 1.3; } .style-mobile .regular-site__block-title a { display: inline-block; } .style-mobile .regular-block_workers .carousel-block { margin: 0; padding: 0 20px; } .style-mobile .workers_full-view { margin: 0; } .style-mobile .workers_full-view li { width: 300px; margin: 10px 0; } .style-mobile .regular-block_workers .carousel-block li { width: 230px; } .style-mobile .block-ducuments__img { width: 165px; } .style-mobile .mobile-app .page_footer-spacer { display: none; } .style-mobile .regular-geo_table { position: relative; z-index: 1; } .style-mobile .tabs-view__nav li a.active { height: auto; line-height: 1.4; padding-top: 8px; padding-bottom: 9px; } .style-mobile .result-item__wrap table, .style-mobile .result-item__wrap thead, .style-mobile .result-item__wrap tbody, .style-mobile .result-item__wrap tr, .style-mobile .result-item__wrap td { display: block; } .style-mobile .result-item__wrap .clear10 { display: none; } .result-item__wrap .contacts_noaccess { height: auto; min-height: 16px; line-height: 1.2; margin-bottom: 2px; } .style-mobile .page_tablet-personalmenu .personal-menu__user-block .user-block__links a { box-sizing: border-box; width: 100%; padding: 15px 20px; } .style-mobile .content__main-search-wrap .has-full-width-controls .form_line-item { max-width: 260px; } .clear-margin-mobile {margin:0;} .hide-on-desctop { display: block !important; } .page-footer .gset_item-select .center-region-footer { margin-left: 30px; } .feedback-widget { display: none; }