*{
margin: 0;
padding: 0;
}
html,body{
width: 100%;
min-width: 960px;
}
body {
font-family: 'Ubuntu', Arial;
font-weight: normal;
font-size: 14px;
line-height: 1.2;
color: #363636;
}
img {
border: none;
}
a{
text-decoration: none;
}
ul{
margin: 0 0 10px 0;
}
li a{
text-decoration: none !important;
color:#555555;
}
.upper_menu{
font-size: 13px;
color: #555555;
width:960px;
height:40px;
margin:0 auto;
}
.upper_menu li{
display: inline;
margin-right: 22px;
}
.upper_menu li img{
margin-left: 233px;
margin-top:5px;
}
.arrow_down{
left: 129px!important;
top: 18px!important;
}
.our_project{
color:#555555;
text-decoration: none;
border-bottom: 1px dashed;
-moz-border-bottom: 1px dashed;
-webkit-border-bottom: 1px dashed;
-o-border-bottom: 1px dashed;
-ms-border-bottom: 1px dashed;
}
.our_project:hover{
text-decoration: none;
}
.contacts{
margin: 25px auto;
width:960px;
position: relative;
}
.number{
font-family: 'Helvetica';
font-size: 24px;
font-weight: normal;
color: #333333;
position: absolute;
top: 0;
left: 383px;
}
.user{
position:absolute;
right: 165px;
bottom: 0;
}
.phone_select{
border: 1px solid #dfdfdf;
border-radius: 7px 0 0 7px;
width: 28px;
height: 28px;
text-align: left;
display: inline-block;
margin-left: 78px;
position: absolute;
top: 0;
background-color: #f5f5f5;
}
.number_space{
color: #333;
}
.phone_select img{
margin:5px;
}
.phone_control{
background-color: #f5f5f5;
border: 1px solid #dfdfdf;
border-radius: 0 7px 7px 0;
width: 28px;
height: 28px;
text-align: left;
display: inline-block;
margin-left: 105px;
position: absolute;
top: 0;
background-image: url('/images/icon2.png');
background-repeat: no-repeat;
background-position: 50%;
cursor: pointer;
}
.phone_placeholder{
border: 1px solid #dfdfdf;
border-radius: 7px;
width: 28px;
height: 70px;
text-align: left;
display: inline-block;
margin-left: 325px;
position: absolute;
top: 27px;
background-color: white;
z-index: 9;
display: none;
background-color: #f5f5f5;
}
.active_placeholder{
display: block;
}
.phone_placeholder img{
margin-top: 5px;
margin-left: 4px;
cursor: pointer;
}
.contacts input{
height: 31px;
width: 109px;
border-radius: 7px 0 0 7px;
border: 1px solid #dfdfdf;
position: absolute;
bottom: 0px;
margin-left: 78px;
padding-left: 7px;
font-size: 12px;
background-color: #f5f5f5;
}
.orange{
height: 27px;
width: 115px;
border-radius: 0 7px 7px 0;
border: 1px solid #ffc523;
position: absolute;
bottom: 4px;
margin-left: 186px;
font-size: 11px;
background-color: #ffc523;
box-shadow: 0px 4px 0 0px #efb515;
outline: none;
}
.user {
position: absolute;
display: table;
text-align: center;
right: 178px;
bottom: 0;
}
.user img{
}
.user p{
font-size: 18px;
margin-bottom: 0;
}
.upper_menu ul{
display: inline-block;
padding-top: 12px;
}
.user a{
color:#6b84b5;
text-decoration: none;
border-bottom: 1px dashed;
-moz-border-bottom: 1px dashed;
-webkit-border-bottom: 1px dashed;
-o-border-bottom: 1px dashed;
-ms-border-bottom: 1px dashed;
}
.box {
position: absolute;
right: 49px;
bottom: 0;
width: 105px;
border-left: 1px solid #dfdfdf;
}
.box img{
margin:0 47%;
}
.box p{
font-size: 18px;
margin: 0 31%;
}
.box a{
margin-left: 35px;
color:#6b84b5;
text-decoration: none;
border-bottom: 1px dashed;
-moz-border-bottom: 1px dashed;
-webkit-border-bottom: 1px dashed;
-o-border-bottom: 1px dashed;
-ms-border-bottom: 1px dashed;
}
.purple_menu{
position: relative;
width:100%;
height:54px;
background-color: #6b84b5;
}
.menu_block{
list-style-type: none;
width:960px;
height:54px;
margin:0 auto;
}
.menu_block li{
position: relative;
display: inline-block;
height: 54px;
border-left: 1px solid #5f76a3;
padding-left: 44px;
padding-top: 19px;
padding-right: 19px;
}
.menu_block li a{
font-size: 17px;
color: white;
font-family: Arial;
}
.menu_block li img{
position: absolute;
bottom: 14px;
left: 17px;
margin-right: 19px;
}
.choose_tovar{
width:960px;
margin: 34px auto;
}
.choose_tovar .purple{
position: absolute;
bottom: 6px;
left: 4px;
}
.choose_tovar p{
font-size: 22px;
font-weight: 500;
font-family: 'Ubuntu';
margin-bottom: 30px;
}
.tovar_menu{
width:740px;
height:42px;
position: relative;
}
.catalog_active{
margin-left: 2px;
height: 42px;
cursor: pointer;
background-color: white;
color: #6d83ae;
border: 1px solid #c7c7c7;
background-image: url('/images/blue_hamburger.png')!important;
background-repeat: no-repeat;
background-position: 19% 50%;
top: -42px;
left: -3px;
position: absolute;
width: 118px;
border-radius: 6px 6px 0 0;
padding-left: 14px;
-webkit-box-shadow: -1px -1px 8px 1px rgba(181,179,181,1);
-moz-box-shadow: -1px -1px 8px 1px rgba(181,179,181,1);
box-shadow: -1px -1px 8px 1px rgba(181,179,181,1);
}
.catalog_active p {
font-size: 14px;
font-family: 'Ubuntu';
text-align: center;
margin-top: 11px;
}
.purple{
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #ffffff;
height: 36px;
width: 118px;
border-radius: 4px;
border: 1px solid #6b84b5;
background-color: #6b84b5;
box-shadow: 0px 4px 0 0px #5670a2;
cursor: pointer;
outline: none;
}
.choose_tovar a{
text-decoration: none;
color:white;
}
.menu_item1{
display: inline-block;
border: 1px solid transparent;
background-color: #6b84b5;
/*border-right: 4px solid white;*/
margin-left: 2px;
height:42px;
cursor: pointer;
color:white;
}
.menu_item1 p{
font-size: 14px;
font-family: 'Ubuntu';
text-align: center;
margin-top:11px;
}
.big_container{
height:42px;
width:113px;
}
.car{
border-radius: 0 0 6px 6px;
margin-left: 4px;
width: 732px;
height: 398px;
position: relative;
background-image: url('/images/car.png');
}
.layer{
width: 541px;
height: 40px;
position: absolute;
top: 124px;
background-color: rgba(142,136,128, 0.6);
border-radius: 6px;
left: 97px;
}
.searching_for_tovars {
position: absolute;
top: 128px;
left: 92px;
width: 504px;
height: 47px;
padding-left: 9px;
border-radius: 6px;
z-index: 3;
}
.searching_for_tovars:focus{
outline: none
}
.slider_tovars{
width: 730px;
height: 315px;
}
.car a{
color:#ffffff;
position: absolute;
bottom: 201px;
left: 290px;
border-bottom: 1px dashed;
}
.tovar a:hover{
color:#a2b5da;
}
.description{
position: absolute;
left: 249px;
bottom: 15px;
text-align: center;
color: #ffffff;
}
.description p{
margin-bottom: 11px;
font-size: 18px;
font-weight: 400;
}
.man{
height: 440px;
width: 220px;
float: right;
position: relative;
background-image: url('/images/man.png');
}
ul span{
margin-left: 2px;
}
.dropdown_menu{
width: 729px;
height: 560px;
background-color: white;
border: 1px solid #c4c4c4;
position: absolute;
z-index: 99;
display: none;
top: 54px;
}
.layer_catalog{
height: auto;
padding-bottom: 1px;
padding-top: 43px;
margin-top: -43px;
background-image: url('/images/bg-pattern1.png');
}
.dropdown_menu_catalog{
width: 933px;
height: 560px;
background-color: white;
margin-left: 4px;
border: 1px solid #c4c4c4;
position: absolute;
z-index: 99;
display: none;
border-bottom: 3px solid #dfdfdf;
-webkit-box-shadow: -1px 0px 8px 1px rgba(181,179,181,1);
-moz-box-shadow: -1px 0px 8px 1px rgba(181,179,181,1);
box-shadow: -1px 0px 8px 1px rgba(181,179,181,1);
}
.slider_block1 p:first-child {
font-weight: 500;
}
.dropdown_menu_catalog #dropdown_menu a{
color:#333;
}
#dropdown_menu{
display: block;
position: absolute !important;
width: 192px !important;
height: auto !important;
list-style-type: none !important;
border-right: 1px solid #c4c4c4 !important;
background-color: white !important;
z-index: 9 !important;
}
#dropdown_menu:last-child{
border-bottom: 2px solid #dfdfdf;
}
#dropdown_menu li{
position: relative;
width: 191px !important;
height: 31px !important;
border-bottom: 1px solid #c4c4c4 !important;
cursor: pointer !important;
transition:0.1s ease-out ;
background-image: url('/images/retangle_menu.png');
background-repeat: no-repeat;
background-position: 96% 52%;
}
#dropdown_menu li:hover{
background-color: #f5f5f5;
}
#dropdown_menu li a{
position: absolute;
top: 6px;
margin-left: 13px !important;
}
#dropdown_menu li span{
margin-top: 6px;
float: right !important;
margin-right: 3px !important;
}
#down_menu{
background-color: white !important;
border-right: 1px solid #c4c4c4 !important;
border-top: 1px solid #c4c4c4 !important;
border-bottom: 2px solid #c4c4c4 !important;
position: absolute !important;
top: -1px !important;
left: 192px !important;
list-style-type: none !important;
display:none;
}
#downnext_menu{
background-color: white !important;
border-right: 1px solid #c4c4c4 !important;
border-top: 1px solid #c4c4c4 !important;
border-bottom: 1px solid #c4c4c4 !important;
position: absolute !important;
top: -1px !important;
left: 192px !important;
list-style-type: none !important;
display:none;
}
.search_by_name{
border-radius: 0 0 9px 9px;
display: none;
margin-left: 4px;
margin-top: -399px;
position: relative;
height: 398px;
width: 732px;
background-image: url("/images/search_by_name.png");
background-repeat: no-repeat;
}
.search_by_name input{
z-index: 2;
}
#by_articul{
border-radius: 6px 0 0 0;
}
#by_to{
border-radius: 0 6px 0 0;
}
.layer1{
top: 148px;
width: 295px;
left: 17px;
height: 39px;
position: absolute;
background-color: rgba(142,136,128, 0.6);
border-radius: 6px;
}
.layer2{
top: 206px;
width: 295px;
left: 17px;
height: 39px;
position: absolute;
background-color: rgba(142,136,128, 0.6);
border-radius: 6px;
}
.layer3 {
top: 182px;
width: 249px;
right: 13px;
height: 39px;
position: absolute;
background-color: rgba(142,136,128, 0.6);
border-radius: 6px;
}
.search_by_name label{
font-weight:400;
font-size: 15px;
color: #fff;
}
.layer4 {
top: 181px;
width: 98px;
right: 293px;
height: 40px;
position: absolute;
background-color: rgba(142,136,128, 0.6);
border-radius: 7px;
}
.search_by_name select{
border-radius:4px;
}
.search_by_vin{
border-radius: 0 0 9px 9px;;
margin-top: -399px;
display: none;
margin-left: 4px;
position: relative;
height: 486px;
width: 732px;
background-image: url("/images/car_vin.png");
background-repeat: no-repeat;
}
.search_by_to{
border-radius: 0 0 9px 9px;
margin-top: -399px;
margin-left: 4px;
display: none;
position: relative;
height: 437px;
width: 732px;
background-image: url("/images/car_to.png");
background-repeat: no-repeat;
}
.line{
position: absolute;
margin-top: 63px;
left: 17px;
}
.search_by_to ul {
list-style-type: none;
font-size: 13px;
color: white;
line-height: 24px;
float:left;
margin: 83px 23px 0 20px;
}
.search_by_vin ul {
list-style-type: none;
font-size: 13px;
color: white;
line-height: 24px;
float:left;
margin: 25px 23px 0 20px;
}
.search_by_to a:hover{
color: #ffc523;
}
.search_by_vin a:hover{
color: #ffc523;
}
.search_by_name .orange:hover{
background-color: #fdd35d;
}
.search_by_to p{
font-weight: 400;
line-height: 20px;
font-size: 15px;
text-transform: uppercase;
position: absolute;
top: 18px;
left: 259px;
color: #ffc523;
}
.searching_for_vin{
z-index: 1;
width: 354px;
height: 31px;
padding-left: 9px;
border-radius: 6px;
margin-left: 171px;
margin-top: 12px;
position: relative;
}
.searching_by_name{
position: absolute;
top: 152px;
left: 12px;
width: 296px;
height: 31px;
padding-left: 9px;
border-radius: 6px;
}
.searching_by_brand{
position: absolute;
top: 179px;
left: 12px;
width: 296px;
height: 31px;
padding-left: 9px;
border-radius: 6px;
}
.selectize_item {
position: absolute;
right:20px;
top:155px;
width: 225px;
text-align: left;
display: inline-block;
margin: 0 13px 44px 0;
background: url("/images/arrow-cart-down.png") no-repeat 93% 75%;
}
.selectize_item .steel{
width: 241px!important;
top: 8px;
}
.selectize_item1{
width: 500px;
text-align: left;
display: inline-block;
margin: 35px 13px 44px 0;
background: url("/images/arrow-cart-down.png") no-repeat 93% 75%;
}
.selectize_item1 label{
margin-left:181px;
margin-left: 181px;
font-size: 15px;
font-weight: 400;
color: #fff;
}
.selectize_item select{
color: black;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0 !important;
text-indent: 0.01px;
text-overflow: "";
margin-top: 9px;
width: 241px;
height: 32px;
padding-left: 6px;
background-image: url("/images/selectize_item.png");
background-position: 53% 50%;
}
.dropdown-menu{
top: 24% !important;
height: 404px !important;
width: 734px !important;
left: -68px !important;
border-radius: 0 !important;
background-color: #f5f5f5 !important;
}
.collapse.in li a{
color:#6b84b5 !important;
text-transform: uppercase;
border-bottom: 1px dashed;
}
.collapse.in ul{
margin-right: 50px !important;
margin-top: 21px !important;
}
.collapse.in span {
margin-left:18px;
}
#dLabel{
text-decoration: none !important;
}
#dLabel:focus,
#dLabel:active{
background-color: #f5f5f5;
}
.collapsing{
min-height:0px !important;
}
.white_squere{
float: left;
margin-left: 29px;
margin-top: 29px;
height: 162px;
width: 207px;
background-color: white;
border: 1px solid #dfdfdf;
border-bottom: 3px solid #dfdfdf;
}
.white_squere img{
margin: 10px 10px 0;
}
.white_squere span{
color: black;
}
input{
outline: none;
}
/*Old-styles*/
.car .orange{
height: 28px;
width: 32px;
border-radius: 7px;
border: 1px solid #ffc523;
margin-left: 189px;
font-size: 11px;
background-color: #ffc523;
box-shadow: 0px 4px 0 0px #efb515;
outline: none;
cursor: pointer;
position: absolute;
top: 128px;
right: 99px;
}
.man p{
font-size: 22px;
font-family: 'Ubuntu';
position: absolute;
top: 47px;
left: 20px;
}
.text_border img{
position: absolute;
top: 85px;
left: 21px;
height: 51px;
}
.text_border p{
font-size: 13px;
position: absolute;
top: 85px;
line-height: 17px;
padding-left: 10px;
}
.text_border .purple{
position: absolute;
bottom: 25px;
left: 20px;
font-family: 'Ubuntu';
font-size: 11px;
font-weight: bold;
color: #ffffff;
height: 38px;
width: 180px;
border-radius: 4px;
border: 1px solid #6b84b5;
box-shadow: 0px 4px 0 0px #5670a2;
cursor: pointer;
z-index: 9;
}
.text_border .purple:hover{
background-color: #748dbd;
transition: 0.2s ease-out 0.2s;
}
.carousel-caption img{
margin-top:24px;
}
.carousel-caption:hover{
font-size: 23px;
transition:0.5s ease-out 0.5s;
}
.arrow_back{
position: absolute;
bottom: 118px;
left: 193px;
}
.arrow_go{
position: absolute;
bottom: 118px;
right: 193px;
}
.footer {
width: 960px;
height: 282px;
margin: 0 auto;
margin-top: 70px;
position: relative;
}
.first_block{
float: left;
margin-right: 182px;
margin-top: 40px;
}
.second_block {
float: left;
margin-right: 176px;
margin-top: 40px;
}
.third_block {
float: left;
margin-top: 40px;
}
.forth_block {
float: right;
margin-top: 32px;
margin-right: 77px;
}
.first_block p {
display: inline-block;
font-size: 24px;
margin-bottom: 0px;
}
.first_block a {
margin-left: 20px;
display: inline-block;
margin-bottom: 8px;
color: #6b84b5;
text-decoration: none;
border-bottom: 1px dashed;
-moz-border-bottom: 1px dashed;
-webkit-border-bottom: 1px dashed;
-o-border-bottom: 1px dashed;
-ms-border-bottom: 1px dashed;
}
.first_block img:nth-child(5){
position: absolute;
top: 107px;
}
.first_block img:nth-child(10){
position: absolute;
bottom: 33px;
}
.second_block a, .third_block a, .forth_block a {
text-decoration: none;
color: #222222;
}
.forth_block p{
margin-bottom: 0;
}
.footer a:hover{
color:#6b84b5;
border-bottom: 1px dashed;
}
.purple_stripe {
height: 48px;
width: 100%;
background-color: #6b84b5;
position: relative;
margin-top: -10px;
}
.purple_stripe span{
color:white;
font-size: 11px;
line-height: 18px;
}
.purple_stripe a{
color: white;
text-decoration: none;
font-size: 14px;
}
#footer_first{
font-size: 11px;
position: absolute;
top: 18px;
color: white;
}
#footer_second a{
position: absolute;
top: 18px;
left: 359px;}
#footer_third a{
font-size: 11px;
position: absolute;
right: 112px;
top: 18px;
text-decoration: underline;
}
.layer5{
height: 37px;
width: 388px;
bottom: 22px;
left: 176px;
position: absolute;
background-color: rgba(142,136,128, 0.6);
border-radius: 6px;
}
/*Modal window*/
/* Окно */
#modal_form {
width: 561px;
height: 391px; /* Размеры должны быть фиксированы */
/*border-radius: 5px;*/
/*border: 3px #000 solid;*/
background: #fff;
position: fixed; /* чтобы окно было в видимой зоне в любом месте */
top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
left: 31%; /* половина экрана слева */
margin-top: -150px;
/* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
display: none; /* в обычном состоянии окна не должно быть */
opacity: 0; /* полностью прозрачно для анимирования */
z-index: 15; /* окно должно быть наиболее большем слое */
border-bottom: 3px solid #dfdfdf;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form #modal_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
/* Подложка */
#modal_form input{
background-color: #f5f5f5;
width: 334px;
height: 30px;
padding-left: 9px;
border-radius: 6px;
border: 1px solid #dfdfdf;
margin: 8px 114px;
}
#modal_form h3{
margin: 51px 140px 30px;
}
/*Modal window*/
#modal_form .purple{
display: table;
margin: 31px auto;
}
.own_page1{
margin-left:131px;
color: #6b84b5;
text-decoration: underline;
}
.own_page2{
margin-left:80px;
color: #6b84b5;
text-decoration: underline;
}
.own_page3{
color: #6b84b5;
text-decoration: none;
font-size: 18px;
margin:60px 198px;
}
.orange_call:hover{
background-color:#ffcf4a;
}
.orange:hover{
background-color:#ffcf4a;
}
.own_page:hover{
color: #8ca1c8;
}
.add_telephone:hover{
color: #8ca1c8;
}
#modal_form_idea .purple:hover{
background-color: #889ec8;
}
#modal_form .purple:hover{
background-color: #889ec8;
}
#modal_form_consultation .purple:hover{
background-color: #889ec8;
}
#modal_form_registration.purple:hover{
background-color: #889ec8;
}
#modal_form_call .purple:hover{
background-color: #889ec8;
}
.own_page1:hover{
color: #8ca1c8;
}
.own_page2:hover{
color: #8ca1c8;
}
.own_page3:hover{
color: #8ca1c8;
}
#go:hover{
color: #8ca1c8;
}
#go_registration:hover{
color: #8ca1c8;
}
#go_contacts:hover{
color: #8ca1c8;
}
#go:hover{
color: #8ca1c8;
}
/*Modal window_registraion*/
/*Modal window*/
#modal_form_call {
width: 561px;
height: 279px; /* Размеры должны быть фиксированы */
/*border-radius: 5px;*/
/*border: 3px #000 solid;*/
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form_call #modal_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
/* Подложка */
#modal_form_call input{
position: static!important;
background-color: #f5f5f5;
width: 334px;
height: 30px;
padding-left: 9px;
border-radius: 6px;
border:1px solid #dfdfdf;
margin: 10px 114px;
background-color: #f5f5f5;
}
#modal_form_call h3{
margin: 0px 173px 30px;
}
/*Modal window*/
#modal_form_call .purple{
margin: 13px 221px;
}
/*Modal window*/
#modal_form_help {
width: 561px;
height: 459px; /* Размеры должны быть фиксированы */
/*border-radius: 5px;*/
/*border: 3px #000 solid;*/
background: #fff;
position: fixed; /* чтобы окно было в видимой зоне в любом месте */
top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
left: 31%; /* половина экрана слева */
margin-top: -150px;
/* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
display: none; /* в обычном состоянии окна не должно быть */
opacity: 0; /* полностью прозрачно для анимирования */
z-index: 15; /* окно должно быть наиболее большем слое */
border-bottom: 3px solid #dfdfdf;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form_help #modal_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
/* Подложка */
#modal_form_help .selectize_item2 select{
margin-left: 115px;
width: 333px;
margin-top: 13px;
margin-bottom: 13px;
background-color: #f5f5f5;
background: url("/images/arrow-cart-down.png") no-repeat 97% 60%;
}
#modal_form_help #type_details{
height: 109px;
}
#modal_form_help .selectize_item2 {
background-image: none!important;
}
#modal_form_help input{
background-color: #f5f5f5;
width: 334px;
height: 30px;
padding-left: 9px;
border-radius: 6px;
border:1px solid #dfdfdf;
margin: 10px 114px;
background-color: #f5f5f5;
}
#modal_form_help h3{
margin: 50px 0 30px 150px;
}
::-webkit-input-placeholder {
color: #333333;
}
:-moz-placeholder { /* Firefox 18- */
color: #333333;
}
::-moz-placeholder { /* Firefox 19+ */
color: #333333;
}
:-ms-input-placeholder {
color: #333333;
}
/*Modal window*/
#modal_form_idea {
width: 561px;
height: 459px; /* Размеры должны быть фиксированы */
/*border-radius: 5px;*/
/*border: 3px #000 solid;*/
background: #fff;
position: fixed; /* чтобы окно было в видимой зоне в любом месте */
top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
left: 31%; /* половина экрана слева */
margin-top: -150px;
/* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
display: none; /* в обычном состоянии окна не должно быть */
opacity: 0; /* полностью прозрачно для анимирования */
z-index: 15; /* окно должно быть наиболее большем слое */
border-bottom: 3px solid #dfdfdf;
}
#modal_form_idea #modal_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
/* Подложка */
#overlay {
z-index: 13; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
position: fixed; /* всегда перекрывает весь сайт */
background-color: rgba(95,95,95,0.56); /* черная */
opacity: 0.8; /* но немного прозрачна */
width: 100%;
height: 100%; /* размером во весь экран */
top: 0;
left: 0; /* сверху и слева 0, обязательные свойства! */
cursor: pointer;
display: none; /* в обычном состоянии её нет) */
}
#modal_form_idea #type_details{
height: 109px;
}
#modal_form_idea .selectize_item2 {
background-image: none!important;
}
#modal_form_idea input{
background-color: #f5f5f5;
width: 334px;
height: 30px;
padding-left: 9px;
border-radius: 6px;
border:1px solid #dfdfdf;
margin: 10px 114px;
background-color: #f5f5f5;
}
#modal_form_idea h3{
margin: 50px 0 30px 150px;
}
::-webkit-input-placeholder {
color: #333333;
}
:-moz-placeholder { /* Firefox 18- */
color: #333333;
}
::-moz-placeholder { /* Firefox 19+ */
color: #333333;
}
:-ms-input-placeholder {
color: #333333;
}
#modal_form_idea .purple{
margin: 13px 221px;
}
/* Окно */
#modal_form_registration {
margin: 0 auto;
width: 434px;
background: #fff;
z-index: 15;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form_registration #modal_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
/* Подложка */
#overlay_registration {
z-index: 13; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
position: fixed; /* всегда перекрывает весь сайт */
background-color: #000; /* черная */
opacity: 0.8; /* но немного прозрачна */
width: 100%;
height: 100%; /* размером во весь экран */
top: 0;
left: 0; /* сверху и слева 0, обязательные свойства! */
cursor: pointer;
display: none; /* в обычном состоянии её нет) */
}
#modal_form_registration input{
background-color: #f5f5f5;
width: 334px;
height: 30px;
padding-left: 9px;
border-radius: 6px;
border:1px solid #dfdfdf;
margin: 10px 52px;
}
#modal_form_registration h3{
display: table;
margin: 0 auto 25px auto;
}
/*Modal window*/
#modal_form_registration .purple{
margin: 31px 131px;
width:167px;
font-weight:normal;
}
.own_page1{
margin-left:131px;
color: #6b84b5;
text-decoration: underline;
}
.own_page2{
margin-left:80px;
color: #6b84b5;
text-decoration: underline;
}
.own_page3{
display: table;
padding-top: 25px;
padding-left: 191px;
background-color: #f5f5f5;
width: 559px;
height: 74px;
color: #6b84b5;
text-decoration: none;
/* border-bottom: 1px dashed; */
font-size: 18px;
margin: 0px 2px;
}
/*Modal registration*/
.purple_registration{
font-family: Arial;
font-size: 14px;
font-weight: normal;
color:#ffffff;
height: 38px;
width: 116px;
border-radius: 0 12px 0 0;
border: 1px solid #6b84b5;
background-color: #6b84b5;
cursor: pointer;
width:215px;
height: 43px;
margin-right: 2px;
display: inline-block;
position: relative;
}
.purple_registration p{
position: absolute;
top: 11px;
left: 72px;
}
.selectize_item2{
width: 247px;
display: table-row-group;
margin: 0 13px 44px 0;
background: url("/images/arrow-cart-down.png") no-repeat 97% 71%;;
}
.selectize_item2 select{
-webkit-appearance: none;
outline: 0 !important;
margin-top: 17px;
width: 332px;
height: 30px;
padding-left: 6px;
background-color: transparent;
margin-left: 51px;
border: 1px solid #dfdfdf;
border-radius: 4px;
cursor: pointer;
}
.registration_holder{
padding-top: 32px;
width: 432px;
height: auto;
border: 1px solid #c7c7c7;
border-radius: 0 0 12px 12px;
margin-bottom: 30px;
margin-top: -4px;
}
#modal_form_registration #code_input{
height: 32px;
width: 120px;
padding-left: 9px;
border-radius: 6px;
border: 1px solid #dfdfdf;
margin: 24px 83px;
}
.registration_for_person{
display: block;
}
.registration_for_person a{
float:right;
color: #6b84b5;
margin-right: 5px
}
.registration_for_company{
display: none;
}
.registration_for_company a{
float:right;
color: #6b84b5;
margin-right: 5px
}
.registration_holder p{
margin: 41px 0 0 51px;
font-size: 18px;
}
.code_generate{
float: right;
margin: -55px 82px;
}
#telephone_registration_add{
display: none;
}
#telephone_registration_add1{
display: none;
}
#modal_form_project {
width: 420px;
height: 474px;
position: absolute;
background: #fff;
top: 42px;
right: 0;
display: none;
opacity: 0;
z-index: 999999;
border-bottom:3px solid #dfdfdf;
}
.slider_block1 .slider_tovars{
height: 187px;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form_project #modal_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
/* Подложка */
#overlay1 {
z-index: 13; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
position: fixed; /* всегда перекрывает весь сайт */
background-color: #7c7c7c; /* черная */
opacity: 0.8; /* но немного прозрачна */
width: 100%;
height: 100%; /* размером во весь экран */
top: 0;
left: 0; /* сверху и слева 0, обязательные свойства! */
cursor: pointer;
display: none; /* в обычном состоянии её нет) */
margin-top: 37px;
z-index: 99999;
}
span:first-child .tovars{
position: absolute;
top:50px;
}
.slider_block span img:nth-child(1){
position: absolute;
top: 6px;
left: 188px;
}
.slider_block span:nth-child(2) img{
position: absolute;
top: 6px;
left: 130px;
}
.slider_block p:first-child{
font-weight: 500;
}
#modal_form_project h4 {
display: inline-block;
float: right;
margin-top: -60px;
margin-right: 17px;
}
#modal_form_project img{
display: inline-block;
float: left;
margin-bottom: 11px;
margin-left: 25px;
position: static;
}
#modal_form_project a{
display: block;
width: 111px;
margin-right: 0;
}
.modal_form_project_first{
text-align: left;
width: 363px;
height: 116px;
padding-top: 24px;
}
.modal_form_project_second{
text-align: left;
}
.modal_form_project_third{
text-align: left;
width: 363px;
height: 116px;
}
.modal_form_project_second h4{
margin-right: 80px!important;
}
#modal_form_project ul {
display: inline-block;
float: right;
padding-top: 0!important;
}
.modal_form_project_second h4{
margin-right: 89px;
margin-top: -75px;
}
.modal_form_project_second ul{
margin-top: -47px;
}
#modal_form_project ul li{
display: block!important;
margin-right: 0px!important;
padding-left: 13px;
background-image: url("/images/purple_eclipse.png");
background-position: 2px 6px;
background-repeat: no-repeat;
}
.modal_form_project_third h4{
margin-right: 98px;
margin-right: 92px;
}
/*.modal_form_project_third ul{
margin-top: :;
}*/
#modal_form_contact {
width: 920px;
height: 400px; /* Размеры должны быть фиксированы */
/*border-radius: 5px;*/
/*border: 3px #000 solid;*/
background: #fff;
position: fixed; /* чтобы окно было в видимой зоне в любом месте */
top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
left: 14%; /* половина экрана слева */
margin-top: -150px;
/* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
display: none; /* в обычном состоянии окна не должно быть */
opacity: 0; /* полностью прозрачно для анимирования */
z-index: 15; /* окно должно быть наиболее большем слое */
padding-left: 20px;
border-bottom: 3px solid #dfdfdf;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form_contact #modal_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
/* Подложка */
#overlay_registration {
z-index: 13; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
position: fixed; /* всегда перекрывает весь сайт */
background-color: #000; /* черная */
opacity: 0.8; /* но немного прозрачна */
width: 100%;
height: 100%; /* размером во весь экран */
top: 0;
left: 0; /* сверху и слева 0, обязательные свойства! */
cursor: pointer;
display: none; /* в обычном состоянии её нет) */
}
.menu_block_center_main {
position: relative;
margin: 0 auto;
width: 960px;
height: 54px;
}
#modal_form_contact h3{
margin: 27px 384px 20px;
}
#modal_form_consultation {
width: 561px;
height: 459px; /* Размеры должны быть фиксированы */
/*border-radius: 5px;*/
/*border: 3px #000 solid;*/
background: #fff;
position: fixed; /* чтобы окно было в видимой зоне в любом месте */
top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
left: 31%; /* половина экрана слева */
margin-top: -300px;
/* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
display: none; /* в обычном состоянии окна не должно быть */
opacity: 0; /* полностью прозрачно для анимирования */
z-index: 15; /* окно должно быть наиболее большем слое */
border-bottom: 3px solid #dfdfdf;
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form_consultation #modal_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
/* Подложка */
#overlay_registration {
z-index: 13; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
position: fixed; /* всегда перекрывает весь сайт */
background-color: #000; /* черная */
opacity: 0.8; /* но немного прозрачна */
width: 100%;
height: 100%; /* размером во весь экран */
top: 0;
left: 0; /* сверху и слева 0, обязательные свойства! */
cursor: pointer;
display: none; /* в обычном состоянии её нет) */
}
#modal_form_consultation input{
display: table;
background-color: #f5f5f5;
width: 334px;
height: 30px;
padding-left: 9px;
border-radius: 6px;
border: 1px solid #dfdfdf;
margin: 10px auto;
}
#modal_form_consultation input:nth-child(5) {
padding: 0 8px 76px;
}
#modal_form_consultation h3{
display: table;
margin: 51px auto 30px;
}
/*Modal window*/
#modal_form_consultation .purple{
margin: 31px auto;
font-weight: normal;
display: table;
}
#modal_form_contact .ital_auto_adress{
position: absolute;
right: 31px;
top: 83px;
height:265px;
}
.active_button{
background-color: white;
color:black;
border:1px solid #c7c7c7;
border-bottom: white;
}
.active_button_purple{
background-color: white;
color:#6d83ae;
border:1px solid #c7c7c7;
box-shadow: none;
background-image: url('/images/blue_hamburger.png')!important;
background-repeat: no-repeat;
background-position: 14%;
}
.active_button_purple_show{
background-color: white;
color:#6d83ae;
border:1px solid #c7c7c7;
box-shadow: none;
background-image: url('/images/blue_hamburger.png')!important;
background-repeat: no-repeat;
background-position: 14%;
}
.search_by_name .orange{
height: 34px;
width: 92px;
border-radius: 7px;
border: 1px solid #ffc523;
margin-left: 189px;
font-size: 11px;
background-color: #ffc523;
box-shadow: 0px 2px 0 0px #efb515;
outline: none;
cursor: pointer;
position: absolute;
top: 183px;
right: 296px;
z-index: 1;
}
.add_telephone{
float: right;
color: #6b84b5;
margin-right: 7px;
font-size: 14px;
cursor: pointer;
}
.add_telephone1{
float: right;
color: #6b84b5;
margin-right: 7px;
font-size: 14px;
cursor: pointer;
}
.search_by_name .orange img{
margin-left: 51px;
padding: 5px;
border-left: 1px solid #efb515;
}
.search_by_name .orange span{
position: absolute;
left: 9px;
top: 8px;
font-size: 14px;
font-weight: 600;
}
.search_span{
width:343px;
height: 535px;
background-color:white;
float:right;
color:black;
}
.search_span h4{
margin: 50px 0 20px 69px;
}
.search_span img{
margin-left: 120px;
}
.search_span span{
margin-left: 50px;
}
.search_span p{
margin: 30px 0 28px 85px;
font-size: 13px;
font-weight: 400;
}
.search_span select{
-webkit-appearance: none;
outline: 0 !important;
margin-top: 17px;
width: 238px;
height: 30px;
padding-left: 6px;
background-color: transparent;
margin-left: 51px;
border: 1px solid #dfdfdf;
border-radius: 4px;
cursor: pointer;
background-image: url("/images/search_span.png");
background-position: 67% 49%;
}
#down_menu :last-child{
border-bottom: none;
}
.slider_block{
width:960px;
margin:0 auto;
margin-top:40px;
}
.tovars{
width: 748px;
display: inline-block;
position: relative;
}
.tovars p{
font-size: 22px;
}
.tovar{
padding-top: 26px;
float: left;
margin-right: 10px;
display: table-cell;
text-align: center;
vertical-align: middle;
height: 315px;
width: 233px;
border: 1px solid #dfdfdf;
position: relative;
border-bottom: 3px solid #dfdfdf;
}
.tovar p{
color:#222222;
font-size: 16px;
margin-top: 19px;
}
.tovar .purple{
position: absolute;
width: 140px;
font-size: 14px;
font-family: 'Ubuntu';
font-weight: 400;
left: 43px;
bottom: 21px;
}
.tovar .purple:hover{
background-color: #748dbd;
transition: 0.2s ease-out 0.2s;
}
.tovar img{
}
.tovar span {
margin-left:25px;
}
.news{
position: relative;
display: inline-block;
float: right;
width: 200px;
}
.news .slider_tovars{
width:220px;
}
.news .slider_tovars .tovar{
width:220px;
padding-left: 20px;
}
.news .slider_tovars .tovar img{
margin-left: -18px;
border:1px solid #dfdfdf;
}
.news img{
margin-left: 0;
}
.news p{
color: #222222;
font-size: 14px;
text-align: left;
}
.news a{
text-decoration: none;
color: #6b84b5;
}
.menu_block_center{
position:relative;
margin:0 auto;
width:960px;
height: 54px;
}
.purple_stripe_center{
width:960px;
margin:0 auto;
position: relative;
}
#catalog{
background-image: url('/images/hamburger.png');
background-repeat: no-repeat;
background-position: 19% 50%;
padding-left: 20px;
font-size: 14px;
font-weight: 400;
}
.phone-select {
width: 52px;
height: 26px;
border: 1px solid #c9c9c9;
border-radius: 4px;
background: #f6f6f6;
box-sizing: border-box;
margin-top: 1px;
}
.wrong {
border: 1px solid #cb0000 !important;
transition: 0.3s;
}
.normal {
border: 1px solid #00ae10 !important;
transition: 0.3s;
}
.search_by_vin .orange{
height: 28px;
width: 32px;
border-radius: 7px;
border: 1px solid #ffc523;
margin-left: 530px;
margin-bottom: 25px;
font-size: 11px;
background-color: #ffc523;
box-shadow: 0px 4px 0 0px #efb515;
outline: none;
cursor: pointer;
z-index: 1;
}
.star{
color:#fec831;
}
.modal_form_project_first{
width: 420px;
height: 144px;
}
.modal-content{
border-bottom:3px solid #dfdfdf!important;
}
.modal_form_project_second{
width: 420px;
height: 119px;
padding-top: 18px;
}
.modal_form_project_third{
width: 420px;
height: 136px;
padding-top: 18px;
}
/*.slider_block */.news span:nth-child(2) img {
position: absolute;
top: 6px;
left: 96px;
}
.news span:nth-child(5) img {
position: absolute;
top: 6px;
left: 147px;
}
.slider_block1{
width:960px;
margin:0 auto;
margin-top:40px;
}
.slider_block1 table{
width: 960px;
}
.slider_block1 .images{
text-align: center;
width: 240px;
vertical-align: middle;
}
.slider_block1 .link{
text-align: center;
width: 240px;
vertical-align: top;
}
.slider_block1 .title {
padding-top: 30px;
}
.slider_block1 .list {
width: 240px;
vertical-align: top;
height: 99px;
}
.slider_block1 .list ul {
font-size: 13px;
line-height: 18px;
list-style-type: none;
}
.slider_block1 .list ul li {
padding-left: 11px;
background-image: url("/images/purple_eclipse.png");
background-position: 2px 8px;
background-repeat: no-repeat;
}
.slider_block1 .link a {
color: #6b84b5;
text-decoration: underline;
}
.slider_block1 span:nth-child(2) img {
position: absolute;
top: 6px;
left: 165px;
}
.slider_block1 span img:nth-child(1) {
position: absolute;
top: 6px;
}
/*____________________________*/
#modal_form_project{
height: 400px;
}
#modal_form_project img {
display: inline-block;
float: left;
margin-bottom: 11px;
margin-left: 50px;
}
#modal_form_project a {
display: block;
width: 111px;
margin-left: 26px;
color: #6b84b5;
text-decoration: underline;
}
#modal_form_project h4 {
display: inline-block;
float: right;
margin-top: -60px;
margin-right: 55px;
}
#modal_form_project ul {
display: inline-block;
float: right;
margin-right: 55px;
}
/* Окно */
/* Подложка */
.first_block a:nth-child(11):hover {
color: #8ca1c8;
}
#go_idea:hover{
color: #8ca1c8;
}
#modal_form_idea {
width: 561px;
height: 460px; /* Размеры должны быть фиксированы */
/*border-radius: 5px;*/
/*border: 3px #000 solid;*/
background: #fff;
position: fixed; /* чтобы окно было в видимой зоне в любом месте */
top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
left: 31%; /* половина экрана слева */
margin-top: -274px;
/* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
display: none; /* в обычном состоянии окна не должно быть */
opacity: 0; /* полностью прозрачно для анимирования */
z-index: 15; /* окно должно быть наиболее большем слое */
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form_idea #modal_close {
width: 21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
/* Подложка */
#modal_form_idea input{
background-color: #f5f5f5;
width: 334px;
height: 30px;
padding-left: 9px;
border-radius: 6px;
border:1px solid #dfdfdf;
margin: 10px 114px;
}
#modal_form_idea input:nth-child(5){
padding: 0 8px 76px;
}
#modal_form_idea h3{
margin: 51px 0 24px 176px;
}
/*Modal window*/
#modal_form_idea .purple{
display: table;
margin: 14px auto;
}
#idea{
height: 107px!important;
}
.footer_width {
background-image: url('/images/bg-pattern1.png');
margin-top: -20px;
}
.squere{
border-right: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
height: 42px;
width: 155px;
display: inline-block;
text-align: center;
padding-top: 12px;
float: right;
position: relative;
}
.squere img{
position: absolute;
left: 13px;
top: 14px;
}
.yellow_block {
position: relative;
z-index: 15;
width: 100%;
height:42px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 52%, rgba(248,248,248,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(52%, rgba(248,248,248,1)), color-stop(100%, rgba(248,248,248,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 52%, rgba(248,248,248,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 52%, rgba(248,248,248,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 52%, rgba(248,248,248,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 52%, rgba(248,248,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0 );
}
.number_of{
font-weight: 500;
font-size: 22px;
margin-left: 20px;
}
.general_number{
font-weight: 500;
font-size: 22px;
margin-right: 5px;
}
.block_project{
width:237px!important;
height: 200px;
display: inline-block;
position: relative;
float: left;
}
.block_project a {
display: block;
text-align: left;
margin-left: 40px;
}
.block_project h4{
}
.for_list{
display: inline-block;
}
.block_project ul{
list-style-position: inside;
display: table-cell;
font-size: 13px;
line-height: 18px;
list-style-type: none;
}
.block_project img{
margin-left: 75px;
vertical-align: top;
}
.slider_block1 .slider_tovars{
width:960px;
}
.block_project ul li {
padding-left: 11px;
background-image: url("/images/purple_eclipse.png");
background-position: 2px 8px;
background-repeat: no-repeat;
}
.block_project a{
color: #6b84b5;
text-decoration: underline;
}
.block_project tr:nth-child(1){
height:61px;
}
.block_project tr:nth-child(2){
height:20px;
}
.block_project tr:nth-child(3) td{
vertical-align: top;
}
.third_block a:nth-child(5){
color:#6b84b5;
border-bottom:1px dashed;
}
.modal-body1{
position: relative;
padding: 15px;
}
.modal-content1 {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,.2);
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
box-shadow: 0 3px 9px rgba(0,0,0,.5);
border-bottom: 3px solid #dfdfdf!important;
}
.modal-header1 span{
height: 24px;
width: 24px;
display: block;
margin-top: 12px;
margin-right: 12px;
}
.vin_value{
color:#222222;
}
.steel .selectize-dropdown-content{
margin-left: -1px!important;
}
.areamark{
width: 240px;
margin-left: 51px;
}
.areamark .selectize-input.full{
background: #f5f5f5;
}
.area1 .selectize-input.full{
background: #f5f5f5;
}
.area2 .selectize-input.full{
background: #f5f5f5;
}
.area5 .selectize-input.full{
background: #f5f5f5;
}
.area3 .selectize-input.full{
background: #f5f5f5;
}
.area4 .selectize-input.full{
background: #f5f5f5;
}
.area1{
margin-top: 15px;
width: 240px;
margin-left: 51px;
opacity: 0;
}
.area1 .selectize-input{
background: #f5f5f5;
}
.area3 .selectize-input{
background: #f5f5f5;
}
.area4 .selectize-input{
background: #f5f5f5;
}
.area5 .selectize-input{
background: #f5f5f5;
}
.area2{
opacity: 0;
margin-top: 15px;
width: 240px;
margin-left: 51px;
}
.area2 .selectize-input{
background: #f5f5f5;
}
.selectize_item2 span{
margin-left: 0!important;
}
.selectize_item3 span{
margin-left: 0!important;
}
.area3{
width: 240px;
margin-left: 51px;
}
.area4{
margin-top: 15px;
width: 240px;
margin-left: 51px;
opacity: 0;
}
.area5{
opacity: 0;
margin-top: 15px;
width: 240px;
margin-left: 51px;
}
.shadow{
-webkit-box-shadow: -2px 0px 5px 0px rgba(133,133,133,1);
-moz-box-shadow: -2px 0px 5px 0px rgba(133,133,133,1);
box-shadow: -2px 0px 5px 0px rgba(133,133,133,1);
}
.shadow_modal{
-webkit-box-shadow: 1px -2px 5px 0px rgba(133,133,133,1);
-moz-box-shadow: 1px -2px 5px 0px rgba(133,133,133,1);
box-shadow: 1px -2px 5px 0px rgba(133,133,133,1);
}
.modal_form_project_second:hover{
background-color: #f5f5f5;
}
.modal_form_project_first:hover{
background-color: #f5f5f5;
}
.modal_form_project_third:hover{
background-color: #f5f5f5;
}
#modal_form_consultation .areamark{
width: 332px;
margin-left: 113px;
}
#modal_form_consultation .selectize-dropdown {
margin-top: -3px;
margin-left: 0px!important;
border-left: 1px solid #dfdfdf;
background-color: #f5f5f5;
}
#modal_form_consultation .selectize-dropdown-content{
margin-left: 0px!important;
}
#modal_form_consultation .selectize-input.full {
background-color: #f5f5f5;
}
#modal_form_consultation .selectize-input {
border-radius: 6px;
border: 1px solid #dfdfdf;
padding: 0px 8px;
display: inline-block;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 3px;
height: 31px;
}
#modal_form_consultation .selectize-input, .selectize-control.single .selectize-input.input-active{
background-color: #f5f5f5;
}
input[type="checkbox"] {
display:none;
}
input[type="checkbox"] + label {
color: #fff;
font-family:Arial, sans-serif;
cursor: pointer;
}
input[type="checkbox"] + label span {
display:inline-block;
width:16px;
height:16px;
margin-bottom: 16px;
background: url('/images/checkbox.png') no-repeat;
cursor:pointer;
}
input[type="checkbox"]:checked + label span{
background: url('/images/input-type-checked.png') no-repeat;
}
input[type="checkbox"] + label span,
input[type="checkbox"]:checked + label span {
position: absolute;
left: 114px;
top: 200px;
-webkit-transition:background 0.4s linear;
-o-transition:background 0.4s linear;
-moz-transition:background 0.4s linear;
transition:background 0.4s linear;
}
.carousel-indicators {
bottom: 0px;
}
.carousel {
position: relative;
height: 300px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
line-height: 1;
height: 300px;
}
.carousel-control.left{
background-image: url('../images/arrow_back.png');
background-repeat: no-repeat;
background-position: 82% 50%;
}
.carousel-control.right {
background-image: url('../images/arrow_go.png');
background-repeat: no-repeat;
background-position: 0% 50%;
}
.star {
color: #fec831;
position: absolute;
left: 104px;
top: 125px;
}
.star1 {
color: #fec831;
position: absolute;
left: 104px;
top: 170px;
}
#modal_form_registration .star {
color: #fec831;
position: absolute;
left: 120px;
top: 158px;
}
.registration_for_person .star1 {
color: #fec831;
position: absolute;
left: 120px;
top: 209px;
}
.registration_for_person .star2 {
color: #fec831;
position: absolute;
left: 120px;
top: 257px;
}
.registration_for_person .star3 {
color: #fec831;
position: absolute;
left: 120px;
top:308px;
}
.registration_for_person .star4 {
color: #fec831;
position: absolute;
left: 152px;
bottom: 172px;
}
.registration_for_person .star5 {
color: #fec831;
position: absolute;
left: 120px;
top: 308px;
}
.registration_for_company .star1 {
color: #fec831;
position: absolute;
left: 120px;
top: 208px;
}
.registration_for_company .star2 {
color: #fec831;
position: absolute;
left: 120px;
top: 232px;
}
.registration_for_company .star3 {
color: #fec831;
position: absolute;
left: 120px;
top: 258px
}
.registration_for_company .star4 {
color: #fec831;
position: absolute;
left: 152px;
bottom: 172px;
}
.registration_for_company .star5 {
color: #fec831;
position: absolute;
left: 120px;
top: 310px
}
.registration_for_company .star6 {
color: #fec831;
position: absolute;
left: 120px;
top: 359px
}
#modal_form_idea .star {
color: #fec831;
position: absolute;
left: 103px;
top: 121px;
}
#modal_form_idea .star1 {
color: #fec831;
position: absolute;
left: 103px;
top: 121px;
}
#modal_form_idea .star2 {
color: #fec831;
position: absolute;
left: 103px;
top: 220px;
}
#modal_form_idea .star3 {
color: #fec831;
position: absolute;
left: 103px;
top: 273px;
}
#modal_form_idea .star4 {
color: #fec831;
position: absolute;
left: 103px;
top: 170px;
}
#modal_form_consultation .selectize-input > * {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
margin-top: 6px;
margin-bottom: 0!important
}
#modal_form_idea input:nth-child(8) {
padding: 0 8px 76px;
}
#modal_form_consultation .star1{
color: #fec831;
position: absolute;
left: 101px;
top: 157px;
}
#modal_form_consultation .star{
color: #fec831;
position: absolute;
left: 101px;
top: 117px;
}
#modal_form_consultation .star2{
color: #fec831;
position: absolute;
left: 101px;
top: 232px;
}
#modal_form_consultation input:nth-child(7) {
padding: 0 8px 76px;
}
#modal_form_call .star1{
color: #fec831;
position: absolute;
left: 118px;
top: 142px;
}
#modal_form_call .star{
color: #fec831;
position: absolute;
left: 118px;
top: 91px;
}
.searching_for_tovars .selectize-input:after{
content: ''!important;
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
width: 0;
height: 0;
border-style: none!important;
border-width: 5px 5px 0 5px;
border-color: #808080 transparent transparent transparent;
}
.searching_for_vin .selectize-input:after{
content: ''!important;
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
width: 0;
height: 0;
border-style: none!important;
border-width: 5px 5px 0 5px;
border-color: #808080 transparent transparent transparent;
}
.selectize_item2 .selectize-input > * {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
margin-bottom: -20px;
}
.selectize_item3 .selectize-input > * {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
margin-bottom: -20px;
}
.searching_by_name .selectize-input > * {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
margin-bottom: -20px;
}
.searching_by_brand .selectize-input > * {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
margin-bottom: -20px;
}
.steel .selectize-input > * {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
margin-bottom: -20px;
}
.searching_for_vin .selectize-input > * {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
margin-bottom: -20px;
}
.searching_for_tovars .selectize-input > * {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
margin-bottom: -20px;
}
.own_page3 span{
border-bottom: 1px dashed;
}
.car a:hover{
color:#ffc523;
}
.mark, mark {
padding: .2em;
background-color: transparent!important;
}
.areamark .selectize-dropdown-content {
overflow-y: auto;
overflow-x: hidden;
max-height: 200px;
width: inherit;
width: 237px;
margin-left: 0!important
}
.area1 .selectize-dropdown-content {
overflow-y: auto;
overflow-x: hidden;
max-height: 200px;
width: inherit;
width: 237px;
margin-left: 0!important
}
.area2 .selectize-dropdown-content {
overflow-y: auto;
overflow-x: hidden;
max-height: 200px;
width: inherit;
width: 237px;
margin-left: 0!important
}
.area3 .selectize-dropdown-content {
overflow-y: auto;
overflow-x: hidden;
max-height: 200px;
width: inherit;
width: 237px;
margin-left: 0!important
}
.area4 .selectize-dropdown-content {
overflow-y: auto;
overflow-x: hidden;
max-height: 200px;
width: inherit;
width: 237px;
margin-left: 0!important
}
.area5 .selectize-dropdown-content {
overflow-y: auto;
overflow-x: hidden;
max-height: 200px;
width: inherit;
width: 237px;
margin-left: 0!important
}
#modal_form_consultation .areamark .selectize-dropdown-content {
overflow-y: auto;
overflow-x: hidden;
max-height: 200px;
width: 327px;
}
#modal_form_consultation .areamark .selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
padding: 5px 8px;
background-color: transparent;
}
/*#registration_form div:nth-child(2){
margin-left:65px;
}*/
.collapse.in li a:hover{
color: #8fa0c4!important
}
.white_squere:hover{
border:1px solid #8fa0c4;
}
.collapse.in {
position: absolute;
display: block;
z-index: 1000;
float: left;
min-width: 160px;
padding: 5px 0px;
margin: 7px 0px 0px 0px;
font-size: 14px;
text-align: left;
box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px;
background-color: rgb(255, 255, 255);
background-clip: padding-box;
height: 145px !important;
width: 732px !important;
left: -132px !important;
}
.telephone span{
float: left;
margin-top: 5px;
margin-right: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
filter: alpha(opacity=20);
opacity: 1!important;
}
.modal-header{
border-bottom: none!important;
}
.selectize-control.single .selectize-input:after{
top: 30%!important;
}
.search_by_vin .selectize-input{
margin-top: -1px;
}