﻿/*--- Main CSS here ---*/
* {padding:0;margin:0;outline:0;}
table {border-spacing:0;border-collapse:collapse;}
img {border:0;}
a img {border:0;}
/*a:visited {color:#38526a;}*/
a {color:#0082cc;}
a:hover {text-decoration:none;}
.h-foter {height:120px;clear:both;}
input[type=text] {font-family:arial;}
html,body {height:100%;}
html {background:url(../images/body_bg.png);}
body {font-family:Arial;font-size:14px;color:#383838;}
body.how-it-works {background:url(../images/how_it_works_bg.jpg) no-repeat center top;min-width:1000px;min-height:890px;}
#wrapper {min-height:100%;background:url(../images/wrapper_bg.png) repeat-x;}
.wrap {min-width:980px;max-width:1260px;padding:0 20px;margin:0 auto;}
#footer {height:40px;padding-top:80px;margin-top:-120px;background:url(../images/footer_bg.png) no-repeat center top;font-size:12px;color:#7f7f7f;}
#footer .maximus {float:right;}
#footer .copy {float:left;}
#footer .canv-link {text-align:center;font-size:14px;}
#footer .canv-link a {text-decoration:none;border-bottom:1px dashed #0082cc;}
#footer .canv-link a:hover {border:0;}
#header {padding-top:25px;position:relative;padding-bottom:10px;}
#header .logo {position:absolute;}
#header .main-menu {min-height:30px;margin-left:35%;background:url(../images/main_menu_bg.png) no-repeat left bottom;padding-bottom:20px;}
#header .main-menu ul {list-style:none;background:url(../images/menu_bg.png) repeat-x;height:30px;border-bottom:1px solid #e4e4e4;border-top:1px solid #fff;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;float:left;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0px 2px 5px #ccc;-moz-box-shadow:0px 2px 5px #ccc;-webkit-box-shadow:0px 2px 5px #ccc;}
#header .main-menu ul li {float:left;height:30px;line-height:30px;background:url(../images/menu_li_r.png) no-repeat right top;}
#header .main-menu ul li span.line {display:block;height:30px;background:url(../images/menu_li_l.png) no-repeat left top;}
#header .main-menu ul li .line span {display:block;height:30px;text-decoration:none;text-shadow:1px 1px 1px #fff;color:#545454;padding:0 14px;}
#header .main-menu ul li a {text-decoration:none;}
#header .main-menu ul li a:hover span {color:#1daadd;}
#header .main-menu ul li:last-child .line {background:none;}
#header .main-menu ul li:first-child .line {background:none;}
#header .main-menu ul li.active .line span {background:url(../images/menu_act.png) repeat-x;}
#header .main-menu ul li.active:last-child .line span {border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;}
#header .main-menu ul li.active:first-child .line span {border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;}
#content {clear:both;}
.side-r {width:220px;float:right;}
.side-r .contacts {margin-bottom:60px;}
.side-r .contacts .phone {font-size:28px;color:#1c1c1c;font-weight:bold;}
.side-r .contacts .callback {margin-bottom:15px;padding-top:5px;}
.side-r .contacts .callback .block-in {display:none;padding-left:15px;padding-top:12px;margin-bottom:12px;}
.side-r .contacts .callback .block-in p {font-size:13px;color:#7a7a7a;margin-bottom:10px;}
.side-r .contacts .callback .block-in .form-line {margin-bottom:10px;}
.side-r .contacts .callback .block-in .form-line .line-title {width:90px;float:left;line-height:22px;}
.side-r .contacts .callback .block-in .form-line input {width:80px;padding:0 5px;height:20px;line-height:20px;border:1px solid #939393;font-size:13px;font-style:italic;}
.side-r .contacts .callback .block-in input[type=submit] {width:180px;height:30px;background:url(../images/callback_sub.png) no-repeat;border:none;cursor:pointer;text-indent:-999px;box-shadow:0px 1px 3px #a5a4a4;-moz-box-shadow:0px 1px 3px #a5a4a4;-webkit-box-shadow:0px 1px 3px #a5a4a4;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.side-r .contacts .callback .block-in input[type=submit]:hover {cursor:pointer;background-position:left -30px;}
.side-r .contacts .callback .block-in input[type=submit]:active {background-position:left bottom;}
.side-r .contacts .callback .trigger {text-decoration:none;}
.side-r .contacts .callback .trigger span {display:none;}
.side-r .contacts .callback .trigger u {text-decoration:none;border-bottom:1px dotted #0082cc;}
.side-r .contacts .callback.callback-form-open .block-in {display:block;}
.side-r .contacts .callback.callback-form-open .trigger span {display:inline;}
.side-r .contacts .addess {line-height:18px;}
.side-r .contacts .addess .map {position:relative;text-decoration: none;border-bottom:1px dotted #0082CC;}
.side-r .contacts .addess .map img {position:absolute;left:-21px;top:3px;}
.side-r .quick-request {padding-bottom:14px;background:url(../images/quick_request_bg.png) no-repeat right bottom;}
.side-r .quick-request .block-in {background:url(../images/quick_request_bg.png) no-repeat left -14px;min-height:260px;padding:10px 20px 0;text-shadow:0px -1px 1px #0386be;color:#fff;overflow:hidden;}
.side-r .quick-request .block-in a {color:#fff;}
.side-r .quick-request .block-in .title {font-size:18px;font-weight:bold;margin-bottom:15px;}
.side-r .quick-request .block-in .form-line {margin-bottom:8px;overflow:hidden;}
.side-r .quick-request .block-in .form-line.last-item {margin-bottom:15px;}
.side-r .quick-request .block-in .form-line .line-title {float:left;width:88px;line-height:22px;}
.side-r .quick-request .block-in .form-line input[type=text] {width:80px;padding:0 5px;height:20px;line-height:20px;border:1px solid #2196d5;font-size:13px;color:#3e3e3e;font-style:italic;}
.side-r .quick-request .block-in .form-line.price-line {overflow:visible;}
.side-r .quick-request .block-in .form-line.price-line input[type=text] {width:70px;float:left;}
.side-r .quick-request .block-in .form-line.car-line input[type=text] {width:168px;}
.side-r .quick-request .block-in .form-line.year-line input[type=text] {width:33px;}
.side-r .quick-request .block-in .form-line.price-line .line-title {float:none;width:100%;}
.side-r .quick-request .block-in .form-line.car-line .line-title {float:none;width:100%;}
.side-r .quick-request .block-in .form-line label {display:inline-block;*display:block;*float:left;height:22px;line-height:22px;margin-left:5px;cursor:pointer;font-style:italic;}
.side-r .quick-request .block-in .form-line label span {display:block;height:22px;float:left;padding-right:10px;position:relative;right:-10px;}
.side-r .quick-request .block-in .form-line label span u {border-bottom:1px dotted #fff;text-decoration:none;}
.side-r .quick-request .block-in .form-line label input {display:none;}
.side-r .quick-request .block-in .form-line label.active {background:url(../images/label_bg.png) no-repeat left top;}
.side-r .quick-request .block-in .form-line label.active span {background:url(../images/label_bg.png) no-repeat right bottom;}
.side-r .quick-request .block-in .form-line label.active u {border:0;}
.side-r .quick-request .block-in input[type=submit] {width:90px;height:30px;background:url(../images/send_sub.png) no-repeat;border:0;cursor:pointer;text-indent:-999px;float:right;box-shadow:0px 1px 6px #0a4f7f;-moz-box-shadow:0px 1px 6px #0a4f7f;-webkit-box-shadow:0px 1px 6px #0a4f7f;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.side-r .quick-request .block-in input[type=submit]:hover {background-position:left -30px;cursor:pointer;}
.side-r .quick-request .block-in input[type=submit]:active {background-position:left bottom;}
.side {width:300px;float:left;}
.side .promo-text {width:120%;font-size:16px;line-height:23px;text-shadow:0px 1px 1px #fff;margin-bottom:50px;}
.side .filter {background:url(../images/filter_t.png) no-repeat left top;padding-top:38px;text-shadow:0px 1px 1px #fff;position:relative;}
.side .filter .block-in {background:url(../images/filter_b.png) no-repeat left bottom;padding-bottom:16px;}
.side .filter .block-in .inner {background:url(../images/filter_in.png) repeat-y;padding:0 20px 40px;}
.side .filter .block-in .inner .inner-position {position:relative;z-index:9}
.side .filter .block-title {font-size:18px;font-weight:bold;position:relative;top:-20px;}
.side .filter .title {margin-bottom:15px;}
.side .filter .title .text {line-height:14px;display:inline-block;vertical-align:middle;}
.side .filter .title input[type=text] {width:40px;height:20px;padding:0 5px;font-size:14px;color:#3e3e3e;font-style:italic;line-height:20px;vertical-align:middle;}
.side .filter .title input[type=text].big-val {width:60px;}
.side .filter .title label {display:inline-block;height:22px;line-height:22px;margin-left:5px;vertical-align:middle;color:#0082cc;cursor:pointer;font-style:italic;}
.side .filter .title label span {display:block;height:22px;float:left;padding-right:10px;position:relative;right:-10px;}
.side .filter .title label span u {border-bottom:1px dotted #0082cc;text-decoration:none;}
.side .filter .title label input {display:none;}
.side .filter .title label.active {background:url(../images/label_bg.png) no-repeat left top;color:#fff;text-shadow:0px -1px 1px #0082cc;}
.side .filter .title label.active span {background:url(../images/label_bg.png) no-repeat right bottom;}
.side .filter .title label.active u {border:0;}
.side .filter .hr {height:28px;background:url(../images/filter_hr.png) no-repeat;position:relative;left:-20px;width:300px;margin:7px 0;position:relative;z-index:1;}
.side .filter .slider-box {height:20px;padding:15px 16px 5px 5px;background:url(../images/slide_bg.png) no-repeat left bottom;position:relative;}
.side .filter .slider-box #slider-range-min1 {border:0;background:0;margin-top:10px;margin-left:-3px;}
.side .filter .slider-box #slider-range-min1 .ui-slider-range {height:15px;background:url(../images/slide_line.png) no-repeat;}
.side .filter .slider-box #slider-range-min1 .ui-slider-handle {width:21px;height:36px;background:url(../images/slider_handle.png) no-repeat center top;border:0;margin-top:-8px;border:1px solid transparent;}
.side .filter .slider-box #slider-range-min2 {border:0;background:0;margin-top:10px;margin-left:-3px;}
.side .filter .slider-box #slider-range-min2 .ui-slider-range {height:15px;background:url(../images/slide_line.png) no-repeat;}
.side .filter .slider-box #slider-range-min2 .ui-slider-handle {width:21px;height:36px;background:url(../images/slider_handle.png) no-repeat center top;border:0;margin-top:-8px;border:1px solid transparent;}
.side .filter .slider-box #slider-range-min3 {border:0;background:0;margin-top:10px;margin-left:-3px;}
.side .filter .slider-box #slider-range-min3 .ui-slider-range {height:15px;background:url(../images/slide_line.png) no-repeat;}
.side .filter .slider-box #slider-range-min3 .ui-slider-handle {width:21px;height:36px;background:url(../images/slider_handle.png) no-repeat center top;border:0;margin-top:-8px;border:1px solid transparent;}
.side .filter .total-price {text-align:center;}
.side .filter .total-price .title {margin-bottom:10px;}
.side .filter .total-price b {color:#0082cc;font-size:36px;}
.side .filter .slider-box .val {font-size:10px;color:#7f7f7f;font-style:italic;position:absolute;top:0;width:50px;text-align:center;margin-left:-30px;}
.side .filter .slider-box .val.val1 {left:10px;}
.side .filter .slider-box .val.val2 {left:70px;}
.side .filter .slider-box .val.val3 {left:130px;}
.side .filter .slider-box .val.val4 {left:190px;}
.side .filter .slider-box .val.val5 {left:250px;}
.side .filter .shadow-r {width:46px;height:413px;background:url(../images/filter_sh_r.png) no-repeat;position:absolute;top:40px;right:0;z-index:3;}
.side .filter .shadow-l {width:46px;height:413px;background:url(../images/filter_sh_l.png) no-repeat;position:absolute;top:40px;left:0;z-index:3;}
.side .filter .icon-money {height:76px;width:113px;background:url(../images/icon_money.png) no-repeat;position:absolute;bottom:-25px;left:50%;margin-left:-50px;}
.main {margin-left:325px;margin-right:250px;}
.main.main-inner-l {margin-left:0px;}
.main .graph {text-align:center;padding-top:60px;position:relative;}
.main .graph img {max-width:499px;position:relative;right:-20px;}
.main .graph .text-block {text-align:left;font-size:13px;color:#7a7a7a;font-style:italic;position:absolute;}
.main .main-text-block {padding-right:10%;}
.main .main-text-block i {font-size:13px;}
#applicatoin {padding-top:15px;}
#applicatoin .block-title {margin-bottom:40px;color:#242424;font-size:18px;font-weight:bold;text-shadow:0px 1px 1px #fff;}
#applicatoin .col {width:50%;float:left;}
#applicatoin .col .col-title {margin-bottom:12px;color:#7f7f7f;font-style:italic;text-shadow:0px 1px 1px #fff;}
#applicatoin .col.col2 {width:45%;margin-left:55%;float:none;}
#applicatoin .col .form-line {margin-bottom:8px;font-size:13px;font-style:italic;height:24px}
#applicatoin .col .form-line .form-title {width:165px;line-height:22px;float:left;font-size:14px;font-style:normal;text-shadow:0px 1px 1px #fff;}
#applicatoin .col.col2 .form-line .form-title {width:88px;}
#applicatoin .col .form-line input {width:50px;padding:0 5px;height:20px;border:1px solid #939393;}
#applicatoin .col .form-line.line-big input {width:198px;}
#applicatoin .col .form-line textarea {width:198px;height:80px;padding:5px;font-family:arial;border:1px solid #939393;resize:none;}
#applicatoin .col .form-line label {display:inline-block;height:22px;line-height:22px;margin-left:5px;cursor:pointer;font-style:italic;color:#0082cc;}
#applicatoin .col .form-line label span {display:block;height:22px;float:left;padding-right:10px;position:relative;right:-10px;}
#applicatoin .col .form-line label span u {border-bottom:1px dotted #0082cc;text-decoration:none;}
#applicatoin .col .form-line label input {display:none;}
#applicatoin .col .form-line label.active {background:url(../images/label_bg.png) no-repeat left top;color:#fff;}
#applicatoin .col .form-line label.active span {background:url(../images/label_bg.png) no-repeat right bottom;}
#applicatoin .col .form-line label.active u {border:0;}
#applicatoin .col .form-line .select-box {height:20px;padding-left:0px;position:relative;display:inline-block;z-index:2;zoom:1;*display:inline;background:#fff;line-height:20px;border:1px solid #939393;font-style:normal;}
#applicatoin .col .form-line .select-box.visible {z-index:10;}
#applicatoin .col .form-line .select-box .select-value {display:inline-block;height:20px;cursor:pointer;font-size:12px;line-height:20px;color:#1e2326;padding-left:6px;min-width:130px;text-align:left;background:url(../images/select_bit.gif) no-repeat 135px 7px;padding-right:17px;}
#applicatoin .col .form-line .select-box .select-list {background:#fff;position:absolute;left:-1px;top:20px;border:1px solid #939393;display:block;min-width:100%;}
#applicatoin .col .form-line .select-box .select-list ul {list-style:none;}
#applicatoin .col .form-line .select-box .select-list ul li {padding:0;margin:0;height:auto;line-height:1.2em;color:#333;padding:2px 6px;font-size:12px;cursor: pointer;}
#applicatoin .col .form-line .select-box .select-list ul li:hover {background:#eee;color:#222}
#applicatoin .col .form-line.line-big input[type=submit] {width:210px;height:30px;background:url(../images/send_sub_2.png) no-repeat;border:0;cursor:pointer;padding:0;text-indent:-9999px;box-shadow:0px 1px 3px #a5a4a4;-moz-box-shadow:0px 1px 3px #a5a4a4;-webkit-box-shadow:0px 1px 3px #a5a4a4;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
/*#applicatoin .col2 .form-line.line-big input[type=submit] {background:url(../images/ask_sub.png) no-repeat;}*/
#applicatoin .col .form-line.line-big input[type=submit]:hover {background-position:left -30px;cursor:pointer;}
#applicatoin .col .form-line.line-big input[type=submit]:active {background-position:left -60px;}
#applicatoin .col .form-line i {font-size:13px;color:#9d9d9d;text-shadow:0px 1px 1px #fff;}
#how-it-works {min-height:690px;position:relative;}
#how-it-works .text-block {width:515px;overflow:hidden;position:absolute;}
#how-it-works .text-block .num {padding-right:10px;float:left;font-family:"Myriad Pro";font-size:110px;font-weight:bold;font-style:italic;height:110px;position:relative;top:0px;color:#1281cd;line-height: 110px;}
#how-it-works .text-block .title {font-size:22px;font-family:"Myriad Pro";color:#252525;margin-bottom:8px;font-weight:bold;font-style:italic;text-shadow:0px 1px 1px #fff;}
#how-it-works .text-block p {color:#545454;line-height:17px;text-shadow:0px 1px 1px #fff;}
#about {padding-top:15px;}
#about .block-title {margin-bottom:40px;color:#242424;font-size:18px;font-weight:bold;text-shadow:0px 1px 1px #fff;}
#about .text-block {margin-bottom:50px;}
#about .text-block .img-box {display:inline-block;*display:inline;vertical-align:middle;width:25%;}
#about .text-block .text-box {display:inline-block;*display:inline;vertical-align:middle;width:70%;line-height:18px;}
#about .text-block .list-box {padding-left:6%;}
#about .text-block .list-box .col {float:left;padding:15px 20px 0 0;}
#about .text-block .list-box .col li {list-style:none;padding-left:15px;background:url(../images/li.png) no-repeat left 7px;}
#terms {padding-top:15px;}
#terms .block-title {margin-bottom:40px;color:#242424;font-size:18px;font-weight:bold;text-shadow:0px 1px 1px #fff;}
#terms .terms-block  {margin-bottom:60px;overflow:hidden;}
#terms .terms-block .col {width:45%;float:left;position:relative;}
#terms .terms-block .col.col2 {width:35%;}
#terms .terms-block .col.col3 {width:20%;}
#terms .terms-block .col .col-title {font-size:16px;font-weight:bold;font-style:italic;margin-bottom:15px;}
#terms .terms-block .col .cb-line {overflow:hidden;margin-bottom:7px;}
#terms .terms-block .col .cb-line .cb {display:block;float:left;padding-left:23px;background:url(../images/cb.png) no-repeat left 1px;}
#terms .terms-block .col .cb-line .cb.cb-checked {background:url(../images/cb_ch.png) no-repeat left 1px;}
#terms .terms-block .col .cb-line input {display:none;}
#terms .terms-block .col .point {width:70px;height:69px;padding-right:25px;background:url(../images/point.png) no-repeat;position:absolute;top:80px;right:4%;font-size:45px;line-height:67px;text-align:center;}
#terms .terms-block .col .percent {background-color:#fff;padding:20px 0;text-align:center;color:#117ccb;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}
#terms .terms-block .col .percent .num {font-size:90px;font-weight:bold;}
#terms .terms-block .col .percent .num span {font-size:60px;}
#terms .terms-block .col .percent .time {font-size:18px;}
#terms .terms-block .col ul {padding-left:24px;}
#terms .terms-block .col ul li {list-style:none;padding-left:10px;background:url(../images/li.png) no-repeat left 10px;padding-top:4px;}
#terms .terms-block .col ul.grey li {background:url(../images/li_g.png) no-repeat left 8px;padding-top:0;}
#terms .terms-block .col i {font-size:13px;line-height:18px;color:#909090;}
#canvas {
    z-index: 30;
}
#contacts {padding-top:15px;padding-right:10%;overflow:hidden;}
#contacts .block-title {margin-bottom:40px;color:#242424;font-size:18px;font-weight:bold;text-shadow:0px 1px 1px #fff;}
#contacts .col {float:left;text-shadow:0px 1px 1px #fff;margin-bottom:40px;width: 60%;}
#contacts .col.col2 {float:right;width: 30%;}
#contacts .col .col-title {margin-bottom:12px;color:#7f7f7f;font-style:italic;}
#contacts .col .cont-line {font-size:18px;}
#contacts .col .form-line {overflow:hidden;margin-bottom:5px;padding-bottom:3px;}
#contacts .col .form-line .form-title {width:88px;line-height:22px;float:left;}
#contacts .col .form-line input {width:198px;padding:0 5px;height:20px;border:1px solid #939393;}
#contacts .col .form-line textarea {width:198px;height:80px;padding:5px;font-family:arial;border:1px solid #939393;resize:none;}
#contacts .col .form-line input[type=submit] {width:210px;height:30px;background:url(../images/ask_sub.png) no-repeat;border:0;cursor:pointer;padding:0;text-indent:-9999px;box-shadow:0px 1px 3px #a5a4a4;-moz-box-shadow:0px 1px 3px #a5a4a4;-webkit-box-shadow:0px 1px 3px #a5a4a4;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#contacts .col .form-line input[type=submit]:hover {background-position:left -30px;cursor:pointer;}
#contacts .col .form-line input[type=submit]:active {background-position:left -60px;}
#contacts .map {border:1px solid #dedede;overflow:hidden;clear:both;}
.notify {padding: 10px;text-align:center;background-color:#1697d5;color:#ffffff;font-weight:bold;}
.inp_n_item {display: none;}
.inp_n_item input{width:143px!important;}
/*------------------------------------*\
    IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
/*--- iPhone only CSS here ---*/
.wrap {padding:0;}
#header {padding:25px 20px 0;}
#header .logo img {width:200px;}
#header .main-menu {margin-left:30%;}
#content {padding:0 20px;}
.side-r .quick-request {width:220px}
.side .promo-text {width:100%;}
#footer .maximus {padding-right:20px;}
#footer .copy {padding-left:20px;}
#how-it-works .text-block {font-size:10px;margin-left:-10%;}
#how-it-works .text-block .title {margin-bottom:0;}
#how-it-works .text-block p {line-height:12px;}
#applicatoin .col .form-line.line-big input {width: 168px;}
#applicatoin .col .form-line textarea {width: 168px;}
#applicatoin .col.col2 .form-line.line-big input[type=text] {width:198px;}
#applicatoin .col.col2 .form-line textarea {width: 198px;}
#terms .terms-block .col .point {right:0;background-position:right top;width:60px;}
#contacts .col {width:48%;}
}