.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; } .contacts .orange { height: 27px; width: 115px; border-radius: 0 7px 7px 0; border: 1px solid #ffc523; position: absolute; bottom: 7px; margin-left: 186px; font-size: 11px; background-color: #ffc523; box-shadow: 0px 4px 0 0px #efb515; outline: none; } .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; } .orange_call{ 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 p { font-size: 18px; margin-bottom: 0; } .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; } .purple_menu{ position: relative; width:100%; height:54px; background-color: #6b84b5; } .menu_block{ top: 19px; display: none; position: absolute; list-style-type: none; width:960px; height:54px; margin:0 auto; } .menu_block li{ position: relative; display: inline-block; margin-left: 20px; height: 50px; } .footer_width{ background-image: url('/images/bg-pattern1.png'); margin-top: -20px; } .menu_block li a{ font-size: 17px; line-height: 14px; color:white; font-family: Arial; margin-top: -25px; margin-left: 55px; } .menu_block li img{ position: absolute; bottom: 31px; left: 17px; } .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; } .purple_stripe_center{ width:960px; margin:0 auto; position: relative; } .menu_block_center{ position:relative; margin:0 auto; width:960px; height: 54px; } .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; } /* /*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: 999999; /* окно должно быть наиболее большем слое */ border-bottom: 3px solid #dfdfdf; } /* Кнопка закрыть для тех кто в танке) */ #modal_form #modal_close { width: 21px; height: 21px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block; } /* Подложка */ #overlay { 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 input{ background-color: #f5f5f5; width: 334px; height: 30px; padding-left: 9px; border-radius: 6px; border:1px solid #dfdfdf; margin: 10px 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 { display: table; padding-top: 25px; padding-left: 191px; background-color: #f5f5f5; width: 561px; height: 74px; color: #6b84b5; text-decoration: none; /* border-bottom: 1px dashed; */ font-size: 18px; margin: -8px 0px; } /*Modal window_registraion*/ /*Modal window*/ /* Окно */ #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{ width: 334px; height: 30px; padding-left: 9px; border-radius: 6px; border:1px solid #dfdfdf; margin: 10px 52px; } #modal_form_registration h3{ margin: 51px 140px 30px; } /*modal_window_photo*/ /* Кнопка закрыть для тех кто в танке) */ #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-body1 { position: relative; padding: 15px; } .areamark { width: 240px; margin-left: 51px; } .selectize_item2 span { margin-left: 0!important; } .areamark .selectize-dropdown{ margin-left:0!important; } .area1{ margin-top: 15px; width: 240px; margin-left: 51px; opacity: 0; } .area2{ opacity: 0; margin-top: 15px; width: 240px; margin-left: 51px; } .selectize_item3 span{ margin-left: 0!important; } .area1 .selectize-dropdown{ margin-left: 0!important; margin-top: -1px; } .area2 .selectize-dropdown{ margin-left: 0!important; margin-top: -1px; } .area3 .selectize-dropdown{ margin-left: 0!important; margin-top: -1px; } .area4 .selectize-dropdown{ margin-left: 0!important; margin-top: -1px; } .area5 .selectize-dropdown{ margin-left: 0!important; margin-top: -1px; } #number .selectize-dropdown{ 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; } .areamark .selectize-input{ background: #f5f5f5; } .area1 .selectize-input{ background: #f5f5f5; } .area3 .selectize-input{ background: #f5f5f5; } .area4 .selectize-input{ background: #f5f5f5; } .area5 .selectize-input{ background: #f5f5f5; } .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; } .registration_for_detail_search .selectize-input { padding-bottom: 8px; display: block; width: 100%; overflow: hidden; position: relative; z-index: 1; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; height: 33px; border: 1px solid #dfdfdf; } .registration_for_detail_search .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; width: inherit; margin-left: -1px; /* border: none!important; */ border-radius: 6px!important; } .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); } #modal_form_registration input{ background-color: #f5f5f5; width: 334px; height: 30px; padding-left: 9px; border-radius: 6px; border:1px solid #dfdfdf; margin: 10px 52px; position: static; } #modal_form_registration h3 { display: table; margin: 0 auto 25px auto; } /*photo end*/ /*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; } /*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; } .first_block a:nth-child(12):hover { color: #8ca1c8; } #go_idea:hover{ color: #8ca1c8; } #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 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: 400px; position: absolute; background: #fff; top: 42px; right: 0; display: none; opacity: 0; z-index: 999999; border-bottom: 3px solid #dfdfdf; } .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); } /* Кнопка закрыть для тех кто в танке) */ #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; } #modal_form_project h4 { display: inline-block; float: right; margin-top: -60px; margin-right: 55px; } #modal_form_project img { display: inline-block; float: left; margin-bottom: 11px; margin-left: 50px; position: static } #modal_form_project ul { display: inline-block; float: right; margin-right: 55px; padding-top: 0!important; } #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 a { display: block; width: 111px; margin-left: 26px; color: #6b84b5; text-decoration: underline; } .modal_form_project_first { text-align: left; width: 420px; height: 144px; padding-top: 24px; } .modal_form_project_second{ text-align: left; width: 420px; height: 119px; padding-top: 18px; } .modal_form_project_third{ text-align: left; width: 420px; height: 136px; padding-top: 18px; } .modal_form_project_second h4{ margin-right: 80px!important; } #modal_form_project ul { display: inline-block; float: right; } .modal_form_project_second h4{ margin-right: 89px; margin-top: -75px; } .modal_form_project_second ul{ margin-top: -47px; } .modal_form_project_third h4{ } .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_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: 999999; /* окно должно быть наиболее большем слое */ 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; /* в обычном состоянии её нет) */ } #modal_form_contact h3{ margin: 27px 384px 20px; } #modal_form_contact .ital_auto_adress{ position: absolute; right: 31px; top: 83px; height:265px; } /*general styles */ /*search input with button */ .menu_block_center .orange{ float:right; height: 28px; width: 32px; border-radius: 7px; border: 1px solid #ffc523; margin-top: 15px; margin-left: 3px; font-size: 11px; background-color: #ffc523; box-shadow: 0px 4px 0 0px #efb515; outline: none; cursor: pointer; } /*search input with button */ .menu_search{ width: 185px; height: 31px; padding-left: 9px; border-radius: 6px; border: transparent; margin-top: 15px; } .modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: none!important; } /*.notactive{ display: none; } .replace{ display: none; } */ /*menu_replace_styles*/ .menu_block_replace{ width: 725px; float: right; } .replace_not_active{ display: none; } .menu_item{ width: 191px; height: 58px; border-right: 1px solid #5f76a3; float: left; } .menu_block_center1 .menu_item{ width: 191px; height: 59px; border-right: 1px solid #5f76a3; float: left; } .menu_item img{ margin-left: 19px; margin-top: 19px; } .menu_item p{ font-size: 16px; line-height: 18px; color: white; font-family: Arial; margin-top: -21px; margin-left: 55px; } .menu_block_replace #auto_staff1{ width:153px; height: 60px; border-left: 1px solid #5f76a3; cursor: pointer; } .menu_block_replace #auto_staff1 p{ text-align: center; margin-left: 32px; } .menu_block_replace #oil{ width: 138px; } .menu_block_replace #oil p{ text-align: center; margin-right: -2px; margin-top: -31px; margin-left: 32px; } .menu_block_replace #materials{ width: 129px; } .menu_block_replace #materials p{ text-align: center; margin-right: 5px; margin-top: -30px; margin-left: 32px; } .menu_block_replace #accessories{ width:147px; } .menu_block_replace #accessories p{ text-align: center; margin-left: 41px; } .menu_block_replace #chargers{ width:157px; } .menu_block_replace #chargers p{ text-align: center; margin-left: 41px; } #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; } #down_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; } .dropdown_menu { width: 724px; height: 560px; background-color: white; border: 1px solid #c4c4c4; position: absolute; z-index: 99; display: none; } .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!important; } .search_span h4 span{ margin-left: 50px; } .search_span p{ margin: 30px 0 28px 76px; } .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; } #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 a { position: absolute; top: 6px; margin-left: 13px !important; } .slider_block1{ width:960px; margin:0 auto; margin-top:40px; position: relative; } /*td{ width:240px; vertical-align: top; }*/ table{ width: 960px; } table a{ color: #6b84b5; text-decoration: underline; } .list{ width:240px; vertical-align: top; height: 99px; } .list ul{ font-size: 13px; line-height: 18px; list-style-type: none; } .list ul li{ padding-left: 11px; background-image: url("/images/purple_eclipse.png"); background-position: 2px 8px; background-repeat: no-repeat; } .images{ text-align: center; width:240px; vertical-align: middle; } .link{ text-align: center; width:240px; vertical-align: top; } .title{ padding-top: 30px; } .tovars{ display: inline-block; } .tovars p{ font-size: 22px; } .tovar{ display: inline-block; margin-right:50px; } .title h4{ font-size:16px; } .tovar p{ color:#222222; font-size: 16px; } .tovar ul{ color:#222222; font-size: 13px; } .tovar .purple{ margin-left: 25px; } .tovar .purple:hover{ background-color: #748dbd; transition: 0.2s ease-out 0.2s; } .tovar img{ margin-left: 51px; margin-top: 30px; } .tovar span { margin-left:25px; } /*main section*/ .tovar a { display: block; margin-left: 23px; } .active_button { background-color: white; color: black; border: 1px solid #c7c7c7; border-bottom: white; } .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; } /*menu_replace_style_end */ /*main section*/ /*Modal window*/ /* Окно */ /* Кнопка закрыть для тех кто в танке) */ #modal_form_photo #modal_close { width: 21px; height: 21px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block; } /* Подложка */ #overlay { z-index: 99999; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */ position: fixed; /* всегда перекрывает весь сайт */ background-color: #000; /* черная */ opacity: 0.8; /* но немного прозрачна */ width: 100%; height: 100%; /* размером во весь экран */ top: 0; left: 0; /* сверху и слева 0, обязательные свойства! */ cursor: pointer; display: none; /* в обычном состоянии её нет) */ } #modal_form_photo input{ width: 334px; height: 30px; padding-left: 9px; border-radius: 6px; border:1px solid #dfdfdf; margin: 10px 114px; } .orange_backcall { 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; } #modal_form_photo h3{ margin: 51px 140px 30px; } /*Modal window*/ .orange_call:hover{ background-color:#ffcf4a; } .replace:hover{ background-color:#ffcf4a; } .navigation:hover{ color: #879cc3; } #go:hover{ color: #879cc3; } #go_contacts:hover{ color: #879cc3; } #go_project:hover{ color: #879cc3; text-decoration: none; } .own_page:hover{ color: #879cc3; } .slider_tovars table tr:hover{ background-color: white!important; } .own_page:hover{ color: #8ca1c8; } .add_telephone:hover{ color: #8ca1c8; } .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; } .currency { display: inline-block; font-weight: normal; color: #6c83b5; height: 21px; width: 36px; border-radius: 4px 0 0 4px; border: 1px solid #efeff0; background-color: #efeff0; cursor: pointer; float: right; display: inline-block; position: relative; text-align: center; } .active_button_purple1 { background-color: #6c83b5; color: #ffffff; } .small_menu_width{ float:right; } .menu_block_max_width .menu_item{ width:50px; } /*.menu_block_max_width #accessories img{ margin-left: 13px; }*/ .menu_block_max_width{ width: 960px; } .side_list{ position: relative; z-index: 4; height: 59px; width: 680px; float:left; list-style-type: none; border-right: 1px solid #5f76a3; border-left: 1px solid #5f76a3; } .side_list li{ padding-top: 20px; display: inline-block; width: 93px; height: 54px; text-align: center; font-size: 13px; float:left; } .side_list a{ border-bottom: 1px dashed; color: #f6f6f6; } .menu_search_down{ position: relative; z-index: 2; width:680px; height: 87px; border: 1px solid #5f76a3; border-top: none; background-color: #6b84b5; margin-left: -1px; border-radius: 0 0 4px 4px; margin-top: 10px; } .input_search .selectize-dropdown{ width: 606px!important; margin-left: 0!important; border-radius: 6px!important; margin-top:0px!important; } .input_search .selectize-dropdown-content{ margin-left: -9px; border-radius: 6px!important; text-align: left; } .menu_search_down .selectize-dropdown-content{ border-radius:5px; border:1px solid #dfdfdf; } .menu_search_down .selectize-control.single .selectize-input:after { content: ' '; 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; } .menu_block_center1 .area3.selectize-control.single .selectize-input:after { content: url('/images/small_arrow_down.png'); display: block; position: absolute; top: 30%; 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; } .menu_block_center1 .area4.selectize-control.single .selectize-input:after { content: url('/images/small_arrow_down.png'); display: block; position: absolute; top: 30%; 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; } .menu_block_center1 .area5.selectize-control.single .selectize-input:after { content: url('/images/small_arrow_down.png'); display: block; position: absolute; top: 30%; 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; } .input_search { width: 616px!important; height: 34px; padding-left: 9px; border-radius: 6px; margin-top: 12px; border: transparent; margin-left: 17px; outline: none; } .full_search{ color: #f6f6f6; display: inline-block; border-bottom: 1px dashed; float: right; margin: 12px 50px; } .registration_for_detail_search { width: 659px; height: 237px; margin: 38px auto; } .menu_block_center2 .side_list a{ color: #5c77ad; } .registration_for_detail_search label { font-size: 13px; font-weight: 500; position: absolute; top: 11px; left:0; color: #ffffff; margin-left: 6px; } .input_search1{ width:436px; margin-left: 19px; } .input_search1 .selectize-dropdown{ width: 418px!important; margin-left: 0px!important; border-radius: 6px!important; border-left: none; } .input_search1 .selectize-dropdown-content{ width:436px!important; margin-left: 0; border-radius: 6px!important; text-align: left; } .area_label{ top: 27px!important; } .search_span1_dropdown { margin: 0 auto; width: 688px; height: 418px; display: none; } .input { position: relative; } .small_menu_width .menu_item img{ margin-left: 19px; margin-right: 19px; } .menu_block_center1 .small_menu_width .menu_item img{ margin-left: 20px; margin-right: 19px; } .small_menu_width .menu_item{ width:auto; } .menu_block_center1 .menu_search_down .input_width{ margin-left: 124px; width: 525px!important; } .menu_block_center1 .input_width .selectize-dropdown { margin-top: 0px!important; /* border: 1px solid #dfdfdf!important; */ text-align: left!important; } .menu_block_center1 .input_width .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; width: inherit; margin-left: -1px; border: none; border-radius: 6px!important; } .area_search { margin-left: 113px; width: 525px; height: 33px; background-color: #FFFDFD; background-image: url("/images/arrow-cart-down.png"); background-repeat: no-repeat; background-position: 97% 60%; -webkit-appearance: none; outline: 0 !important; margin-top: 17px; padding-left: 6px; border: 1px solid #dfdfdf; border-radius: 4px; cursor: pointer; } .input_width { margin-left: 121px; width: 538px!important; height: 33px!important; border-radius: 6px; margin-top: 13px; background-color: #f5f5f5; } .registration_for_detail_search .selectize-control.single .selectize-input:after { content: ' '; 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; } .registration_for_detail_search .selectize-dropdown { margin-top: -1px!important; margin-left: 0px!important; border: 1px solid #dfdfdf!important; text-align: left!important; } .registration_for_detail_search .input_width{ margin-left: 121px; width: 354px!important; height: 33px!important; border-radius: 6px; margin-top: 13px; background-color: #f5f5f5; } /*.change_width{ margin-left: 121px; width: 342px!important; padding-left: 9px; border-radius: 6px; border: 1px solid #dfdfdf; margin-top: 13px; background-color: #f5f5f5; }*/ .footer .first_block img:nth-child(11) { bottom: 18px; position: absolute; } .menu_search_down .selectize-input{ text-align: left; } .registration_for_detail_search .orange_menu { margin-top: 28px; width: 110px; border: 1px solid #ffc523; font-weight: normal; background-color: #ffc523; box-shadow: 0px 3px 0 0px #efb515; font-family: Arial; font-size: 11px; font-weight: 600; text-transform: uppercase; color: #fff; height: 36px; width: 118px; border-radius: 4px; cursor: pointer; outline: none; } .menu_block_center1 .registration_for_detail_search .orange_menu { color:#333!important; } .orange_menu:hover{ background-color: #fccf51; } .orange_small:hover{ background-color: #fccf51; } .menu_block_center .orange:hover{ background-color: #fccf51; } .registration_for_detail_search .special:hover{ background-color: #7489b4!important; } .full_search:hover{ color:#e2e2e0; } .menu_block_center1 { position: relative; margin: 0 auto; width: 960px; display: none; height: 54px; } .purple_menu1 { position: relative; width: 100%; height: 60px; background-color: #6b84b5; } .orange_small{ height: 28px; width: 32px; border-radius: 7px; border: 1px solid #ffc523; margin-bottom: -1px; font-size: 11px; background-color: #ffc523; box-shadow: 0px 3px 0 0px #efb515; outline: none; cursor: pointer; position: absolute; bottom: 5px; margin-left: 4px; } .menu_search_down .orange_small{ position: absolute; height: 28px; width: 32px; border-radius: 7px; border: 1px solid #ffc523; margin-bottom: -1px; font-size: 11px; background-color: #ffc523; box-shadow: 0px 3px 0 0px #efb515; outline: none; cursor: pointer; top: 0; right: 9px; } .menu_block_center2 .menu_search_down .orange_small{ position: absolute; height: 28px; width: 32px; border-radius: 7px; border: 1px solid #ffc523; margin-bottom: -1px; font-size: 11px; background-color: #ffc523; box-shadow: 0px 3px 0 0px #efb515; outline: none; cursor: pointer; top: 0; right: 15px; } .orange_small:hover{ background-color: #fccf51; } .instock { background-color: #ffdc7b; } .opposite { border-radius: 0 4px 4px 0; } .container_for_dropdown{ width: 960px; margin: 0 auto; height:560px; display: none; } #auto_staff1{ position: relative; } .dropdown_menu{ top: 59px; } .another_menu{ background-color: #f2f2f2!important; border: 1px solid #dfdfdf!important; z-index: 10; transition: 0.3s ease-out; display: block; } .side_list_special{ border-right: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; width: 509px; margin-left: 172px; display: none; } .special{ background-color: #6b84b5!important; box-shadow: 0px 3px 0 0px #5670a2!important; border: 1px solid #6b84b5!important; } .search_form .special{ margin-left: 157px; } .special:hover{ background-color: #92a4c8; border: 1px solid #92a4c8 } #theImg{ margin-right: 10px; opacity: 0; position: absolute; } /*.change_width{ width: 323px !important; }*/ .purple_shadow{ z-index: 10; -webkit-box-shadow: 0px 6px 4px 0px rgba(206,206,206,1); -moz-box-shadow: 0px 6px 4px 0px rgba(206,206,206,1); box-shadow: 0px 6px 4px 0px rgba(206,206,206,1); } .menu_block_center2{ position: relative; margin: 0 auto; width: 960px; display: none; height: 54px; } .menu_block_ .back{ background-color: #6B84B5; } .menu_block_center .menu_search_down{ display: none; } .main_menu_search{ height: 58px; float:left; position: relative; /*display: table-cell;*/ text-align: center; width: 509px; margin-left: 172px; border-right: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; } .main_search { width: 0px; height: 34px; padding-left: 9px; border-radius: 6px; margin-top: 12px; border: transparent; border: 1px solid #dfdfdf; margin-top: 11px; margin-left: -41px; outline: none; } .active_menu{ display: none; } .menu_search_down1 { position: absolute; z-index: 2; width: 688px; height: 427px; border: 1px solid #5f76a3; border-top: none; background-color: #6b84b5; margin-left: -1px; border-radius: 0 0 4px 4px; left: 171px; top: 49px; border-top: 1px solid transparent!important; display: none; } .overlay3{ background-color: transparent; opacity: 1; z-index: 1; } /*/*Mod*/ .change_position{ left: -444px; } .menu_block_center .search_span p { margin: 31px 30px 25px 48px; color: #333333; } .menu_block_center1 .search_span p { color: #333333; } .menu_block_center2 .search_span p { color: #333333; } .side_list_special .menu_search_down{ border-top: none!important; } /* Окно */ #modal_form_call { width: 561px; height: 279px; /* Размеры должны быть фиксированы */ } /* Кнопка закрыть для тех кто в танке) */ #modal_form_call #modal_close { width: 21px; height: 21px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block; } /* Подложка */ #overlay { 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_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; } #modal_form_call h3{ margin: 0px 173px 30px; } /*Modal window*/ #modal_form_call .purple{ display: table; margin: 13px auto; } #modal_form_idea { width: 561px; height: 460px; /* border-radius: 5px; */ /* border: 3px #000 solid; */ background: #fff; position: fixed; top: 45%; left: 31%; margin-top: -274px; 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 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{ margin: 14px 222px; } #modal_form_idea .purple:hover{ background-color: #889ec8; } #modal_form .purple:hover{ background-color: #889ec8; } #modal_form_registration .purple:hover{ background-color: #889ec8; } #modal_form_call .purple:hover{ background-color: #889ec8; } #idea{ height: 107px!important; } .number_of{ font-weight: 500; font-size: 22px; margin-left: 15px; } .general_number{ font-weight: 500; font-size: 22px; margin-right: 6px; } .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!important; } .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; font-size: 16px; } .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; } .own_page3 span{ border-bottom: 1px dashed; } .star { color: #fec831; position: absolute; left: 104px; top: 127px; } .star1 { color: #fec831; position: absolute; left: 104px; top: 177px; } #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: 170px; } #modal_form_consultation .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; margin-top: 6px; } #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; } #modal_form input[type="checkbox"] { display:none; } #modal_form input[type="checkbox"] + label { color: #fff; font-family:Arial, sans-serif; cursor: pointer; } #modal_form input[type="checkbox"] + label span { display:inline-block; width:16px; height:16px; margin-bottom: 16px; background: url('/images/checkbox.png') no-repeat; cursor:pointer; } #modal_form input[type="checkbox"]:checked + label span{ background: url('/images/input-type-checked.png') no-repeat; } #modal_form input[type="checkbox"] + label span, #modal_form input[type="checkbox"]:checked + label span { position: absolute; left: 114px; top: 208px; -webkit-transition:background 0.4s linear; -o-transition:background 0.4s linear; -moz-transition:background 0.4s linear; transition:background 0.4s linear; } .selectize_item2 .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; /* margin-bottom: -10px; width: 100px; display: block;*/ } .selectize_item3 .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; /* margin-bottom: -10px; width: 100px; display: block;*/ } .areamark .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; /* margin-bottom: -10px;*/ /* width: 100px; display: block;*/ } .area1 .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; /* margin-bottom: -10px; width: 100px; display: block;*/ } .input_search1 .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; /* margin-bottom: -10px; width: 100px; display: block;*/ } .input_width .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; /* margin-bottom: -10px; width: 100px; display: block;*/ } .input_search .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; /* margin-bottom: -10px; width: 100px; display: block;*/ } .area1 .selectize-input:after { content: url('/images/small_arrow_down.png'); display: block; position: absolute; top: 30%!important; right: 22px; /*margin-top: -9px!important;*/ width: 0; height: 0; border-style: none; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .areamark .selectize-input:after { content: url('/images/small_arrow_down.png'); display: block; position: absolute; top: 50%; right: 22px; margin-top: -9px!important; width: 0; height: 0; border-style: none; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .area2 .selectize-input:after { content: url('/images/small_arrow_down.png'); display: block; position: absolute; top: 30%!important; right: 22px; /*margin-top: -9px!important;*/ width: 0; height: 0; border-style: none; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .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 } .main_search::-webkit-input-placeholder { color: #333!important; } .main_search:-moz-placeholder { /* Firefox 18- */ color: #333!important; } .main_search::-moz-placeholder { /* Firefox 19+ */ color: #333!important; } .main_search:-ms-input-placeholder { color: #333!important; } .mark, mark { padding: .2em; background-color: transparent!important; } .menu_block_center1 .menu_item:hover{ background-color: #fff; } .menu_block_center2 .menu_item:hover{ background-color: #fff; } .menu_block_center .menu_item{ height: 60px; } .menu_block_center .menu_item:hover{ background-color: #fff; } .pcolor{ color: #333!important; } .modal-content { border-bottom: 3px solid #dfdfdf!important; } #modal_form_idea .star3 { color: #fec831; position: absolute; left: 103px; top: 268px; } #modal_form_idea .star4 { color: #fec831; position: absolute; left: 103px; top: 170px; } #modal_form_photo { width: auto; height: auto; background: #fff; position: absolute; /* чтобы окно было в видимой зоне в любом месте */ top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */ left: 50%; /* половина экрана слева */ /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */ display: none; /* в обычном состоянии окна не должно быть */ opacity: 0; /* полностью прозрачно для анимирования */ z-index: 999999; /* окно должно быть наиболее большем слое */ border-bottom: 3px solid #dfdfdf; } /* Кнопка закрыть для тех кто в танке) */ #modal_form_photo #modal_close { width: 21px; height: 21px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block; } #modal_form_photo img:nth-child(2){ display: table; margin: 112px auto; } ::-webkit-input-placeholder { color: #333333; } :-moz-placeholder { /* Firefox 18- */ color: #333333; } ::-moz-placeholder { /* Firefox 19+ */ color: #333333; } :-ms-input-placeholder { color: #333333; } input{ outline: none; } .orange:hover{ background-color:#ffcf4a; } .menu_block_center2 .menu_search_down .full_search:hover{ color:#889ec8!important; } .modal-content{ border-radius:0!important; } #replace_form{ position: relative; } .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; } .slider_block1 span img:nth-child(1) { position: absolute; top: 6px; } .breadcrumb{ background: none; padding: 0; font-family: "Ubuntu"; font-size: 14px; } .breadcrumb a { color: #6b84b5; text-decoration: underline !important; } .breadcrumb a:hover{ color: #6b84b5; } .breadcrumb > li + li::before{ content: ''; background: url("/images/arrow_dots.png") no-repeat center; display: inline-block; height: 10px; width: 10px; }