@media screen and (max-width: 768px){
.webform-layout-box.horiz.webform-component--wrap {
    display: block !important;
}
.webform-layout-box.horiz.webform-component--wrap--left {
    width: 100% !important;
}
.webform-layout-box.horiz.webform-component--wrap--right {
    width: 100% !important;
}
input#edit-reset, .cform form input[type="reset"] {
    display: none !important;
}
#cform {
    display: block;
    max-width: 1175px;
    margin: auto;
    padding: 0 0 80px;
}
.webform-submit.button-primary.form-submit {
    width: 100% !important;
}
.vtb-form-type-checkbox .option {
	max-width: 90%;
}
}

/* hr в формах*/
.form-item.webform-component.webform-component-markup.webform-component--wrap--right--hr {
    margin-bottom: 24px;
}

/* +375*/
#edit-submitted-phone {
  margin-bottom: 8px;
  padding-left: 80px;
  margin-top: -3px;
  color: #606981;
}

/* перфикс телефона для wbforms*/
span.field-prefix {
    position: absolute;
    top: 30px;
    left: 30px;
    border-right: 1px solid #606981;
	padding-right: 4px;
	font-size: 18px;
}
input#edit-submitted-wrap-right-telefon, #edit-submitted-telefon, #edit-mob-tel, #edit-phone, #edit-phone--2, #edit-mob-tel--2 {
    font-size: inherit;
    padding-left: 80px;
    padding-top: 16px;
    color: #606981;
}
span.form-required {
	display: none;
}

/* перфикс телефона для cforms*/
.form-item.form-type-textfield.form-item-mob-tel label, .form-item.form-type-textfield.form-item-phone label {
    border-right: 1px solid #606981;
    padding-right: 7px;
}

/* поле загрузки файла */
div#edit-submitted-wrap-right-zayavlenie-ajax-wrapper {
    width: 100%;
}
div#edit-submitted-wrap-right-zayavlenie-upload-styler {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
	height: 80px;
}

.cform form .form-item.webform-component-file .form-managed-file {
	width: 100%;
}
.cform form .form-item.webform-component-file .form-managed-file .jq-file__browse {
	background: url(https://www.vtb.by//sites/all/themes/custom/images/clip.png) !important;
    background-size: auto !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 78px;
    height: 78px;
    border: 1px solid #0A2896;
    border-radius: 8px;
    position: absolute;
    top: 0px;
    right: 0px;
	color: #f3f7fa;
    line-height: initial;
    text-shadow: unset;
	cursor: pointer;
}
.cform form .form-item.webform-component-file .form-managed-file .jq-file__name {
    padding: 25px 10px 25px 30px !important;
    background: #fff;
    width: 80%;
    border-radius: 8px;
    font-size: 18px;
    font-style: normal;
    letter-spacing: -0.4px;
    color: #606981;
	cursor: pointer;
}

/* Формы Apple, Samsung... */
.apay-form-newD {padding: 80px 0;text-align: center;}
.apay-form-newD .cform {display: block;}
.apay-form-newD .form-actions input.webform-submit.button-primary.form-submit {width: 100%;float: unset;}
.apay-form-newD .form-item.webform-component.webform-component-select.webform-component--model-telefona {text-align: left;}

.spay-form-newD {padding: 80px 0;text-align: center;}
.spay-form-newD .cform {display: block;}
.spay-form-newD .form-actions input.webform-submit.button-primary.form-submit {width: 100%;float: unset;}
.spay-form-newD .form-item.webform-component.webform-component-select.webform-component--model-telefona {text-align: left;}

/**/

.captcha img {
    border-radius: 8px;
    border: 1px solid #fff;
}

.cform hr {
    border: 1px solid #D4D7DF;
}


/*изображения для форм с лева web forms*/
.webform-layout-box.horiz.webform-component--wrap--right {
    width: 80%;
}
.webform-layout-box.horiz.webform-component--wrap--left {
    width: 80%;
}

.webform-layout-box.horiz > * + * {
	margin-left: 0em;
	width: 100%;
}

/* кнопка сброса */
.cform form input[type="reset"] {
    display: none !important;
}
input#edit-reset {
    display: none;
}

/*рейтинг*/
.clearfix.fivestar-user-stars.fivestar-form-item.fivestar-blue-star.fivestar-processed {
    margin: 30px;
}



.form-actions input.webform-submit.button-primary.form-submit {
    width: 50%;
    float: right;
}

