/* ::::: http://kika-style.com.ua/css/styles.css?3 ::::: */

* { margin: 0px; padding: 0px; }
@font-face {
	font-family: "AvantGardeGothicCRegular";
	font-style: normal;
	font-weight: normal;
	src: url('avantgargotcdem-webfont.eot') format("embedded-opentype"), url('avantgargotcdem-webfont.woff') format("woff"), url('avantgargotcdem-webfont.ttf') format("truetype"), url('avantgargotcdem-webfont.svg') format("svg");
}
@font-face {
	font-family: "HelveticaNeueLTPro55Roman";
	font-style: normal;
	font-weight: normal;
	src: url('helveticaneueltpro-roman-webfont.eot') format("embedded-opentype"), url('helveticaneueltpro-roman-webfont.woff') format("woff"), url('helveticaneueltpro-roman-webfont.ttf') format("truetype"), url('helveticaneueltpro-roman-webfont.svg') format("svg");
}
@font-face {
	font-family: "HelveticaNeueLight";
	font-style: normal;
	font-weight: normal;
	src: url('helveticaneuelight-webfont.eot') format("embedded-opentype"), url('helveticaneuelight-webfont.woff') format("woff"), url('helveticaneuelight-webfont.ttf') format("truetype"), url('helveticaneuelight-webfont.svg') format("svg");
}
@font-face {
	font-family: "a_futuraortoregular";
	font-style: normal;
	font-weight: normal;
	src: url('a_futuraorto-webfont.eot') format("embedded-opentype"), url('a_futuraorto-webfont.woff') format("woff"), url('a_futuraorto-webfont.ttf') format("truetype");
}
@font-face {
	font-family: "HelveticaNeueCyr";
	font-style: normal;
	font-weight: normal;
	src: url('HelveticaNeueCyr-Light.eot') format("embedded-opentype"), url('HelveticaNeueCyr-Light.woff') format("woff"), url('HelveticaNeueCyr-Light.ttf') format("truetype");
}
html { background-color: rgb(243, 240, 237); height: 100%; background-position: center top; background-repeat: no-repeat; }
body { height: 100%; }
body, textarea { font-size: 12px; font-family: "HelveticaNeueCyr",Arial; color: rgb(0, 0, 0); }
a { color: rgb(0, 0, 0); text-decoration: none; outline: medium none; }
a:hover { text-decoration: underline; }
img { border: medium none; }
table { border-collapse: collapse; border-spacing: 0px; }
td { vertical-align: top; }
.clear { clear: both; float: none; line-height: 1%; height: 0px; font-size: 1%; }
.avantgarde { font-family: "AvantGardeGothicCRegular",Arial; text-transform: uppercase; }
.overlay { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%; z-index: 9; top: 0px; left: 0px; }
.wrap, .text-after-content, .price-list, .breadcrumps { width: 940px; margin: 0px auto; overflow: hidden; min-height: 50px; position: relative;}
.all { min-height: 100%; height: auto ! important; }
a.button { display: inline-block; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight: normal; text-shadow: 1px 1px rgba(255, 255, 255, 0.7); border-width: 1px; border-style: solid; border-color: rgb(236, 236, 235) rgb(219, 216, 216) rgb(205, 200, 200); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 1px; padding: 6px 9px 5px; box-shadow: 0px 1px 2px rgba(115, 111, 99, 0.3); background-image: linear-gradient(to bottom, rgb(252, 250, 247) 0%, rgb(246, 242, 237) 100%); line-height: 11px; }
#header { height: 193px; }
.page-main #header { margin-bottom: 22px; }
#header .wrap { position: relative; height: 200px; }
#header .top-but { padding-top: 6px; float: right; }
#header .top-but .item { display: block; float: right; margin: 0px 0px 0px 12px; border: medium none; }
#header .top-but .item img { margin: 0px; padding: 0px; border: medium none; }
#header .top-but-contacts, #header .top-but-contacts .phones, #header .top-but-contacts .call, #header .top-but-contacts .soc-notes { float: right; font-family: "a_futuraortoregular",Arial,sans-serif; color: rgb(42, 42, 42); }
#header .top-but-contacts .btn { display: inline-block; height: 45px; width: 45px; background: transparent url('top-ico-contacts.png') no-repeat scroll 0% 0%; }
#header .top-but-contacts .soc-notes { margin: 10px 5px 0px; width: 110px; }
#header .top-but-contacts .soc-notes .btn { margin: 0px 4px; }
#header .top-but-contacts .soc-notes .fb { background-position: -90px -45px; }
#header .top-but-contacts .soc-notes .tw { background-position: -90px 0px; }
#header .top-but-contacts .soc-notes .pn { background-position: -45px -45px; }
#header .top-but-contacts .soc-notes .yt { background-position: -45px 0px; }
#header ul.menu { list-style: outside none none; height: 30px; background: transparent url('menu_bg.png') repeat-x scroll left top; float: right; margin-top: 62px; }
#header ul.menu li { float: left; height: 30px; padding-left: 2px; background: transparent url('menu_split.png') no-repeat scroll left top; }
#header ul.menu li.first { padding-left: 0px; background: transparent none repeat scroll 0% 0%; }
#header ul.menu li a { text-transform: uppercase; font-size: 11px; display: block; padding: 0px 20px; height: 30px; line-height: 32px; text-shadow: 1px 1px rgba(255, 255, 255, 0.7); }
#header a.logo { display: block; width: 125px; height: 125px; background: transparent url('logo2.jpg') repeat scroll 0px 0px / 103% auto; float: left; margin: 20px 0px 0px 5px; }
#footer { height: 100px; background: transparent url('footer_bg.png') repeat-x scroll center top; margin-top: -72px; }
#footer .copyright { display: block; float: left; font-size: 11px; line-height: 20px; margin-top: 14px; padding: 3px 0px; width: 145px; border-right: 1px solid rgb(205, 204, 198); }
#footer .social-links { float: left; margin: 14px 10px 0px 30px; font-size: 11px; padding: 0px 25px 0px 0px; border-right: 1px solid rgb(205, 204, 198); height: 42px; }
#footer .social-links div { float: left; line-height: 20px; padding-top: 3px; }
#footer .social-links div.label { width: 100px; }
#footer .social-links div.logos { padding-top: 0px; }
#footer .social-links div.logos a, #footer .social-links div.logos span { display: block; float: left; height: 44px; width: 42px; margin-left: 15px; }
#footer .social-links div.logos a.facebook { background-image: url('facebook.png'); }
#footer .social-links div.logos a.twitter { background-image: url('twitter.png'); }
#footer .social-links div.logos a.youtube { background-image: url('youtube.png'); width: 52px; }
#footer .subscribe {  }
#footer .subscribe .form { float: right; width: 195px; height: 13px; background: transparent url('subscribe_edit.png') no-repeat scroll left top; padding: 6px 7px; margin-top: 23px; }
#footer .subscribe .form input.edit { border: medium none; background: transparent none repeat scroll 0% 0%; color: rgb(102, 102, 102); font-size: 9px; text-transform: uppercase; padding-top: 1px; width: 175px; outline: medium none; }
#footer .subscribe .form input.go { border: medium none; float: right; display: block; width: 12px; height: 12px; background: transparent url('subscribe_go.png') no-repeat scroll left top; }
#footer .bigmir { padding-top: 10px; }
#footer .bigmir > table { margin: 0px auto ! important; display: table ! important; }
.footer-clean { height: 92px; }
.google { float: right; }
#footer .through-link { margin: 5px 0px -15px; }
#footer .through-link a { text-decoration: underline; }
#footer .through-link a:hover { text-decoration: none; }
/*#content { padding-bottom: 65px; }*/
#content.with-text-after-content { padding-bottom: 35px; }
#content .wrap { background-color: rgb(255, 255, 252); background-repeat: no-repeat; background-position: left top; }
.text-after-content { padding-top: 20px; }
.text-after-content p { margin-bottom: 15px; }
.page-main .text-after-content { /*color: rgb(146, 96, 61); font-style: italic; */font-family: Georgia; font-size: 14px; }
.page-static #content .wrap, .page-services #content .wrap, .page-salons #content .wrap, .page-world #content .wrap, .page-videos #content .wrap, .page-main #content .wrap { height: 570px; overflow: hidden; }
.main-animation { position: relative; }
.services { width: 530px; height: 570px; display: block; position: absolute; overflow: hidden; color: rgb(255, 255, 255); left: 0px; top: 0px; z-index: 2; background-color: rgb(255, 255, 255); background-position: left top; }
.services span { font-size: 14px; color: rgb(255, 255, 255); text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3); display: none; width: 560px; height: 540px; padding-top: 30px; padding-right: 40px; text-align: right; }
.salons { width: 600px; float: right; position: absolute; overflow: hidden; right: 0px; top: 0px; z-index: 1; }
.salons .item { height: 114px; overflow: hidden; position: relative; }
.salons .item p.phn a.button.salon-5 {  }
.salons .item a.img { float: left; display: block; width: 190px; height: 143px; position: relative; }
.salons .item .face img, .salons .item a.img img { z-index: 1; }
.salons .item .face b, .salons .item a.img b { z-index: 2; position: absolute; display: block; border: 1px solid rgb(255, 255, 255); width: 176px; height: 100px; left: 6px; top: 6px; }
.salons .item .face { position: absolute; top: 0px; right: 0px; z-index: 1; }
.salons .item .face b { width: 397px; }
.salons .item .info { position: absolute; top: 0px; right: 0px; z-index: 2; background: rgb(255, 255, 252) none repeat scroll 0% 0%; width: 380px; height: 190px; padding-left: 30px; }
.salons .item-odd .info { background: rgb(251, 250, 247) none repeat scroll 0% 0%; }
.salons .item p.adr { text-transform: uppercase; margin-bottom: 3px; padding-top: 5px; font-size: 16px; letter-spacing: 3px; }
.salons .item p.ref { font-size: 11px; color: rgb(102, 102, 102); margin-bottom: 5px; }
.salons .item p.inf { font-size: 12px; margin-top: 5px; font-weight: bold; padding-left: 15px; background: transparent url('info.png') no-repeat scroll left 2px; }
.salons .item p.phn { font-size: 11px; margin-top: 7px; font-weight: normal; padding-left: 14px; background: transparent url('phone.png') no-repeat scroll -1px 2px; padding-right: 40px; }
.salons .item p.phn a.button { font-weight: normal; float: right; margin: 8px 0px 0px; }
.salons .item p.vacancy { background: transparent none repeat scroll 0% 0%; }
.salons .item p.vacancy a.email { text-decoration: underline; }
.salons .item p.vacancy a.email:hover { text-decoration: none; }
.page-main .services { width: 530px; }
.page-main .salons { width: 600px; overflow: hidden; }
.page-main .salons .item a.img { z-index: 1; }
.page-main .salons .item .info { opacity: 0; }
.page-main .salons .item .face {  }
#map_canvas { display: block; width: 600px; height: 400px; }
#map { padding: 10px; position: fixed; z-index: 9999; background: rgb(255, 255, 255) none repeat scroll 0% 0%; display: none; width: 600px; }
#map p.title { font-size: 12px; margin-bottom: 10px; text-transform: uppercase; }
.ya_container { display: block; position: relative; width: 297px; height: 0px; float: right; top: 20px; }
.ya-site-form__input-text { border-radius: 4px; height: 26px; font-family: "a_futuraortoregular",Arial,sans-serif; padding-left: 8px; }
#ya-site-form0 .ya-site-form__submit_type_image { background: transparent url('ys2.png') no-repeat scroll 0% 0% ! important; height: 26px ! important; width: 28px ! important; }
@font-face {
	font-family: "AGFatumC";
	font-style: normal;
	font-weight: normal;
	src: url('agfatumc-webfont.eot') format("embedded-opentype"), url('agfatumc-webfont.woff2') format("woff2"), url('agfatumc-webfont.woff') format("woff"), url('agfatumc-webfont.ttf') format("truetype"), url('agfatumc-webfont.svg') format("svg");
}
#more-info { display: block; background: rgb(255, 255, 255) url('contacts-bg.png') repeat scroll 0px -90px ! important; }
#more-info { display: none; height: 237px; }
#contacts { color: rgb(35, 31, 32); font: 400 15px AGFatumC; background-image: url('contacts-btn-bg.png'); height: 100px; width: 285px; display: inline-block; z-index: 9999; margin: 8px 275px 0px 0px; position: absolute; top: 90px; }
#contacts:hover { background-image: url('contacts-hover-btn.png'); }
#center-container { text-align: center; height: 0px ! important; background: white none repeat scroll 0% 0%; margin-right: 560px; }
#contacts-btn { height: 65px; width: 285px; padding-top: 33px; margin-top: 8px; opacity: 1; transition: opacity 0.5s linear 0s; cursor: pointer; }
#contacts-btn:hover { opacity: 0.6; transition: opacity 0.5s linear 0s; }
#contacts hr { height: 1px; width: 220px; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; border: 0px none; margin: 15px auto; }
#phones { color: rgb(35, 31, 32); font: 700 19px AGFatumC; }
#phones .phone-code { font: 700 17px AGFatumC; }
#contacts button { background: transparent url('btn-bg.png') repeat scroll 0% 0%; cursor: pointer; }
#contacts input, #contacts button { color: rgb(35, 31, 32); height: 39px; width: 219px; border: 0px none; margin: 10px auto; }
#contacts input:focus, #contacts button:focus { outline-color: transparent; outline-style: none; }
#contacts #email { color: rgb(35, 31, 32); font: 700 19px AGFatumC; }
:-moz-placeholder { text-align: center; color: rgb(35, 31, 32); }
*::-moz-placeholder { text-align: center; color: rgb(35, 31, 32); }
.shperung { width: 940px; margin: 10px auto; min-height: 50px; overflow: hidden; display: flex; height: 582px; }
.shperung_photo { width: 541px; background-size: 116% auto; }
.shperung_pazl { width: 416px; }
@font-face {
	font-family: "AvantGardeGothicC";
	src: url('avantgardegothicc.ttf');
}
.pazl { display: inline-block; margin: 1px; width: 49%; position: relative; cursor: pointer; }
.pazl img { width: 100%; }
.pazl_item { background-color: rgba(255, 255, 255, 0.7); height: 100%; position: absolute; top: 0px; width: 100%; z-index: 999999; cursor: pointer; }
.pazl_item_inner {  }
.pazl_item_inner p { font-weight: normal !important; letter-spacing: 2px; margin-top: 0px; text-align: center; text-transform: uppercase; font-family: AvantGardeGothicC; color: rgb(35, 31, 32); font-size: 15px; }
.pazl_item_inner p b {font-weight: normal !important;}
.pazl_item_inner p span { background-color: rgb(35, 31, 32); display: inline-block; height: 2px; margin-left: 6px; margin-right: 6px; position: relative; top: -4px; width: 23px; }
.pazl_hover { background-color: rgb(255, 255, 255); height: 100%; position: absolute; top: 0px; width: 100%; z-index: 9999999; }
.pazl_hover { box-sizing: border-box; display: none; }
.pazl_hover_inner { border: 1px solid rgb(145, 127, 88); box-sizing: border-box; height: 92%; margin: 4%; }
.pazl_hover_inner p { font-weight: bold; letter-spacing: 2px; margin-top: 0px; text-align: center; text-transform: uppercase; font-family: AvantGardeGothicC; color: rgb(35, 31, 32); font-size: 15px; }
.pazl_hover_inner p span { background-color: rgb(35, 31, 32); display: inline-block; height: 2px; margin-left: 6px; margin-right: 6px; position: relative; top: -4px; width: 23px; }
.pazl_hover_inner .phone_small { font-size: 10px; letter-spacing: 1px; line-height: 13px; margin-bottom: 10px; margin-top: 10px; padding-left: 38px; }
.pazl_hover_inner .phone_small small { display: block; font-family: AvantGardeGothicC; font-weight: bold; font-size: 11px; }
.pazl_hover_inner a { cursor: pointer; margin-left: 88px; width: 87px; transform: translateX(-46%); padding: 8px 5px 7px ! important; text-align: center; }
.pazl_item_border { border: 1px solid rgb(224, 216, 209); box-sizing: border-box; height: 89%; margin: 6%; padding-top: 62px; width: 89%; }
#map { z-index: 2147483647; }
.overlay { z-index: 2147483646; }
#header .wrap { position: relative; }
#header .top-but { margin-right: 205px; }
#center-container #contacts { left: 649px; width: 202px; margin-right: 0px; position: relative; top: -109px; }
#contacts { background-image: url('kontakt.jpg') ! important; background-repeat: no-repeat; }
#contacts-btn { font-family: AvantGardeGothicC; width: 184px; font-weight: bold; letter-spacing: 2px; }
#contacts button { background: transparent url('btn-bg.png') no-repeat scroll 0px 0px / 85% auto ! important; height: 34px; margin-left: 8px; padding-right: 29px; font-size: 12px; }
#more-info { box-sizing: border-box; padding-top: 17px; }
#show-address { position: relative; top: 12px; }
#vacanses { position: relative; top: -8px; }
.top-but a.item:nth-child(1) > img, .top-but a.item:nth-child(2) > img { display: none; }
.top-but a.item:nth-child(1) { display: block; height: 100px; margin-right: 2px; width: 102px; background-image: url('prise.jpg'); background-repeat: no-repeat; padding-top: 41px; padding-left: 13px; font-size: 15px; }
.top-but a.item:nth-child(2) { display: block; height: 100px; margin-right: 2px; width: 98px; background-image: url('sale.jpg'); background-repeat: no-repeat; padding-left: 4px ! important; padding-right: 4px ! important; text-align: center; padding-top: 42px; font-size: 15px; }
#header .top-but { float: right; padding-top: 7px; }
#header { height: 193px; position: relative; z-index: 214748364; }
#header .top-but .item { font-family: AvantGardeGothicC; font-weight: bold; letter-spacing: 2px; margin: 0px 0px 0px 4px; padding-left: 18px; padding-right: 0px; box-sizing: border-box; text-align: center; }
#header .top-but .item:hover { opacity: 0.8; text-decoration: none; }
#header .top-but-contacts .soc-notes { margin: 10px 5px 0px; position: relative; width: 239px; left: 36px; top: 25px; }
.shperung_wrapper { display: none; margin-top: -583px; }
.page-main .shperung_wrapper, .page-salons.page-without-params .shperung_wrapper { display: block ! important; }
.page-main #content .wrap .main-animation, .page-salons.page-without-params #content .wrap .main-animation { display: none; }
.page-main #content .wrap { background-image: none;}
.phone_small a { margin-left: 0px ! important; padding: 0px ! important; }
#contacts center { overflow: hidden; }
.shperung_photo a { display: block; height: 581px; position: relative; width: 514px; }
.shperung_photo a span { color: rgb(35, 31, 32); font-family: AvantGardeGothicC; font-size: 15px; font-weight: bold; letter-spacing: 2px; margin-top: 0px; text-align: center; text-transform: uppercase; position: absolute; right: 30px; top: 9px; }
#header .top-but-contacts .soc-notes .btn { margin: 0px ! important; }
#header .top-but-contacts .soc-notes { left: 22px ! important; }
/* ::::: http://kika-style.com.ua/css/jquery.plugin.css ::::: */

