.form.inline  {
    /*border: 1px solid #279e03;
    padding: 18px 18px 0 18px;*/
    margin-top: 6px;
	/*width:700px;*/
	max-width:100%;
}
form[name=write_to_us] .btn-group.type-select .dropdown-menu {

    position: absolute!important;
}
.btn-group.type-select .btn {

    font-size: 1em!important;

}
.btn-group.type-select .btn {

    padding: 7px !important;

}
form[name=write_to_us] .btn-group.type-select .btn:nth-child(2), form[name=write_to_us] .btn-group.type-select .btn:nth-child(3) {
    padding: 6px!important;
    margin-left: -35px;
    z-index: 20;
}
.btn-group.type-select {
    width: 100%;
    display: table;
    white-space: nowrap;
    margin: 0;

}
.btn-group.type-select .btn {
    border-top: 1px solid #bac0c6;
    border-bottom: 1px solid #bac0c6;
    border-left: 1px solid #bac0c6;
    border-radius: 0;
    font-size: 1.07em;
    display: inline-block!important;
    float: none;
    white-space: nowrap;
    /* height: 40px; */
    padding: 7px !important;
    margin-left: -10px;
}
.form.inline .form-group {margin: 5px 0 22px 0;}
.form.inline .form-group >div[class*="col-"] {
    float: none;
}
.form.inline .form-control{border-radius: 0;padding:6px;font-size: 17px;}
.form.inline .form-control.required{color: #555555}
.form.inline .required-fileds {
    font-size: 14px;
    line-height: 2;
    text-align: left;
    padding: 7px 0;
    color: #98a1a8;
}
.form.inline .control-button-gray-overs {
    background-color: #f0f3f5;
    margin-left: -18px;
    margin-right: -18px;
    margin-top: 3px;
    padding: 5px 24px;
}
.form.inline .form-footer{padding: 0;}
.form.inline .btn.btn-default.btn-green {
    padding: 3px 43px;
    border: 1px solid #279e03;
    background-color: #fff;
    border-radius: 0;
    color: #333;
    font-size: 1.28em;
    margin: 5px;
    cursor: pointer;
}
.form.inline .btn.btn-default.btn-green:hover {
    background-color: #279e03;
    color: #fff;
}

.error-tooltip.red .error-tooltip-text {
    background-color: #fecece;
}
.error-tooltip.left .error-tooltip-text {
    right: 100%;
    margin-right: 10px;
}
.error-tooltip .error-tooltip-text {
    position: absolute;
    top: 0px;
    display: inline-block;
    font-size: 1.07em;
    color: #333;
    padding: 7px 15px;
    white-space: nowrap;
    z-index: 999;
}
/*.upload-file-size{display: none;}*/

.error-tooltip.left .error-tooltip-text::after {
    content: '';
    position: absolute;
    right: -18px;
    top: 10px;
    border: 8px solid rgba(0, 0, 0, 0);
    border-left: 11px solid #008000;
}
.error-tooltip.left.red .error-tooltip-text::after {
    border-left-color: #fecece;
}

.form.inline .input.request:before {
    content: "*";
    position: absolute;
    top: -2px;
    color: #fc8100;
    font-size: 1.07em;
    right: -14px;
}

.file-type-block>* {
    float: left;
}

.webform-field-upload {overflow: hidden; width: 150px;height: 42px;}
.webform-field-upload input {
margin-top: 0px;
    margin-left: -140px;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    font-size: 1px;
    height: 50px;
    width: 140px;
    cursor: pointer;
    padding-right: 0px;
    z-index: 99;
    position: absolute;
}
.file-el{display: inline-block; line-height: 22px; font-weight: normal; position: relative; cursor: pointer; overflow: hidden;}
.file-el input{z-index: 19; position: absolute; width: 147px; height: 50px; opacity: 0; cursor: pointer; margin-left: -800px; padding-right: 1000px;z-index: 99;}

.form.inline .webform-button-upload,
.form.inline .file-el .btn.btn-default.btn-green{
    box-sizing: border-box;
    font-size: 16px;
    font-weight: normal;
    padding: 4px 62px 4px 9px;
    position: relative;
    z-index: 1;
    cursor: pointer;

    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #279e03;
    background-color: #fff;
    border-radius: 0;
    color: #333;
    margin: 5px;
}

.file-el input:hover{cursor: pointer;}
.file-el input:hover + .btn.btn-default.btn-green{background-color: #279e03; color: #fff; cursor: pointer;}

.file-type-block label {margin: 0;}
.file-input{
    /*margin-right: 5px;*/
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.file-op-desc{
    font-size: 1.07em;
    color: #787979;
    line-height: 41px;
    white-space: nowrap;
}
.file-type-block>*{
    float: left;
}
.file-type-block::after {
    clear: both;
    content: "";
    display: block;
}
.option-description {
    padding: 15px 0;
}
.file-type-block {
    border: 1px dashed #787979;
    padding-top: 5px;
    padding-left: 5px;
}
.form-send-me-block .form-send-me .control-button-gray-overs {
    background-color: #f0f3f5;
    margin-left: -18px;
    margin-right: -18px;
    margin-top: 3px;
    padding: 5px 24px;
}

.file-type-block a.upload-file-name {
    color: #279e03;
    text-decoration: underline;
    outline: medium none !important;
    display: inline-block;
}
.chech-consent .consent-checkbox label{
    padding: 15px 0;
    line-height: 29px;
    font-weight: normal;
    font-size: 15px;
}
.file-type-block ol.webform-field-upload-list{list-style: none;margin: 10px 0 2px 10px;padding-left: 0;width: 100%;}
.file-type-block ol.webform-field-upload-list:not(:empty){margin-top: 0px;margin-bottom: 0px;}
.file-type-block ol.webform-field-upload-list del {text-decoration: none;position: relative;top:-2px;z-index: 100;cursor: pointer;}
.file-type-block ol.webform-field-upload-list li:before{display: none;}
/*.webform-field-upload input:empty + .desclitn{display:block;}*/
.desclitn{
    font-size: 1.07em;
    color: #787979;
    line-height: 41px;
    white-space: nowrap;
}
.flcent .desclitn{
    max-width: 100%;
    white-space: normal;
    line-height: 21px;
    font-size: 0.97em;
}
.flcent .webform-field-upload{
    width: 90px;
}
.webform-field-upload-list:empty + .desclitn{display:block !important;}

.form-body .row{margin-left: 0;margin-right:0;}
form[name=write_to_us] .flex-bl{
    display: flex;
    justify-content: space-between;
}
form[name=write_to_us] .flex-bl > div{width: 48%;}
form[name=write_to_us] .flex-bl > div > .row, form[name=write_to_us] .form-body > .row{/*padding-right: 57px;*/}
.flex-bl > div+div{padding-left: 15px;padding-right: 0;}
.form label.error {
    color: #e02222 !important;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -18px;
    right: 0;
    font-size: 12px;
    font-weight: normal;
}
.input.error input, .input.error textarea {
    border-color: #e02222;
}

form[name=write_to_us] .form-error {
    text-align: center;
}

.input.error .select-element > .btn {
    border-color: #e02222 !important;
}
.form-group input[type=text]:focus,
.form-group input[type=tel]:focus,
.form-group textarea.form-control:focus{
    outline: 1px solid #279e03;
}
.form-group textarea.form-control:focus{
    font-size: 17px;
}
.form .star {
    border-radius: 20px;
    color: #e02222;
    display: inline-block;
    font-size: 22px;
    height: 20px;
    line-height: 29px;
    padding-left: 1px;
    font-style: normal;
    margin-right: 5px;
    padding-right: 0px;
    text-align: center;
    vertical-align: top;
    width: 20px;
}
.reveal-modal .green {
    font-size: 18px;
    font-weight: bold;
    color: #279e03;
    display: block;
    width: 100%;
    line-height: 34px;
    margin-top: 5px;
}
.flcent{display: flex; justify-content: center; padding: 0 10px;}
.flcent>.form.inline{max-width: 520px;width: 100%;}

.flcent .flex-bl{flex-wrap: wrap;}
.flcent .flex-bl > div,.flex-bl > div+div{width: 100%;padding-right: 0;padding-left: 0;}
/*-----------------------------------------------------------------------*/
/*-----------------------------Block-Radiobox-----------------------------*/
/*-----------------------------------------------------------------------*/
.radiobox-el{position: relative; display: inline-block;padding-left: 24px; line-height: 22px; font-weight: normal; font-size: 1.07em;}
.radiobox-el input{ display: none; z-index: 9; position: relative; width: 17px;}
.radiobox-el input[type="radio"] + i{
    background-image: url(https://shop.cargo-avto.ru/local/components/hl/form/templates/write_us/images/radioblock.png);
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    display: block;
    content: " ";
    position: absolute;
    top: 2px;
    left: 0;
}
.radiobox-el input[type="radio"]:checked + i{
    background-position: -24px 0;
}
.radiobox-el input[type="radio"]:checked + i + span{
    color: #279e03;
}
.radio-group-form{
    padding-top: 7px;
    padding-bottom: 3px;
}
.radiobox-el:first-child{
    margin-right: 30px;
}

/*-----------------------------------------------------------------------*/
/*-----------------------------Block-Radiobox-----------------------------*/
/*-----------------------------------------------------------------------*/
 .control-button-gray-overs {
    background-color: #f0f3f5;
    margin-left: -18px;
    margin-right: -18px;
    margin-top: 3px;
    padding: 5px 24px;
}
.control-button .btn.btn-default.btn-green {padding: 3px 43px;}
.btn.btn-default.btn-green:hover {background-color: #279e03; color: #fff;}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-group.type-select {
    width: 100%;
    display: table;
    white-space: nowrap;
    margin: 0;
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left;
}
.btn-group > .btn:first-child {
    margin-left: 0;
}
.btn-group.type-select .btn {
    border-top: 1px solid #bac0c6;
    border-bottom: 1px solid #bac0c6;
    border-left: 1px solid #bac0c6;
    border-radius: 0;
    font-size: 1.07em;
    display: table-cell;
    float: none;
    white-space: nowrap;
}
.btn-group.type-select .btn:first-child {
    width: 100%;
    text-align: left;
    color: #787979;
    padding: 0 6px;
}
form[name=write_to_us] .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
form[name=write_to_us] .dropdown-menu {
    box-sizing: content-box;
    padding: 0;
    margin: 18px -2px 0 -1px;
    border-radius: 3px;
    min-width: 205px;
    left: -35%;
}
form[name=write_to_us] .btn-group.type-select .dropdown-menu {
    left: 0;
    margin-top: 0;
    width: 100%;
}
.dropdown-toggle .hl_arrow {
    color:#fff;
    font-size: 1.2em !important;
    font-weight: bold;
    position: relative;
    top: 2px;
}
form[name=write_to_us] .dropdown-menu li:before{
    content: none;
}
form[name=write_to_us] .dropdown-toggle .fa.fa-angle-down:before {
    left: 0;
}
form[name=write_to_us] .btn-group.type-select .btn:nth-child(2),form[name=write_to_us] .btn-group.type-select .btn:nth-child(3) {
    width: 34px;
    border-right: 1px solid #bac0c6;
    background-color: #279e03;
    border-color: #279e03;
    color: #fff;
    padding: 6px;
}
form[name=write_to_us] .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
form[name=write_to_us] .open > .dropdown-menu {
    display: block;
}
form[name=write_to_us] .dropdown-menu>li a {
    font-size: 1.07em;
    padding: 11px 35px 11px;
    border-bottom: 1px solid #b5bec4;
    text-decoration: none;
}
form[name=write_to_us] .dropdown-menu>li>a.active {
    background-color: #e6e6e6;
}

form[name=write_to_us] .btn-group.type-select .dropdown-menu > li,
form[name=write_to_us] .btn-group.type-select .dropdown-menu > li:hover {
    margin: 0;
    padding: 0;
    background: none;
}

form[name=write_to_us] .btn-group.type-select .dropdown-menu > li > a,
form[name=write_to_us] .btn-group.type-select .dropdown-menu > li > a:visited {
    display: block;
    color: #333;
    background: #fff;
    box-sizing: border-box;
}

form[name=write_to_us] .btn-group.type-select .dropdown-menu > li > a.active,
form[name=write_to_us] .btn-group.type-select .dropdown-menu > li > a:hover,
form[name=write_to_us] .btn-group.type-select .dropdown-menu > li > a:focus {
    background-color: #e6e6e6;
    color: #333;
    cursor: pointer;
    text-decoration: none;
}

form[name=write_to_us] .btn-group.type-select .dropdown-menu > li:before,
form[name=write_to_us] .btn-group.type-select .dropdown-menu > li:hover:before {
    display: none;
    content: none;
}
form[name=write_to_us] a.upload-file-name {
    color: #279e03;
    text-decoration: underline;
    outline: medium none !important;
    display: inline-block;
}


form[name=write_to_us] ul > li:before, form[name=write_to_us] ol > li:before{display: none;}
form[name=write_to_us] .dropdown-menu>li a {
    font-size: 1.15em;
    padding: 11px 35px 11px;
    border-bottom: 1px solid #b5bec4;
    text-decoration: none;
}
form[name=write_to_us] .dropdown-menu>li:last-child a {
    border-bottom-width: 0;
}

form[name=write_to_us] .btn-group.type-select .dropdown-menu > li > a:hover,
form[name=write_to_us] .btn-group.type-select .dropdown-menu > li > a:focus,
form[name=write_to_us] .btn-group.type-select .dropdown-menu > li > a.active {
    background-color: #e6e6e6;
    color: #333;
    text-decoration: none;
}

form[name=write_to_us] .btn-group.type-select .dropdown-menu > li:hover {
    background: none;
}
@media (max-width: 1260px){
    form[name=write_to_us] .flex-bl > div > .row{
        padding-right: 20px;
    }
    form[name=write_to_us] .form-body > .row,
    form[name=write_to_us] .flex-bl > div+div > .row{
        padding-right: 10px;
    }
}
@media (max-width: 640px){
    form[name=write_to_us] .flex-bl{flex-wrap: wrap;}
    form[name=write_to_us] .flex-bl > div,
    form[name=write_to_us] .flex-bl > div > .row,
    form[name=write_to_us] .form-body > .row,
    form[name=write_to_us] .flex-bl > div+div > .row{width: 100%;padding-right: 0;padding-left: 0;}
    .webform-field-upload-list:empty + .desclitn{display:none !important;}
}
/*
     FILE ARCHIVED ON 18:38:28 Jul 06, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:45:09 Aug 05, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 9.566
  exclusion.robots: 0.025
  exclusion.robots.policy: 0.012
  esindex: 0.017
  cdx.remote: 19.624
  LoadShardBlock: 106.893 (3)
  PetaboxLoader3.datanode: 150.482 (5)
  load_resource: 210.593
  PetaboxLoader3.resolve: 139.243
  loaddict: 23.882
*/

.form div[data-sid="POST"], .form div[data-sid="REL"], .form div[data-sid="SERVICE"], .form div[data-sid="PRICE_VALUE"] {
  display: none;
}

.form .form-group .radiobox-el i {
top:2px;
}

.form .ok {
    padding: 50px;
    text-align: center;
    width: 100%;
    display: block;
}
.form .ok .z {
    font-weight: bold;
    font-size: 20px;
}


.form .named {
font-weight:normal;
}

.theme-dark .form .dark {
    background: #222228 !important;
color:#555555;
}

.theme-dark .form .dropdown-menu {
    background: #222228 !important;
}

.theme-dark .form .named {
    color: #555555;
}

.theme-dark .form .dropdown-menu a {
    color: #555555;
}

div[data-sid="SKLAD"]
{
	display:none;
}



.form.inline .form-control
{
	border-radius:5px;
}

.support_form form[name=write_to_us] .support-field-title {
    display: block;
    margin: 0 0 4px;
    color: #333;
    font-size: 1rem;
    font-family: inherit;
    font-weight: normal;
    line-height: 1.4;
}

.support_form form[name=write_to_us] .support-field-title .required-star {
    color: #fc8100;
    margin-left: 2px;
}

.support_form form[name=write_to_us] .input.request:before {
    display: none;
}

.support_form form[name=write_to_us] .row[data-SID]:not([data-SID="REQUEST_TYPE"]):not([data-SID="SKLAD"]):not([data-SID="CONSENT"]) .input:before,
.support_form form[name=write_to_us] .row[data-SID]:not([data-SID="REQUEST_TYPE"]):not([data-SID="SKLAD"]):not([data-SID="CONSENT"]) .input:after {
    display: none !important;
    content: none !important;
    background: none !important;
}

.support_form form[name=write_to_us] .row[data-SID]:not([data-SID="REQUEST_TYPE"]):not([data-SID="SKLAD"]):not([data-SID="CONSENT"]) .input > i,
.support_form form[name=write_to_us] .row[data-SID]:not([data-SID="REQUEST_TYPE"]):not([data-SID="SKLAD"]):not([data-SID="CONSENT"]) .input > .fa,
.support_form form[name=write_to_us] .row[data-SID]:not([data-SID="REQUEST_TYPE"]):not([data-SID="SKLAD"]):not([data-SID="CONSENT"]) .input > .svg,
.support_form form[name=write_to_us] .row[data-SID]:not([data-SID="REQUEST_TYPE"]):not([data-SID="SKLAD"]):not([data-SID="CONSENT"]) .input > svg,
.support_form form[name=write_to_us] .row[data-SID]:not([data-SID="REQUEST_TYPE"]):not([data-SID="SKLAD"]):not([data-SID="CONSENT"]) .input > .icon {
    display: none !important;
}

.support_form form[name=write_to_us] .row[data-SID]:not([data-SID="REQUEST_TYPE"]):not([data-SID="SKLAD"]):not([data-SID="CONSENT"]) input.form-control,
.support_form form[name=write_to_us] .row[data-SID]:not([data-SID="REQUEST_TYPE"]):not([data-SID="SKLAD"]):not([data-SID="CONSENT"]) textarea.form-control {
    background-image: none !important;
    background-position: initial !important;
    background-repeat: no-repeat !important;
}

.required-star, #main .form .star
{
	    color: #fc8100;
}

.btn-group.type-select .btn:first-child
{
	border-radius:5px;
}

form[name=write_to_us] .btn-group.type-select .btn:nth-child(2)
{
	border-radius:5px;
}

.support
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.support_form
{
	width:45%;
}

.support_image
{
	width:45%;
	text-align:right;
}

.support_image img
{
	max-width:100%;
	width:700px;
}


.form .form-body > .row
{
	padding-right:0!important;
}
.file-input
{
	margin-right:0!important;
}

.support_form form[name=write_to_us] .file-type-block {
	display: inline-block;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
}

.support_form form[name=write_to_us] .file-type-block .file-input {
	display: inline-flex;
	width: auto;
	max-width: 100%;
}

@media(max-width:768px)
{
	.support_form
	{
		width:100%;
	}

	.support_image
	{
		width:100%;

	}	

	.
}
@media(max-width:640px)
{
	.support_form form[name=write_to_us] .file-type-block,
	.support_form form[name=write_to_us] .file-input,
	.support_form form[name=write_to_us] .webform-field-upload
	{
		width:100%!important;
		max-width:100%!important;
		min-width:0!important;
		box-sizing:border-box;
	}

	.webform-field-upload-list:empty + .desclitn
	{
		display:block!important;
		line-height:25px;
	}
	.desclitn
	{
		white-space: normal;
	}
	.row
	{
		margin-left:0;
	}
	.custom_checkbox
	{
		
	}
	.custom_checkbox label
	{
		padding-left:0!important;
		    align-items: flex-start;
	}
	.custom_checkbox label span
	{
		    width: calc(100% - 26px);
	}
}


.support_comments
{
	display:none;
}
.form.inline textarea.form-control
{
	height:200px;
}

.desclitn
{
	font-size:0.8em;
	margin-top:-15px;
}

.file-type-block .desclitn
{
	display:block;
	max-width:100%;
	white-space:normal;
	line-height:21px;
}

.file-type-block .webform-field-upload-list:empty + .desclitn
{
	margin-top:-8px;
}

.file-type-block .webform-field-upload-list:not(:empty) + .desclitn
{
	clear:both;
	margin-top:-5px;
}

.form.inline .input.request:before
{
	right:0;
	top:-17px;
	display:none;
}