/*изображения для форм с лева cforms
.left {
    width: 100%;
    background: url(/sites/all/themes/custom/images/new_design/formOnline.svg);
    background-repeat: no-repeat;
    background-position: 0% 70px;
	height: auto;
}
*/

.cform .left {
    width: 100%;
    background: url(/sites/all/themes/custom/images/new_design/formOnline.svg);
    background-repeat: no-repeat;
    background-position: 0% 70px;
	height: auto;
}


.left h1 {
    color: #0A2896 !important;
}

div#block-cforms-zakazat-zvonok-jur, div#block-cforms-zakazat-zvonok {
    width: 100%;
}





/*---*/
.cform {
    display: flex;
	max-width: 1175px;
    margin: auto;
    padding: 80px 0;
}
.webform-layout-box.horiz.webform-component--wrap {
    display: flex;
}


/* forms */
#edit-submitted-wrap-right-soglasie a {
  font-size: inherit;
}

#edit-submitted-wrap-right-nd-phone, #edit-submitted-nd-phone {
  padding-left: 80px;
  padding-top: 15px;
  color: #606981;
  font-size: large;
}
/*---*/
.cform form .form-item.form-type-textfield input, .cform form .form-item.form-type-masked-input input, .cform form .form-item.webform-component-textfield input, .cform form .form-item.webform-component-email input, .form-textarea-wrapper textarea, .cform .jq-selectbox__select, .cform form .form-item.webform-component-textfield input {
  width: 100%;
  background: #fff;
  border: 1px solid #fff;
  padding: 32px 28px 15px;
  font-size: 24px;
  line-height: 130%;
  border-radius: 8px;
  outline: 0;
  color: #0a2896;
  min-height: 80px;
  font-style: unset;
}
.cform .jq-selectbox__select {
  padding: 15px 28px 15px;
  font-size: 18px;
}
.form-textarea-wrapper textarea {
  font-size: 18px;
}

.cform form .form-item.form-type-textfield input:focus, .form-textarea-wrapper textarea:focus {
		border: 1px solid #0a2896 !important;      
}
.cform .jq-selectbox {
	width: 100%;
}
.cform .jq-selectbox__select:hover {
	background: #fff;
}

.cform .form-item.form-type-textfield label,
.cform .form-item.webform-component-textfield label
 {
    position: absolute;
    top: 29px;
    left: 28px;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.4px;
    color: #606981;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}


.cform form .form-item.form-type-textarea label, .cform form .form-item.webform-component-textarea label {
	position: absolute;
    top: 28px;
    left: 28px;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.4px;
    color: #606981;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
}


.cform .form-item.form-type-checkbox {
    display: flex;
}
.cform .form-item.form-type-radio {
    display: flex;
}

.cform .jq-checkbox {
	top: -1px;
	/*width: 24px;*/
	width: 24px;
	height: 24px;
	border: 1px solid #D4D7DF;
	border-radius: 8px;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	line-height: 21px;
	flex-shrink: 0;
}
.cform .jq-checkbox.checked .jq-checkbox__div {
	width: 16px;
	height: 13px;
	margin: 0 auto;
	background: url(/sites/all/themes/custom/images/check.svg) no-repeat 50%;
	position: relative;
	top: -16px;
	/*top: 5px;*/
}
.cform .jq-checkbox.focused {
	border: 1px solid #08C;
}
.jq-checkbox.disabled {
	opacity: 0.55;
	filter: alpha(opacity=55);
}

.cform .jq-radio {
	top: -1px;
    width: 24px;
    height: 24px;
    border: 1px solid #D4D7DF;
    border-radius: 8px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    display: block;
}
.cform .jq-radio.checked .jq-radio__div {
	width: 16px;
	height: 13px;
	margin: 0 auto;
	background: url(/verstka/assets/images/check.svg) no-repeat 50%;
	position: relative;
	top: -17px;
	
}
.cform .jq-radio.focused {
	border: 1px solid #0A2896; /*правка #08C*/
}

.cform .jq-radio.checked {
	border: 1px solid #0A2896; /*правка #08C*/
}


.cform .jq-radio.disabled {
	opacity: 0.55;
	filter: alpha(opacity=55);
}



input#edit-submitted-wrap-right-zayavlenie-upload-button {
    display: none;
}


.cform .jq-selectbox {
	vertical-align: middle;
	cursor: pointer;
}