.jspHorizontalBar .jspDrag::before, .jspHorizontalBar .jspDrag::after { content: ""; position: absolute; top: 0px; left: -10px; background: transparent url('h_scroll_sprite.png') no-repeat scroll 0% 0%; height: 20px; width: 10px; }
.jspHorizontalBar .jspDrag::after { right: -10px; left: auto; background-position: -10px 0px; }
html { background-image: url('000110_bg_original.png'); background-repeat: repeat-y; }
.page-main #content .wrap, #content .wrap, #content .wrap .services { background-image: url('000110_main_original.jpg'); }
#ya-site-form0, #ya-site-form0 .ya-site-form__form, #ya-site-form0 .ya-site-form__input, #ya-site-form0 .ya-site-form__input-text, #ya-site-form0 .ya-site-form__submit, #ya-site-form0 .ya-site-form__search-precise { font-size: 12px ! important; color: rgb(0, 0, 0) ! important; }
#ya-site-form0 .ya-site-form__form-form, #ya-site-form0 .ya-site-form__input, #ya-site-form0 .ya-site-form__search-precise, #ya-site-form0 .ya-site-form__search-precise__radio, #ya-site-form0 .ya-site-form__gap, #ya-site-form0 .ya-site-form__gap-i, #ya-site-form0 .ya-site-form__logo-img { margin: 0px; padding: 0px; }
#ya-site-form0 { margin: 0px ! important; padding: 0px ! important; }
#ya-site-form0 .ya-site-form__search-wrap { border-collapse: collapse; }
#ya-site-form0 .ya-site-form__search { font-size: 12px ! important; width: 100%; }
#ya-site-form0 .ya-site-form__search-input { padding: 6px; }
#ya-site-form0 .ya-site-form__search-input-layout, #ya-site-form0 .ya-site-form__search-input-layout-l, #ya-site-form0 .ya-site-form__search-input-layout-r { font-size: 12px ! important; padding: 0px; vertical-align: middle; border: 0px none; border-collapse: collapse; }
#ya-site-form0 .ya-site-form__search-input-layout, #ya-site-form0 .ya-site-form__search-input-layout-l { width: 100%; }
#ya-site-form0 .ya-site-form__input-text { width: 100%; margin: 0px ! important; cursor: text; box-sizing: border-box; background-color: rgb(255, 255, 255); border: 1px solid rgb(127, 157, 185); outline-style: none; }
#ya-site-form0 .ya-site-form__submit { display: block; width: auto; margin: 0px 0px 0px 5px; }
#ya-site-form0 .ya-site-form__wrap { width: 100%; table-layout: fixed; border-collapse: collapse; }
#ya-site-form0 .ya-site-form__gap { border: 0px none; }
#ya-site-form0 .ya-site-form__gap-i { width: 9em; }
#ya-site-form0 .ya-site-form__submit_type_image { width: 19px; height: 15px; outline: medium none; cursor: pointer; border: 0px none; }
#ya-site-form0 .ya-site-form__submit_type_image { background: transparent url('search.png') no-repeat scroll 0% 0%; }
#ya-site-form0 .ya-site-form__form .ya-site-form__input-text:-moz-placeholder { color: rgb(0, 0, 0); }
#ya-site-form0 .ya-site-form__form .ya-site-form__input-text::-moz-placeholder { color: rgb(0, 0, 0); }
#ya-site-form0 .ya-site-form__form * { font-size: 12px ! important; }
#ya-site-form0 .ya-site-form__form .ya-site-form__input-text { font-style: normal ! important; }
#ya-site-form0 .ya-site-form__form .ya-site-form__input-text { font-weight: normal ! important; }
#ya-site-form0 .ya-site-form__form .ya-site-form__input-text { color: rgb(0, 0, 0) ! important; }
#ya-site-form0 .ya-site-form__form .ya-site-form__input-text { border-color: rgb(228, 217, 196) ! important; }
#ya-site-form0 .ya-site-form__form .ya-site-form__input-text:focus { border-color: rgb(228, 217, 196) ! important; }
#ya-site-form0 .ya-site-form__form .ya-site-form__input-text { background-color: rgb(255, 255, 255) ! important; }
#ya-site-form0 .ya-site-form__search, #ya-site-form0 .ya-site-form__search td, #ya-site-form0 .yaform__precise-i { background-color: transparent ! important; }

