.form-wrapper { max-width: 840px; margin: 0 auto; }
.sfrom-load { -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; }
.sfrom-load .cboxInput{  -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
.sfrom-load  button{-webkit-transition: all 0.3s; transition: all 0.3s;}

.inputFileBox input{ position:absolute; top:0; left:0; visibility:hidden; opacity:0;}

.inputFileBox{ display:block; position:relative; }
.inputFileBox label{ display:block; position:relative; z-index:1; padding:5px 10px; border:#CDCDCD solid 1px;}
.inputFileBox label:hover{ background-color:#FFF; cursor:pointer;}
.inputFileBox label span{ display:inline-block; margin-left:10px;}

.shide{ display: none;}

.sfrom { position: relative; }
.sfrom label, 
.sfrom.check-container { font-size: 12px; }
.sfrom .hidden { display: none; }
.sfrom .info-content{ margin-bottom: 16px; margin-top: 16px;}
.sfrom .info-content>.form-inpu:last-child{ margin-bottom: 0;}
.sfrom .form-title{ font-size: 18px; margin-bottom: 4px; }

.sfrom .hasFocus label{ color: rgb(var(--color-2));}
.sfrom .inpu-100, .inpu-auto { font-size: 14px; width: 100%; }
.sfrom .form-text { position: relative; padding: 16px; height: 150px;}
.sfrom .form-inpu { position: relative; }
.sfrom .form-name, 
.sfrom .form-surname, 
.sfrom .form-phone, 
.sfrom .form-mobile, 
.sfrom .ar-select { width:calc(50% - 4px); }
.sfrom .form-city { width: calc(100% - 158px); }
.sfrom .form-post-code { width: 150px; }
.sfrom .form-inpu label, 
.sfrom .ar-select .label-select { position: absolute; z-index: 1; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.sfrom .form-inpu label { font-weight: 400; top: 16px; left: 16px; }
.sfrom .form-inpu.hasFocus label, 
.sfrom .ar-select.hasFocus .label-select { top: -8px; padding: 0 8px; background-color: #FFF; z-index: 1; font-weight: 500; }
.sfrom .ar-select .label-select { z-index: 1; top: -7px; left: 9px; opacity: 0; }
.sfrom .ar-select.hasFocus .label-select{opacity: 1; }
.sfrom .form-inpu.hasFocus input, .sfrom .form-inpu.hasFocus textarea, .com-shop .sfrom .ar-select.hasFocus select { border-color: rgb(var(--color-2)); }
.sfrom .address-info select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.sfrom .ar-select.hasFocus select{ color: #000; }

.sfrom  input, 
.sfrom  select { border: 1px solid rgba(var(--color-2), .12); padding: 16px; border-radius: 4px; }
.sfrom  input:hover, 
.sfrom input:focus, 
.sfrom select:hover, 
.sfrom select:focus { border-color: #168FDE; }
.sfrom  select { color: #999; position: relative; }
.sfrom .btn { width: 100%; padding: 16px; background-color: #168FDE; border: 0; border-radius: 4px; text-transform: uppercase; color: #FFF; font-weight: bolder; font-size: 14px; letter-spacing: 1px; }
.sfrom  .btn:hover { cursor: pointer; background-color: #157DC2; }
.sfrom .ar-select { position: relative; }
.sfrom .ar-select select { font-size: 12px;letter-spacing: .5px;margin-bottom: 0; }
.sfrom .ar-select .select-icon { display: inline-block; position: absolute; margin: 20px 0; width: 14px; right:16px; }
.sfrom .ar-select .select-icon svg { width: 14px; fill: #ABAEB4; }
.sfrom .gender-check { display:flex; margin-bottom: 32px; }
.sfrom .genders, 
.sfrom .politics { margin: 0 auto; display:flex; }
.sfrom .gender-male { margin-left: 0; }
.sfrom .check-container input { margin: 0; } 
.sfrom .custom-checkbox, 
.sfrom .custom-radio { width: 14px; height: 14px; background-color: #FFF; border: 2px solid #999; margin-right: 7px; }
.sfrom .custom-radio { border-radius: 100%; }
.sfrom .genders:hover, 
.sfrom .politics:hover { cursor: pointer; }
.sfrom .genders:hover 
.sfrom .custom-radio, 
.sfrom .politics:hover .custom-checkbox { border-color: #168FDE; }
.sfrom .custom-radio.isChecked, 
.sfrom .custom-checkbox.isChecked { border-color: #168FDE; background-color: #168FDE; -webkit-box-shadow: inset 0 0 0 2px #FFF; -moz-box-shadow: inset 0 0 0 2px #FFF; box-shadow: inset 0 0 0 2px #FFF; }

.sfrom .form-inpu { width:100%; margin-top: 8px; }
.form-check {margin: 8px 0 24px;}
.form-check-label-link { margin-top: 8px; text-align: center;}
.sfrom button {align-items: center;background-color: transparent;border: 2px solid rgb(var(--color-2), .12);color: rgb(var(--color-3));display: flex;font-size: 14px;font-weight: 500;height: 46px;justify-content: center;letter-spacing: 1.5px;min-width: 180px;padding: 0 48px;text-decoration: unset;text-transform: uppercase;width: 100%;cursor: pointer;}
.sfrom button:hover, .sfrom button:focus { border-color: rgb(var(--color-3)); }
.sfrom textarea {border:1px solid rgba(var(--color-2), .12);resize:vertical;border-radius: 4px;}
.sfrom .ar-select.hasFocus select,
.sfrom input:hover, .sfrom input:focus, .sfrom select:hover, .sfrom select:focus, .sfrom textarea:hover, .sfrom textarea:focus {border-color:1px solid rgb(var(--color-2));}
.sfrom .form-check-label-txt, .sfrom .form-check-label-link { font-size: 12px; font-weight: 400;}
.form-input-checkbox > div {margin-bottom: 12px;}
.form-check-input { display: none; }
.form-check.cart-term-bx { display: flex;flex-direction: column;padding: 0;}
.form-check-label-ico {margin-left: 2px; width: 12px;height: 12px;outline: 2px solid rgba(var(--color-2), .32) !important;min-width: 12px;background-color: #FFF;}
.form-check-label-ico + .form-check-label-txt { margin-left: 16px; }
.form-check-label {display: flex;align-items: center;background-color: rgb(var(--color-1));cursor: pointer;user-select: none;padding: 8px;border-radius: 4px;}
.form-check-label:hover .form-check-label-ico, .form-check-label:focus .form-check-label-ico { outline-color: rgb(var(--color-2)) !important; }
.form-check-input:checked + .form-check-label .form-check-label-ico {border: 2px solid #FFF;background-color: rgb(var(--color-3));outline-color: rgb(var(--color-3)) !important;}
.newsletter-form .form-container {width: 100%;margin: 0;}
.newsletter .txpc { width:60%; }
.sfrom .form-title {margin-bottom: 24px;}
.form-paymethod h3 {text-transform: uppercase;font-family: 'Roboto Condensed';font-weight: 800;letter-spacing: 0.1em;font-size: 14px;}
.box-check-cs, .bocdf {background:#FFF;}
.form-paymethod {margin-top: 1.2em;}
.nldf a {text-transform: uppercase;font-family: 'Roboto Condensed';font-weight: 800;letter-spacing: 0.1em;color: #e94949;font-size:14px;}
.address-info-user h4 {font-size: 14px;}
.sfrom .txpc {font-size: 12px;margin-top: 16px;text-align: center;}
.form-check-label-link a {text-decoration: none;}
.form-check-label-link a:hover,.form-check-label-link a:focus {text-decoration: underline;}

#zone-msn-fix { position: fixed; top: 0; width: 100%; z-index: 32; }
#zone-msn:not(:empty)::after {content: "";display: block;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, .32); z-index: -1; }
#zone-msn > div { height: 100%; max-width: 800px; width: 100%;margin-left: auto;margin-right: auto; padding: 0 16px; }
.box-info { margin: 40px 0;padding: 16px;background-color: #FFF; position: relative;font-weight: 500;font-size: 16px;}
.box-info > div {/*! position: relative; */}
.box-info ol { list-style-type: none; margin-top: 16px; }
.box-info ol li + li {margin-top: 8px;}
.box-info .al-title {font-size: 24px;font-weight: 500;display: block;}
.close-box-info {cursor:pointer;height: 40px;min-width: 40px;width: 40px;display: inline-flex;align-items: center;justify-content: center;position: absolute;right: 16px;border-radius: 50%;top: 16px;}
.close-box-info:hover, .close-box-info:focus { background-color: rgba(var(--color-3), .08);}
.close-box-info:hover::before, .close-box-info:focus::before, .close-box-info:hover::after, .close-box-info:focus::after { background-color: rgb(var(--color-3));}
.close-box-info::before,
.close-box-info::after {content: '';background-color: rgb(var(--color-2));display: block;left: 50%;position: absolute;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin: center center;transform-origin: center center;}
.close-box-info::before {height: 2px;width: 50%;}
.close-box-info::after {height: 50%;width: 2px;}
.box-info.alert {background-color: rgba(var(--color-3), .87);color: #FFF;}
.box-info.alert .al-title {color: #FFF;}
.box-info.alert ol {color: #FFF;font-weight: 500;}
.box-info.alert .close-box-info::before, .box-info.alert .close-box-info::after { background-color: #FFF; }
.box-info.alert .close-box-info:hover, .box-info.alert .close-box-info:focus {background-color: rgba(255, 255, 255, .24); }

@media screen and (min-width: 721px) {
	.sfrom .form-container {display: flex;margin: -8px -4px;}
	.sfrom .form-container > .form-inpu { width: calc(100% - 8px); margin: 8px 4px; }
	.sfrom .txpc > div { width: 70%; margin: 0 auto; }
	.form-check-label-link { text-align: unset; }
	.box-info { padding: 24px; }
	.box-info .al-title {font-size: 32px;}
}