.cform .jq-selectbox.disabled .jq-selectbox__select {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.cform .jq-selectbox__select-text {
	display: block;
	width: 100% !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 48px !important;
	text-align: left;
}
.cform .jq-selectbox .placeholder {
	color: #888;
}
.cform .jq-selectbox__trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 100%;
}
.cform .jq-selectbox__trigger-arrow {
	position: absolute;
	top: 35px;
	right: 25px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-top: 5px solid #000000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
.cform .jq-selectbox:hover .jq-selectbox__trigger-arrow {
	border-top: 5px solid #FC1921;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
.cform .jq-selectbox.disabled .jq-selectbox__trigger-arrow {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.cform .jq-selectbox__dropdown {
	top: 33px;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 1px solid #CCC;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
	font: 14px/18px Arial, sans-serif;
}
.cform .jq-selectbox__search {
	margin: 5px;
}
.cform .jq-selectbox__search input {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 5px 27px 6px 8px;
	outline: none;
	border: 1px solid #CCC;
	border-radius: 3px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
	box-shadow: inset 1px 1px #F1F1F1;
	color: #333;
	-webkit-appearance: textfield;
}
.cform .jq-selectbox__search input::-webkit-search-cancel-button,
.cform .jq-selectbox__search input::-webkit-search-decoration {
	-webkit-appearance: none;
}
.cform .jq-selectbox__not-found {
	margin: 5px;
	padding: 5px 8px 6px;
	background: #F0F0F0;
	font-size: 13px;
}
.cform .jq-selectbox ul {
	margin: 0;
	padding: 0;
}
.cform .jq-selectbox li {
	min-height: 18px;
	padding: 5px 10px 6px;
	color: #231F20;
}
.cform .jq-selectbox li.selected {
	background-color: #A3ABB1;
	color: #FFF;
}
.cform .jq-selectbox li:hover {
	background-color: #08C;
	color: #FFF;
}
.cform .jq-selectbox li.disabled {
	color: #AAA;
}
.cform .jq-selectbox li.disabled:hover {
	background: none;
}
.cform .jq-selectbox li.optgroup {
	font-weight: bold;
}
.cform .jq-selectbox li.optgroup:hover {
	background: none;
	color: #231F20;
	cursor: default;
}
.cform .jq-selectbox li.option {
	padding-left: 25px;
}


.cform .jq-select-multiple {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	background: #FFF;
	color: #333;
	font: 14px/18px Arial, sans-serif;
	cursor: default;
}
.cform .jq-select-multiple.focused {
	border: 1px solid #5794BF;
}
.cform .jq-select-multiple.disabled {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.cform .jq-select-multiple ul {
	margin: 0;
	padding: 0;
}
.cform .jq-select-multiple li {
	padding: 3px 9px 4px;
	list-style: none;
}
.cform .jq-select-multiple li:first-child {
	border-radius: 3px 3px 0 0;
}
.cform .jq-select-multiple li:last-child {
	border-radius: 0 0 3px 3px;
}
.cform .jq-select-multiple li.selected {
	background: #08C;
	color: #FFF;
}
.cform .jq-select-multiple li.disabled {
	color: #AAA;
}
.cform .jq-select-multiple.disabled li.selected,
.cform .jq-select-multiple li.selected.disabled {
	background: #CCC;
	color: #FFF;
}
.cform .jq-select-multiple li.optgroup {
	font-weight: bold;
}
.cform .jq-select-multiple li.option {
	padding-left: 25px;
}


.cform form input[type="reset"], .cform input[type="submit"].form-submit {
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0;
  color: #fff !important;
  border: none;
  border-radius: 8px;
  padding: 26px 26px 26px 40px !important;
  text-align: left;
  background: -webkit-gradient(linear, left top, right top, from(#0037FF), color-stop(75%, #0085FF));
  background: url(/verstka/assets/images/arrow-rightW.svg), linear-gradient(90deg, #0037FF 0%, #0085FF 75%);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: center;
  cursor: pointer;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
	.cform form input[type="reset"], .cform input[type="submit"].form-submit {min-width: 455px;}
}

#edit-step4-mob-mob-tel {
  /*padding: 0 30px;*/
  font-size: 18px;
  color: #696f82;
}

.cform form input[type="reset"]:hover, .cform input[type="submit"].form-submit:hover {
  background: url(/verstka/assets/images/arrow-rightW.svg), linear-gradient(90deg, #1134b5 0%, #2353e0 75%);
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: center;
}

input[type="email"].styler,
input[type="number"].styler,
input[type="password"].styler,
input[type="search"].styler,
input[type="tel"].styler,
input[type="text"].styler,
input[type="url"].styler,
textarea.styler {
	padding: 7px 9px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	color: #333;
	font: 14px Arial, sans-serif;
}
input[type="search"].styler {
	-webkit-appearance: none;
}
textarea.styler {
	overflow: auto;
}
input[type="email"].styler:hover,
input[type="number"].styler:hover,
input[type="password"].styler:hover,
input[type="search"].styler:hover,
input[type="tel"].styler:hover,
input[type="text"].styler:hover,
input[type="url"].styler:hover,
textarea.styler:hover {
	border-color: #B3B3B3;
}
input[type="email"].styler:focus,
input[type="number"].styler:focus,
input[type="password"].styler:focus,
input[type="search"].styler:focus,
input[type="tel"].styler:focus,
input[type="text"].styler:focus,
input[type="url"].styler:focus,
textarea.styler:focus {
	border-color: #CCC;
	border-top-color: #B3B3B3;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	outline: none;
}
button.styler,
input[type="button"].styler,
input[type="submit"].styler,
input[type="reset"].styler {
	overflow: visible;
	padding: 7px 11px;
	outline: none;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	color: #333;
	text-shadow: 1px 1px #FFF;
	font: 14px Arial, sans-serif;
	cursor: pointer;
}
button.styler::-moz-focus-inner,
input[type="button"].styler::-moz-focus-inner,
input[type="submit"].styler::-moz-focus-inner,
input[type="reset"].styler::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button.styler:after {
	content: '';
}
button.styler:not([disabled]):hover,
input[type="button"].styler:not([disabled]):hover,
input[type="submit"].styler:not([disabled]):hover,
input[type="reset"].styler:hover {
	background-color: #E6E6E6;
	background-position: 0 -10px;
}
button.styler:not([disabled]):active,
input[type="button"].styler:not([disabled]):active,
input[type="submit"].styler:not([disabled]):active,
input[type="reset"].styler:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
button.styler[disabled],
input[type="button"].styler[disabled],
input[type="submit"].styler[disabled] {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}

/* Иконка очистки*/
.cform .form-item .input-clear {
  opacity: 0;
  position: absolute;
  right: 24px;
  top: 30px;
  /* bottom: 18px; */
  width: 24px;
  height: 24px;
  background: url('/sites/all/themes/custom/images/new_design/Сlose.svg') no-repeat center/contain;
  cursor: pointer;
}
.form-item .input-clear--bottom {
  bottom: 35%;
}
.form-item--phone .input-clear {
  bottom: 50%;
}

/* для анимации */
/* .cform form .form-item.form-type-textfield input:focus, .form-textarea-wrapper textarea:focus {
	border: 1px solid #0A2896; 
    -webkit-box-shadow: 0 0 0 7px rgba(10, 40, 150, 0.1);
          box-shadow: 0 0 0 7px rgba(10, 40, 150, 0.1); 
} */
.cform form .form-item.form-type-textfield.focus:not(.form-item-mob-tel, .form-item-phone) label,
.cform form .form-item.webform-component-textfield.focus label,
.cform form .form-item.form-type-textarea.focus label {
  font-weight: 300;
  font-size: 13px;
  line-height: 120%;
  top: 17px;
}
.cform form .form-item.form-type-textfield.focus .input-clear,
.cform form .form-item.webform-component-textfield.focus .input-clear
 {
  opacity: 1;
}
.cform form .form-item.form-type-textfield.filled .form-text, 
.cform form .form-item.webform-component-textfield.filled .form-text, 
.cform form .form-item.form-type-textarea.filled .form-textarea  {
  border: 1px solid #fff;
  color: #000;
  font-size: 18px;
  line-height: 120%;
}

.cform form .form-item.form-type-textfield.filled:not(.form-item-mob-tel, .form-item-phone) label,
.cform form .form-item.webform-component-textfield.filled label,
.cform form .form-item.form-type-textarea.filled label{
  font-weight: 300;
  font-size: 13px;
  line-height: 120%;
  top: 17px;
}

.cform form .form-item.form-type-textfield.filled .input-clear,
.cform form .form-item.webform-component-textfield.filled .input-clear {
  opacity: 0;
}
@media (max-width: 768px) {
	.cform .jq-checkbox.checked .jq-checkbox__div {
		top: 5px;
	}
}