.vacancy__form {
    display: grid;
    grid-gap: 20px;
}
.vacancy__form input:not([type='checkbox']):not([type='radio']),
.vacancy__form textarea {
    display: block;
    outline: none;
	border: 1px solid #b1b1b1;
	padding: 5px 10px;
	font-size: 15px;
	width: 100%;
	max-width: 360px;
	min-height: 27px;
	transition: 0.3s border;
}
.vacancy__form input {
	outline: none;
}
.vacancy__form input[type="file"] {
	border: none !important;
	padding: 0 !important;
	margin-top: 10px;
}
.vacancy__form textarea {
	height: 50px;
	max-height: 300px;
}
.vacancy__form input:not([type='checkbox']):not([type='radio']):focus,
.vacancy__form textarea:focus {
	border-color: #fbaf40;
}
.vacancy__form-multiple {
	display: grid;
	grid-gap: 10px;	
}

.vacancy__form-multiple label {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.vacancy__form-multiple input {
	margin-right: 10px;
}
.vacancy__form button[type='submit'] {
	justify-self: center;
	padding: 10px 20px;
	background: #2b2b2b;
	border: none;
	outline: none;
	font-size: 16px;
	color: #fff;
	min-width: 275px;
	cursor: pointer;
	transition: 0.4s all;
}
.vacancy__form button[type='submit']:hover {
	background: #000;
}


.vacancy__form input[type='radio'],
.vacancy__form input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  cursor: pointer;
}

.vacancy__form input[type='checkbox'], 
.vacancy__form input[type='radio'] {
  background: #fff;
  position: relative;
  width: 16px;
  height: 16px;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border: 2px solid #000;
  transition: 0.2s;
}

..vacancy__form input[type='checkbox'] {
  border-radius: 2px;
}

.vacancy__form input[type='checkbox']::before {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  width: 4px;
  height: 10px;
  border: 2px solid #fff;
  border-top-width: 0;
  border-left-width: 0;
  -webkit-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  transition: 0.2s;
}

.vacancy__form input[type='checkbox']:checked {
  background-color: #fbaf40;
  border-color: #fbaf40;
}

.vacancy__form input[type='checkbox']:checked::before {
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
}

.vacancy__form input[type='radio'] {
  border-radius: 50%;
}

.vacancy__form input[type='radio']::before {
  content: "";
  background-color: #fbaf40;
  position: absolute;
  top: 3px;
  left: 3px;
  border: none;
  width: 8px;
  height: 8px;
  border-radius: inherit;
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: 0.2s;
}

.vacancy__form input[type='radio']:checked {
  border-color: #fbaf40;
  background-color: #fff;
}

.vacancy__form input[type='radio']:checked::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media screen and (max-width: 600px) {
	.vacancy__form input:not([type='checkbox']):not([type='radio']), .vacancy__form textarea {
		max-width: 275px;
	}
}