snailmax.shop
Open in
urlscan Pro
172.67.174.74
Public Scan
URL:
https://snailmax.shop/
Submission: On December 10 via api from BE — Scanned from CA
Submission: On December 10 via api from BE — Scanned from CA
Form analysis 1 forms found in the DOM
Name: form — POST siparis/gonder.php
<form class="form-horizontal requires-validation" name="form" id="contact_form" method="post" action="siparis/gonder.php" novalidate="">
<div class="frm-row ">
<div class="section colm colm12" style="padding:0px;" id="icerik">
<div class="row p-3 pb-1">
<div class="smart-forms wrap-1 p-1">
<div class="spacer-t20 spacer-b20">
<div class="tagline">
<span>
<strong>SİPARİŞ ADETİNİ SEÇİNİZ</strong>
</span>
</div>
</div>
</div>
</div>
<div style="text-align:center;font-size:1.6rem;margin-top:0rem;">
<input class="display-d" type="radio" name="adet" value="" style="position: relative; height:0px;width:0px;opacity:0;" required="">
<div class="invalid-feedback p-1 m-0" style="color: #ffffff; background-color: red;font-weight: 400;">↓ ↓ <br>*Lütfen Ürün Adet Seçimi Yapınız! </div>
</div>
<style>
.colflexcustom {
flex: 1 0 100%;
}
</style>
<div class="d-flex flex-wrap">
<div class="colflexcustom">
<label id="altlabel1" for="1" class="block" data-image="1" style="position:relative;">
<input type="radio" name="adet" id="1" value="41" class="color" data-role="none" style="visibility: hidden;">
<img src="images/sp0jAeAXCo.webp" alt="Image" width="100%" class="showz">
<img src="images/WYz7HdojTZ.webp" alt="Image" width="100%" style="display:none" class="none">
</label>
</div>
<div class="colflexcustom">
<label id="altlabel1" for="2" class="block" data-image="2" style="position:relative;">
<input type="radio" name="adet" id="2" value="42" class="color" data-role="none" style="visibility: hidden;">
<img src="images/aWeLIfiXZQ.webp" alt="Image" width="100%" class="showz">
<img src="images/kVVzYM2slG.webp" alt="Image" width="100%" style="display:none" class="none">
</label>
</div>
<div class="colflexcustom">
<label id="altlabel1" for="3" class="block" data-image="3" style="position:relative;">
<input type="radio" name="adet" id="3" value="43" class="color" data-role="none" style="visibility: hidden;">
<img src="images/56cELHGopG.webp" alt="Image" width="100%" class="showz">
<img src="images/gIo6X5Z96s.webp" alt="Image" width="100%" style="display:none" class="none">
</label>
</div>
<div class="colflexcustom">
<label id="altlabel1" for="4" class="block" data-image="4" style="position:relative;">
<input type="radio" name="adet" id="4" value="44" class="color" data-role="none" style="visibility: hidden;">
<img src="images/8taAsfNloI.webp" alt="Image" width="100%" class="showz">
<img src="images/SQVXf9B9zU.webp" alt="Image" width="100%" style="display:none" class="none">
</label>
</div>
</div>
<div style="text-align:center;font-size:1.6rem;margin-top:0rem;">
<input class="display-d" type="radio" name="adet" value="" style="position: relative; height:0px;width:0px;opacity:0;" required="">
<div class="invalid-feedback p-1 m-0" style="color: #ffffff; background-color: red;font-weight: 400;">↑ ↑ <br>*Lütfen Ürün Adet Seçimi Yapınız! </div>
</div>
</div>
<img src="images/VZGdgP653c.gif" class="contentimg scroolposition1" style="width:100% !important;">
<br>
<div class="row p-4 pt-2 scroolposition1 ">
<style>
@import url(https://fonts.googleapis.com/css?family=Roboto:500,900italic,900,400italic,100,700italic,300,700,500italic,300italic,400&subset=latin,latin-ext);
.smart-forms,
.smart-forms .form-header h4 {
font-family: Roboto, Arial, Helvetica, sans-serif
}
.smart-forms .button,
.ui-datepicker-buttonpane button {
-webkit-user-drag: none;
text-shadow: 0 1px rgba(255, 255, 255, .2);
cursor: pointer
}
.darkbg {
background: url(../images/dark.html) fixed #6c82a2
}
.woodbg {
background: url(../images/wood.html) fixed #e6cca6
}
.smart-forms,
.smart-forms * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.smart-forms {
line-height: 1.231;
font-weight: 400;
font-size: 15px;
color: #626262
}
.smart-container {
padding: 5px;
background: #fff;
margin: 50px auto;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .65);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .65);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, .65);
box-shadow: 0 1px 3px rgba(0, 0, 0, .65);
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0
}
.wrap-0 {
max-width: 960px
}
.wrap-1 {
max-width: 852px
}
.wrap-2 {
max-width: 652px
}
.wrap-3 {
max-width: 452px
}
.smart-forms .section {
margin-bottom: 22px
}
.smart-forms .smart-link {
color: #4ebd4a;
text-decoration: none
}
.smart-forms .smart-link:hover {
text-decoration: underline
}
.smart-forms .tagline {
height: 0;
border-top: 1px solid #c30;
text-align: center
}
.smart-forms .tagline span {
text-transform: uppercase;
display: inline-block;
position: relative;
padding: 0 15px;
background: #fff;
color: #333;
top: -10px
}
.smart-forms .field {
display: block;
position: relative
}
.smart-forms .field-icon i {
color: #bbb;
position: relative
}
.smart-forms .field-label {
display: block;
margin-bottom: 7px
}
.smart-forms .field-label.colm {
padding-top: 12px
}
.smart-forms .field-label em {
color: #e74c3c;
font-size: 14px;
font-style: normal;
display: inline-block;
margin-left: 4px;
position: relative;
top: 3px
}
.smart-forms .form-header {
overflow: hidden;
position: relative;
padding: 25px 30px;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0
}
.smart-forms .form-header h4 {
text-align: left;
font-weight: 300;
font-size: 32px;
padding: 0;
margin: 0
}
.smart-forms .form-header h4 i {
font-size: 38px;
position: relative;
margin-right: 10px;
top: 2px
}
.smart-forms .header-primary {
background-color: #4ebd4a;
border-top: 1px solid #a7d065;
border-bottom: 5px solid #3c9b39
}
.smart-forms .header-lite {
background: #f3f5fa;
border-top: 1px solid #a7d065;
border-bottom: 1px solid #d9dde5
}
.smart-forms .header-lite:before {
content: "";
background-color: #4ebd4a;
position: absolute;
height: 8px;
z-index: 1;
top: 0;
right: 0;
left: 0
}
.smart-forms .header-primary h4 {
color: #fff
}
.smart-forms .header-lite h4 {
color: #5d6a87;
padding-top: 5px
}
.smart-flat,
.smart-flat .form-header {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.smart-forms .form-body {
padding: 10px 5px 20px
}
.smart-forms .form-footer {
overflow: hidden;
padding: 25px 25px 20px;
background: url(foobg.html) top left repeat-x #f5f5f5;
text-align: center
}
.smart-forms input[type=search] {
-webkit-appearance: textfield
}
.smart-forms ::-webkit-search-cancel-button,
.smart-forms ::-webkit-search-decoration {
-webkit-appearance: none
}
.smart-forms input:invalid {
-moz-box-shadow: none;
box-shadow: none
}
.smart-forms input::-webkit-input-placeholder,
.smart-forms textarea::-webkit-input-placeholder {
color: #494848
}
.smart-forms input:focus::-webkit-input-placeholder,
.smart-forms textarea:focus::-webkit-input-placeholder {
color: #d6dbe0
}
.smart-forms input:-moz-placeholder,
.smart-forms textarea:-moz-placeholder {
color: #aaa
}
.smart-forms input:focus:-moz-placeholder,
.smart-forms textarea:focus:-moz-placeholder {
color: #d6dbe0
}
.smart-forms input::-moz-placeholder,
.smart-forms textarea::-moz-placeholder {
color: #aaa;
opacity: 1
}
.smart-forms input:focus::-moz-placeholder,
.smart-forms textarea:focus::-moz-placeholder {
color: #d6dbe0;
opacity: 1
}
.smart-forms input:-ms-input-placeholder,
.smart-forms textarea:-ms-input-placeholder {
color: #aaa
}
.smart-forms input:focus:-ms-input-placeholder,
.smart-forms textarea:focus:-ms-input-placeholder {
color: #d6dbe0
}
.smart-forms button,
.smart-forms input,
.smart-forms label,
.smart-forms select,
.smart-forms textarea {
display: block;
margin: 0;
font-size: 14px;
font-family: Roboto, Arial, Helvetica, sans-serif;
font-weight: 400;
color: #626262;
outline: 0
}
.smart-forms .gui-input,
.smart-forms .gui-textarea,
.smart-forms .select-multiple select,
.smart-forms .select>select,
.smart-forms input[type=button],
.smart-forms input[type=search],
.smart-forms input[type=submit] {
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
border-radius: 0
}
.smart-forms input[type=search]::-webkit-search-cancel-button,
.smart-forms input[type=search]::-webkit-search-decoration,
.smart-forms input[type=search]::-webkit-search-results-button,
.smart-forms input[type=search]::-webkit-search-results-decoration {
display: none
}
.smart-forms .field-label,
.smart-forms .option,
.smart-forms .switch {
font-size: 14px;
font-weight: 500
}
.smart-forms .button,
.smart-forms .checkbox,
.smart-forms .radio,
.smart-forms .select .arrow,
.smart-forms .switch>label,
.smart-forms .ui-slider .ui-slider-handle {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.smart-forms .button,
.smart-forms .checkbox,
.smart-forms .gui-input,
.smart-forms .gui-textarea,
.smart-forms .notification,
.smart-forms .radio,
.smart-forms .select-multiple select,
.smart-forms .select>select,
.smart-forms .tooltip {
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-ms-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
outline: 0
}
.smart-forms .gui-input,
.smart-forms .gui-textarea,
.smart-forms .select,
.smart-forms .select-multiple select,
.smart-forms .select>select {
background: #fff;
position: relative;
vertical-align: top;
border: 1px solid #cfcfcf;
display: inline-block;
color: #626262;
outline: 0;
height: 42px;
width: 100%
}
.smart-forms .gui-input,
.smart-forms .gui-textarea {
padding: 10px
}
.smart-forms .gui-textarea {
resize: none;
line-height: 19px;
overflow: auto;
max-width: 100%;
height: 96px
}
.smart-forms .input-hint {
padding: 10px;
display: block;
margin-top: -1px;
line-height: 16px;
position: relative;
background: #f5f5f5;
border: 1px solid #cfcfcf;
font-family: Arial, Helvetica, sans-serif;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
font-size: 11px;
color: #999
}
.smart-forms .select {
border: 0;
z-index: 10
}
.smart-forms .select>select {
display: block;
padding: 9px 10px;
color: #626262;
background: #f5f5f5;
border: 1px solid #cfcfcf;
-webkit-appearance: none;
-moz-appearance: none;
appearance: normal;
outline: 0;
text-indent: .01px;
text-overflow: '';
z-index: 10;
margin: 0
}
.smart-forms .select>select::-ms-expand {
display: none
}
.smart-forms .select .arrow {
position: absolute;
top: 9px;
right: 4px;
width: 24px;
height: 24px;
color: #9f9f9f;
pointer-events: none;
z-index: 16
}
.smart-forms .select .arrow:after,
.smart-forms .select .arrow:before {
content: '';
position: absolute;
font: 12px Consolas, monospace;
pointer-events: none;
left: 5px
}
.smart-forms .select .arrow:before {
content: '\25BC';
bottom: 4px
}
.smart-forms .select .double:after {
content: '\25B2';
top: -1px
}
.smart-forms .select .double:before {
content: '\25BC';
bottom: -1px
}
.smart-forms .select-multiple select {
width: 100%;
height: 123px;
padding: 10px
}
.smart-forms .file {
display: block;
width: 100%
}
.smart-forms .file .gui-file {
width: 100%;
height: 100%;
cursor: pointer;
padding: 8px 10px;
position: absolute;
-moz-opacity: 0;
opacity: 0;
z-index: 11;
bottom: 0;
right: 0
}
.smart-forms .file .button {
position: absolute;
top: 4px;
right: 4px;
float: none;
height: 34px;
line-height: 34px;
padding: 0 16px;
z-index: 10
}
.smart-forms .file .gui-file:hover+.gui-input,
.smart-forms .gui-input:hover,
.smart-forms .gui-input:hover~.input-hint,
.smart-forms .gui-textarea:hover,
.smart-forms .gui-textarea:hover~.input-hint,
.smart-forms .select-multiple select:hover,
.smart-forms .select>select:hover,
.smart-forms input:hover+.checkbox,
.smart-forms input:hover+.radio {
border-color: #6bc868
}
.smart-forms .gui-input:focus,
.smart-forms .gui-textarea:focus,
.smart-forms .select-multiple select:focus,
.smart-forms .select>select:focus {
color: #3c3c3c;
background: #fff;
border: 1px solid #4ebd4a;
-webkit-box-shadow: 0 0 3px #4ebd4a inset;
-moz-box-shadow: 0 0 3px #4ebd4a inset;
-o-box-shadow: 0 0 3px #4ebd4a inset;
box-shadow: 0 0 3px #4ebd4a inset;
outline: 0
}
.smart-forms .gui-textarea:focus {
height: 120px
}
.smart-forms .select>select:focus {
z-index: 10
}
.smart-forms .gui-input:focus~.field-icon i,
.smart-forms .gui-textarea:focus~.field-icon i,
.smart-forms .rating-input:checked~.rating-star,
.smart-forms .rating:hover .rating-star:hover,
.smart-forms .rating:hover .rating-star:hover~.rating-star,
.smart-forms .select>select:focus+.arrow,
.smart-forms .selected-box h4,
.smart-forms .switch-round>input:checked+label:after {
color: #4ebd4a
}
.smart-forms .file .gui-file:focus+.gui-input,
.smart-forms .gui-input:focus~.input-hint,
.smart-forms .gui-textarea:focus~.input-hint,
.smart-forms .select-multiple select:focus,
.smart-forms input:focus+.checkbox,
.smart-forms input:focus+.checkbox:before,
.smart-forms input:focus+.radio {
border-color: #4ebd4a
}
.smart-forms .option {
position: relative;
padding-right: 15px;
display: inline-block;
vertical-align: middle
}
.smart-forms .option>input {
position: absolute;
height: inherit;
width: inherit;
opacity: 0;
left: 0
}
.smart-forms .checkbox,
.smart-forms .radio {
position: relative;
margin-right: 2px;
background: #fff;
display: inline-block;
border: 3px solid #cfcfcf;
height: 21px;
width: 21px;
top: 4px
}
.smart-forms .checkbox:before,
.smart-forms .radio:before {
content: '';
display: none
}
.smart-forms .block,
.smart-forms input:checked+.checkbox:before,
.smart-forms input:checked+.radio:before {
display: block
}
.smart-forms .checkbox:before {
position: absolute;
top: 4px;
left: 3px;
width: 6px;
height: 3px;
border: solid #4ebd4a;
border-width: 0 0 3px 3px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.smart-forms input:checked+.checkbox,
.smart-forms input:checked+.radio {
border: 3px solid #4ebd4a
}
.smart-forms .radio {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px
}
.smart-forms .radio:before {
margin: 4px;
width: 7px;
height: 7px;
background: #4ebd4a;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px
}
.smart-forms input:focus+.radio:before {
background: #4ebd4a
}
.smart-forms .switch {
cursor: pointer;
position: relative;
padding-right: 10px;
display: inline-block;
margin-bottom: 5px;
height: 26px
}
.smart-forms .switch>label {
cursor: pointer;
display: inline-block;
position: relative;
height: 25px;
width: 58px;
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 20px;
text-align: center;
background: #d7d7d7;
border: 2px solid #d7d7d7;
text-transform: uppercase;
font-family: Helvetica, Arial, sans-serif;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out
}
.smart-forms .switch>label+span {
display: inline-block;
padding-left: 5px;
position: relative;
top: -7px
}
.smart-forms .switch>label:before {
content: attr(data-off);
position: absolute;
top: 1px;
right: 3px;
width: 33px
}
.smart-forms .switch>input:checked+label:after,
.smart-forms .switch>label:after {
margin: 1px;
width: 19px;
height: 19px;
background: #fff
}
.smart-forms .switch>label:after {
content: "";
display: block
}
.smart-forms .switch>input {
-webkit-appearance: none;
position: absolute;
width: inherit;
height: inherit;
opacity: 0;
left: 0;
top: 0
}
.smart-forms .switch>input:focus {
outline: 0
}
.smart-forms .switch>input:focus+label {
color: #fff;
border-color: #c7c7c7;
background: #c7c7c7
}
.smart-forms .switch>input:focus+label:after {
background: #fff
}
.smart-forms .switch>input:checked+label {
border-color: #4ebd4a;
background: #4ebd4a;
padding-left: 33px;
color: #fff
}
.smart-forms .switch>input:checked+label:before {
content: attr(data-on);
left: 1px;
top: 1px
}
.smart-forms .switch>input:checked:focus+label {
background: #3c9b39;
border-color: #3c9b39
}
.smart-forms .switch-round>label {
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px
}
.smart-forms .switch-round>label+span {
top: -2px
}
.smart-forms .switch-round>label:before {
width: 33px
}
.smart-forms .switch-round>label:after {
width: 19px;
color: #d7d7d7;
content: "\2022";
font: 20px/20px Times, Serif;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px
}
.smart-forms .switch-round>input:checked+label {
padding-left: 33px
}
.smart-forms .button {
border: 0;
height: 42px;
color: #243140;
line-height: 1;
font-size: 15px;
padding: 0 18px;
text-align: center;
vertical-align: top;
background: #dbdbdb;
display: inline-block
}
.smart-forms .button:hover,
.ui-datepicker-buttonpane button:hover {
color: #243140;
background: #e8e8e8
}
.smart-forms .button:active,
.ui-datepicker-buttonpane button:active {
color: #1d2938;
background: #c4c4c4
}
.smart-forms a.button,
.smart-forms label.button,
.smart-forms span.button {
line-height: 42px;
text-decoration: none
}
.smart-forms .button i,
.smart-forms .price-box h4 .per-month {
font-size: 14px
}
.smart-forms .button-list .button {
margin-bottom: 5px
}
.smart-forms .btn-primary {
background-color: #8a2525
}
.smart-forms .btn-primary:focus,
.smart-forms .btn-primary:hover {
background-color: #ff5400
}
.smart-forms .btn-primary:active {
background-color: #3c9b39
}
.smart-forms .btn-primary,
.smart-forms .btn-primary:active,
.smart-forms .btn-primary:focus,
.smart-forms .btn-primary:hover,
.smart-forms .facebook,
.smart-forms .facebook:focus,
.smart-forms .facebook:hover,
.smart-forms .googleplus,
.smart-forms .googleplus:focus,
.smart-forms .googleplus:hover,
.smart-forms .twitter,
.smart-forms .twitter:focus,
.smart-forms .twitter:hover {
color: #fff;
text-shadow: 0 1px rgba(0, 0, 0, .08)
}
.smart-forms .btn-pointed.button-left,
.smart-forms .btn-pointed.button-right,
.smart-forms .btn-rounded {
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
-o-border-radius: 22px;
border-radius: 22px
}
.smart-forms .button-left,
.smart-forms .button-right {
position: relative;
z-index: 9
}
.smart-forms .button-left:before,
.smart-forms .button-right:before {
content: '';
z-index: -1;
width: 32px;
height: 32px;
position: absolute;
background-color: inherit;
border: 0;
top: 5px
}
.smart-forms .button-left {
border-left-width: 0;
padding: 0 18px 0 7px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-o-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
margin-left: 20px
}
.smart-forms .button-left:before {
left: -15px;
-webkit-border-radius: 2px 5px 0 5px;
-moz-border-radius: 2px 5px 0;
-o-border-radius: 2px 5px 0;
border-radius: 2px 5px 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.smart-forms .button-right {
padding: 0 7px 0 18px;
border-right-width: 0;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-o-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
margin-right: 20px
}
.smart-forms .button-right:before {
right: -15px;
-webkit-border-radius: 5px 2px 5px 0;
-moz-border-radius: 5px 2px 5px 0;
-o-border-radius: 5px 2px 5px 0;
border-radius: 5px 2px 5px 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.smart-forms .btn-rounded.button-left {
-webkit-border-radius: 0 22px 22px 0;
-moz-border-radius: 0 22px 22px 0;
-o-border-radius: 0 22px 22px 0;
border-radius: 0 22px 22px 0
}
.smart-forms .btn-rounded.button-right {
-webkit-border-radius: 22px 0 0 22px;
-moz-border-radius: 22px 0 0 22px;
-o-border-radius: 22px 0 0 22px;
border-radius: 22px 0 0 22px
}
.smart-forms .pushed {
-webkit-box-shadow: inset 0 -.3em 0 rgba(0, 0, 0, .2);
-moz-box-shadow: inset 0 -.3em 0 rgba(0, 0, 0, .2);
-o-box-shadow: inset 0 -.3em 0 rgba(0, 0, 0, .2);
box-shadow: inset 0 -.3em 0 rgba(0, 0, 0, .2);
position: relative
}
.smart-forms .pushed:active {
-webkit-box-shadow: inset 0 -.15em 0 rgba(0, 0, 0, .2);
-moz-box-shadow: inset 0 -.15em 0 rgba(0, 0, 0, .2);
-o-box-shadow: inset 0 -.15em 0 rgba(0, 0, 0, .2);
box-shadow: inset 0 -.15em 0 rgba(0, 0, 0, .2);
top: 2px
}
.smart-forms .pushed.button-left:before {
-webkit-box-shadow: inset .35em 0 0 rgba(0, 0, 0, .2);
-moz-box-shadow: inset .35em 0 0 rgba(0, 0, 0, .2);
-o-box-shadow: inset .35em 0 0 rgba(0, 0, 0, .2);
box-shadow: inset .35em 0 0 rgba(0, 0, 0, .2)
}
.smart-forms .pushed:active.button-left:before {
-webkit-box-shadow: inset .2em 0 0 rgba(0, 0, 0, .2);
-moz-box-shadow: inset .2em 0 0 rgba(0, 0, 0, .2);
-o-box-shadow: inset .2em 0 0 rgba(0, 0, 0, .2);
box-shadow: inset .2em 0 0 rgba(0, 0, 0, .2)
}
.smart-forms .pushed.button-right:before {
-webkit-box-shadow: inset -.35em 0 0 rgba(0, 0, 0, .2);
-moz-box-shadow: inset -.35em 0 0 rgba(0, 0, 0, .2);
-o-box-shadow: inset -.35em 0 0 rgba(0, 0, 0, .2);
box-shadow: inset -.35em 0 0 rgba(0, 0, 0, .2)
}
.smart-forms .pushed:active.button-right:before {
-webkit-box-shadow: inset -.2em 0 0 rgba(0, 0, 0, .2);
-moz-box-shadow: inset -.2em 0 0 rgba(0, 0, 0, .2);
-o-box-shadow: inset -.2em 0 0 rgba(0, 0, 0, .2);
box-shadow: inset -.2em 0 0 rgba(0, 0, 0, .2)
}
.smart-forms .form-footer .button {
margin-right: 10px;
margin-bottom: 5px;
width: 80%;
font-size: 20px;
font-weight: 400
}
.smart-forms .align-right .button {
margin-right: 0;
margin-left: 10px
}
.smart-forms .facebook {
background-color: #3b5998
}
.smart-forms .bar-blue>.bar,
.smart-forms .blue-slider .ui-slider .ui-slider-handle:before,
.smart-forms .blue-slider .ui-slider .ui-slider-range,
.smart-forms .twitter {
background-color: #00acee
}
.smart-forms .googleplus {
background-color: #dd4b39
}
.smart-forms .facebook:focus,
.smart-forms .facebook:hover {
background-color: #25385f
}
.smart-forms .twitter:focus,
.smart-forms .twitter:hover {
background-color: #00749f
}
.smart-forms .googleplus:focus,
.smart-forms .googleplus:hover {
background-color: #8d2418
}
.smart-forms .span-left {
padding-left: 52px;
text-align: left
}
.smart-forms .btn-social {
position: relative;
margin-bottom: 5px
}
.smart-forms .btn-social i {
font-size: 22px;
position: relative;
top: 2px
}
.smart-forms .btn-social span {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-o-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
display: inline-block;
text-align: center;
position: absolute;
width: 42px;
left: 0
}
.smart-forms .twitter span {
background-color: #009ad5
}
.smart-forms .facebook span {
background-color: #31497d
}
.smart-forms .googleplus span {
background-color: #c03121
}
.smart-forms .rating {
overflow: hidden
}
.smart-forms .rating.block {
display: block;
margin: 10px 0
}
.smart-forms .rating label {
color: #a2a6a8
}
.smart-forms .rating label i {
font-size: 17px;
text-align: center;
color: inherit
}
.smart-forms .rating label span {
font: 22px/22px Times, Serif
}
.smart-forms .rating-star {
margin-left: 4px
}
.smart-forms .rating-input {
position: absolute;
left: -9999px;
top: auto
}
.smart-forms .rating-star,
.smart-forms .rating:hover .rating-star {
width: 18px;
float: right;
display: block;
cursor: pointer;
color: #a2a6a8
}
.smart-forms .append-picker-icon,
.smart-forms .prepend-picker-icon,
.smart-forms .smart-widget {
position: relative;
display: block
}
.smart-forms .append-picker-icon input,
.smart-forms .frm-row .colm12,
.smart-forms .frm-row .colm6,
.smart-forms .prepend-picker-icon input,
.smart-forms .smart-widget .field input,
.ui-datepicker select.ui-datepicker-month-year {
width: 100%
}
.smart-forms .append-picker-icon button,
.smart-forms .prepend-picker-icon button,
.smart-forms .smart-widget .button {
border: 1px solid #cfcfcf;
background: #f5f5f5;
position: absolute;
cursor: pointer;
color: #626262;
height: 42px;
top: 0
}
.smart-forms .append-picker-icon button,
.smart-forms .sm-right .button {
border-left: 0;
right: 0
}
.smart-forms .prepend-picker-icon button,
.smart-forms .sm-left .button {
border-right: 0;
left: 0
}
.smart-forms .prepend-picker-icon,
.smart-forms .sml-50 {
padding-left: 50px
}
.smart-forms .append-picker-icon button,
.smart-forms .prepend-picker-icon button,
.smart-forms .sml-50 .button,
.smart-forms .smr-50 .button {
width: 50px
}
.smart-forms .sml-80 {
padding-left: 80px
}
.smart-forms .sml-80 .button,
.smart-forms .smr-80 .button {
width: 80px
}
.smart-forms .sml-120 {
padding-left: 120px
}
.smart-forms .sml-120 .button,
.smart-forms .smr-120 .button {
width: 120px
}
.smart-forms .append-picker-icon,
.smart-forms .smr-50 {
padding-right: 50px
}
.smart-forms .smr-80 {
padding-right: 80px
}
.smart-forms .smr-120 {
padding-right: 120px
}
.smart-forms .append-icon,
.smart-forms .prepend-icon {
display: inline-block;
vertical-align: top;
position: relative;
width: 100%
}
.smart-forms .append-icon .field-icon,
.smart-forms .prepend-icon .field-icon {
top: 0;
z-index: 4;
width: 42px;
height: 42px;
color: inherit;
line-height: 42px;
position: absolute;
text-align: center;
-webkit-transition: .5s ease-out;
-moz-transition: .5s ease-out;
-ms-transition: .5s ease-out;
-o-transition: .5s ease-out;
transition: .5s ease-out;
pointer-events: none
}
.smart-forms .tip-left:after,
.smart-forms .tip-right:after {
top: 12px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent
}
.smart-forms .append-icon .field-icon i,
.smart-forms .prepend-icon .field-icon i {
position: relative;
font-size: 14px
}
.smart-forms .prepend-icon .field-icon,
.smart-forms .ribbon-inner:before,
.smart-forms .ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.smart-forms .append-icon .field-icon,
.smart-forms .ribbon-inner:after,
.smart-forms .ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.smart-forms .prepend-icon>input,
.smart-forms .prepend-icon>textarea {
padding-left: 36px
}
.smart-forms .append-icon>input,
.smart-forms .append-icon>textarea {
padding-right: 36px;
padding-left: 10px
}
.smart-forms .append-icon>textarea {
padding-right: 36px
}
.smart-forms .tooltip {
position: absolute;
z-index: -1;
opacity: 0;
color: #fff;
width: 184px;
left: -9999px;
top: auto;
font-size: 11px;
font-weight: 400;
background: #333;
-webkit-transition: margin .6s, opacity .6s;
-moz-transition: margin .6s, opacity .6s;
-ms-transition: margin .6s, opacity .6s;
-o-transition: margin .6s, opacity .6s;
transition: margin .6s, opacity .6s
}
.smart-forms .tooltip>em {
padding: 12px;
font-style: normal;
display: block;
position: static
}
.smart-forms .tooltip:after {
content: '';
position: absolute
}
.smart-forms .gui-input:focus+.tooltip,
.smart-forms .gui-textarea:focus+.tooltip {
opacity: 1;
z-index: 999
}
.smart-forms .tip-left {
top: 1px;
margin-right: -20px
}
.smart-forms .tip-left:after {
left: 100%;
border-left: 8px solid #333
}
.smart-forms .gui-input:focus+.tip-left,
.smart-forms .gui-textarea:focus+.tip-left {
margin-right: 5px;
right: 100%;
left: auto
}
.smart-forms .tip-right {
top: 1px;
margin-left: -20px
}
.smart-forms .tip-right:after {
right: 100%;
border-right: 8px solid #333
}
.smart-forms .tip-left-bottom:after,
.smart-forms .tip-right-bottom:after {
bottom: 100%;
border-bottom: 8px solid #333;
border-right: 8px solid transparent;
border-left: 8px solid transparent
}
.smart-forms .gui-input:focus+.tip-right,
.smart-forms .gui-textarea:focus+.tip-right {
left: 100%;
margin-left: 5px
}
.smart-forms .tip-left-top,
.smart-forms .tip-right-top {
bottom: 100%;
margin-bottom: -20px
}
.smart-forms .tip-right-top:after {
top: 100%;
right: 12px;
border-top: 8px solid #333;
border-right: 8px solid transparent;
border-left: 8px solid transparent
}
.smart-forms .gui-input:focus+.tip-right-top,
.smart-forms .gui-textarea:focus+.tip-right-top {
right: 0;
left: auto;
margin-bottom: 10px
}
.smart-forms .tip-left-top:after {
top: 100%;
left: 12px;
border-top: 8px solid #333;
border-right: 8px solid transparent;
border-left: 8px solid transparent
}
.smart-forms .gui-input:focus+.tip-left-top,
.smart-forms .gui-textarea:focus+.tip-left-top {
left: 0;
right: auto;
margin-bottom: 10px
}
.smart-forms .tip-left-bottom,
.smart-forms .tip-right-bottom {
top: 100%;
margin-top: -20px
}
.smart-forms .tip-right-bottom:after {
right: 12px
}
.smart-forms .gui-input:focus+.tip-right-bottom,
.smart-forms .gui-textarea:focus+.tip-right-bottom {
margin-top: 10px;
left: auto;
right: 0
}
.smart-forms .tip-left-bottom:after {
left: 12px
}
.smart-forms .gui-input:focus+.tip-left-bottom,
.smart-forms .gui-textarea:focus+.tip-left-bottom {
margin-top: 10px;
right: auto;
left: 0
}
.smart-forms .smart-list {
list-style: none;
margin: 0;
padding: 0
}
.smart-forms .smart-list li,
.smart-forms .spacer-b20 {
margin-bottom: 20px
}
.cal-widget .ui-datepicker:before,
.smart-forms .form-msg,
.smart-forms .progress-section {
display: none
}
.smart-forms .notification {
color: #444;
padding: 15px;
position: relative
}
.smart-forms .notification p {
margin: 0;
padding: 0 15px 0 5px;
line-height: normal
}
.smart-forms .notification .close-btn {
margin-top: -7px;
padding: inherit;
position: absolute;
text-decoration: none;
font: bold 20px/20px Arial, sans-serif;
opacity: .65;
color: inherit;
display: block;
right: 1px;
top: 14%
}
.smart-forms .notification .close-btn:hover {
opacity: 1
}
.smart-forms .alert-info {
color: #163161;
background-color: #cfe6fc
}
.smart-forms .alert-success {
color: #363;
background-color: #d2f7ad
}
.smart-forms .alert-warning {
color: #c60;
background-color: #fae7a2
}
.smart-forms .alert-error {
color: #900;
background-color: #fbdbcf
}
.smart-forms .state-error .checkbox,
.smart-forms .state-error .gui-input,
.smart-forms .state-error .gui-textarea,
.smart-forms .state-error .radio,
.smart-forms .state-error input:focus+.checkbox,
.smart-forms .state-error input:focus+.radio,
.smart-forms .state-error input:hover+.checkbox,
.smart-forms .state-error input:hover+.radio,
.smart-forms .state-error.select-multiple>select,
.smart-forms .state-error.select>select {
background: #fee9ea;
border-color: #de888a
}
.smart-forms .state-error .gui-input:focus,
.smart-forms .state-error .gui-textarea:focus,
.smart-forms .state-error.select-multiple>select:focus,
.smart-forms .state-error.select>select:focus {
-webkit-box-shadow: 0 0 3px #de888a inset;
-moz-box-shadow: 0 0 3px #de888a inset;
-o-box-shadow: 0 0 3px #de888a inset;
box-shadow: 0 0 3px #de888a inset
}
.smart-forms .state-error .gui-input~.field-icon i,
.smart-forms .state-error .gui-textarea~.field-icon i,
.smart-forms .state-error.select .arrow,
.smart-forms .state-error.select>select:focus+.arrow {
color: #de888a
}
.smart-forms .state-error .gui-input~.input-hint,
.smart-forms .state-error .gui-textarea~.input-hint,
.smart-forms .state-error.file .gui-file:hover+.gui-input {
border-color: #de888a
}
.smart-forms .state-error+em {
display: block !important;
margin-top: 6px;
padding: 0 3px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
line-height: normal;
font-size: .85em;
color: #de888a
}
.smart-forms .state-success .checkbox,
.smart-forms .state-success .gui-input,
.smart-forms .state-success .gui-textarea,
.smart-forms .state-success .radio,
.smart-forms .state-success input:focus+.checkbox,
.smart-forms .state-success input:focus+.radio,
.smart-forms .state-success input:hover+.checkbox,
.smart-forms .state-success input:hover+.radio,
.smart-forms .state-success.select-multiple>select,
.smart-forms .state-success.select>select {
background: #f0fee9;
border-color: #a5d491
}
.smart-forms .state-success .gui-input:focus,
.smart-forms .state-success .gui-textarea:focus,
.smart-forms .state-success.select-multiple>select:focus,
.smart-forms .state-success.select>select:focus {
-webkit-box-shadow: 0 0 3px #a5d491 inset;
-moz-box-shadow: 0 0 3px #a5d491 inset;
-o-box-shadow: 0 0 3px #a5d491 inset;
box-shadow: 0 0 3px #a5d491 inset
}
.smart-forms .state-success .gui-input~.field-icon i,
.smart-forms .state-success .gui-textarea~.field-icon i,
.smart-forms .state-success.select .arrow,
.smart-forms .state-success.select>select:focus+.arrow {
color: #a5d491
}
.smart-forms .state-success .gui-input~.input-hint,
.smart-forms .state-success .gui-textarea~.input-hint,
.smart-forms .state-success.file .gui-file:hover+.gui-input {
border-color: #a5d491
}
.smart-forms .button[disabled],
.smart-forms .state-disabled .button,
.smart-forms .switch>input[disabled]+label,
.smart-forms input[disabled]+.checkbox,
.smart-forms input[disabled]+.radio {
cursor: default;
opacity: .5
}
.smart-forms .file .gui-file[disabled]+.gui-input,
.smart-forms .file .gui-file[disabled]:hover+.gui-input,
.smart-forms .gui-input[disabled],
.smart-forms .gui-input[disabled]~.input-hint,
.smart-forms .gui-textarea[disabled],
.smart-forms .gui-textarea[disabled]~.input-hint,
.smart-forms .select-multiple select[disabled],
.smart-forms .select>select[disabled] {
background-color: #f4f6f6;
border-color: #d5dbdb !important;
cursor: default;
color: #d5dbdb;
opacity: .7
}
.smart-forms .select>select[disabled]+.arrow,
.smart-forms input[disabled]~.field-icon i,
.smart-forms textarea[disabled]~.field-icon i {
opacity: .4
}
.ui-datepicker {
width: 18em;
margin-top: 8px;
display: none;
background: #fff;
position: relative;
font: 14px/1.55 Roboto, Arial, Helvetica, sans-serif;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .1);
-o-box-shadow: 0 0 4px rgba(0, 0, 0, .1);
box-shadow: 0 0 4px rgba(0, 0, 0, .1);
border: 1px solid #cfcfcf;
z-index: 9999 !important;
text-align: center;
color: #666
}
.ui-datepicker a {
color: #404040;
text-align: center
}
.ui-datepicker .ui-state-disabled span {
color: #dbdbdb
}
.ui-datepicker .ui-datepicker-header {
position: relative;
background: #f5f5f5;
border-bottom: 1px solid #cfcfcf;
line-height: 27px;
font-size: 15px;
padding: 10px
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
width: 34px;
height: 34px;
display: block;
font-size: 14px;
position: absolute;
text-decoration: none;
cursor: pointer;
color: #4ebd4a;
top: 20.5%
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
color: #4ebd4a
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
margin: 0 0 .4em;
border-collapse: collapse
}
.ui-datepicker th {
padding: .5em .3em;
text-align: center;
font-weight: 700;
border: 0
}
.ui-datepicker td {
border: 0;
padding: 2px 5px
}
.ui-datepicker td a,
.ui-datepicker td span {
padding: .25em;
display: block;
text-align: center;
text-decoration: none
}
.ui-datepicker td a:hover,
.ui-datepicker td span:hover {
background: #f5f5f5
}
.ui-datepicker .ui-state-disabled span:hover {
background: 0
}
.ui-datepicker .ui-state-highlight,
.ui-datepicker-today a,
.ui-datepicker-today a:hover {
font-weight: 700;
background: #4ebd4a !important;
color: #fff
}
.cal-widget .ui-datepicker {
width: 100%;
margin-top: 0
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.333%
}
.smart-forms .frm-row .colm3,
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0
}
.ui-datepicker-buttonpane {
border-top: 1px solid #cfcfcf;
padding: 10px
}
.ui-datepicker-buttonpane button {
padding: 8px 12px;
margin-right: .2em;
position: relative;
line-height: normal;
display: inline-block;
vertical-align: middle;
background: #dbdbdb;
text-align: center;
overflow: visible;
color: #243140;
border: 0
}
.ui-monthpicker .ui-datepicker-header {
margin-bottom: 3px
}
.smart-forms .slider-wrapper,
.smart-forms .sliderv-wrapper {
background: #e5e5e5;
position: relative
}
.smart-forms .ui-slider {
position: relative;
text-align: left
}
.smart-forms .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.5em;
height: 1.5em;
cursor: default;
background: #fff;
border: 3px solid #4ebd4a;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
-ms-touch-action: none;
touch-action: none;
margin-top: -3px;
outline: 0
}
.smart-forms .ui-slider .ui-slider-handle:before {
content: '';
width: 7px;
height: 7px;
position: absolute;
background-color: #4ebd4a;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
z-index: 2;
left: 4px;
top: 4px
}
.smart-forms .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
background-color: #4ebd4a
}
.smart-forms .ui-slider.ui-state-disabled .ui-slider-handle,
.smart-forms .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit
}
.smart-forms .ui-slider-horizontal {
height: .5em
}
.smart-forms .ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em
}
.smart-forms .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.smart-forms .sliderv-wrapper,
.smart-forms .ui-slider-vertical {
width: .5em;
height: 100px
}
.smart-forms .ui-slider-vertical .ui-slider-handle {
left: -.45em;
margin-left: 0;
margin-bottom: -.6em
}
.smart-forms .ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.smart-forms .ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.smart-forms .ui-slider-vertical .ui-slider-range-max {
top: 0
}
.smart-forms .slider-input {
color: #f6931f !important;
border: 0;
background: 0
}
.smart-forms .slider-group .sliderv-wrapper {
height: 150px;
float: left;
margin: 15px
}
.smart-forms .ui-slider .ui-state-active {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing
}
.smart-forms .slider-tip {
display: block;
position: absolute;
text-align: center;
font: 10pt Tahoma, Arial, sans-serif;
background: #333;
padding: 10px;
color: #fff
}
.smart-forms .slider-wrapper .slider-tip {
top: -50px;
left: -15px
}
.smart-forms .slider-wrapper .slider-tip:after {
content: '';
position: absolute;
top: 98%;
left: 35%;
border-top: 8px solid #333;
border-right: 8px solid transparent;
border-left: 8px solid transparent
}
.smart-forms .sliderv-wrapper .slider-tip {
left: 30px;
top: -12px
}
.smart-forms .sliderv-wrapper .slider-tip:after {
content: '';
position: absolute;
top: 30%;
right: 98%;
border-right: 8px solid #333;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent
}
.smart-forms .yellow-slider .ui-slider .ui-slider-handle {
border-color: #faa226
}
.smart-forms .bar-yellow>.bar,
.smart-forms .yellow-slider .ui-slider .ui-slider-handle:before,
.smart-forms .yellow-slider .ui-slider .ui-slider-range {
background-color: #faa226
}
.smart-forms .red-slider .ui-slider .ui-slider-handle {
border-color: #ee4f3d
}
.smart-forms .bar-red>.bar,
.smart-forms .red-slider .ui-slider .ui-slider-handle:before,
.smart-forms .red-slider .ui-slider .ui-slider-range {
background-color: #ee4f3d
}
.smart-forms .purple-slider .ui-slider .ui-slider-handle {
border-color: #9464e2
}
.smart-forms .bar-purple>.bar,
.smart-forms .purple-slider .ui-slider .ui-slider-handle:before,
.smart-forms .purple-slider .ui-slider .ui-slider-range {
background-color: #9464e2
}
.smart-forms .blue-slider .ui-slider .ui-slider-handle {
border-color: #00acee
}
.smart-forms .black-slider .ui-slider .ui-slider-handle {
border-color: #505558
}
.smart-forms .bar-black>.bar,
.smart-forms .black-slider .ui-slider .ui-slider-handle:before,
.smart-forms .black-slider .ui-slider .ui-slider-range {
background-color: #505558
}
.smart-forms .green-slider .ui-slider .ui-slider-handle {
border-color: #0e993c
}
.smart-forms .bar-green>.bar,
.smart-forms .green-slider .ui-slider .ui-slider-handle:before,
.smart-forms .green-slider .ui-slider .ui-slider-range {
background-color: #0e993c
}
.ui-timepicker-div .ui-widget-header {
position: relative;
background: #f5f5f5;
line-height: 27px;
font-size: 15px;
padding: 10px
}
.ui-timepicker-div dl {
text-align: left;
border: 1px solid #cfcfcf;
border-width: 1px 0 0;
padding: 15px 10px;
margin: 0
}
.ui-timepicker-div dl dt {
float: left;
clear: left;
padding: 0 0 0 5px
}
.ui-timepicker-div dl dd {
margin: 0 10px 20px 40%
}
.ui-timepicker-div dl .ui_tpicker_hour,
.ui-timepicker-div dl .ui_tpicker_millisec,
.ui-timepicker-div dl .ui_tpicker_minute,
.ui-timepicker-div dl .ui_tpicker_second {
background: #e5e5e5;
position: relative;
top: 6px
}
.ui-timepicker-div td {
font-size: 90%
}
.ui-tpicker-grid-label {
background: 0;
border: 0;
margin: 0;
padding: 0
}
.ui-timepicker-rtl {
direction: rtl
}
.ui-timepicker-rtl dl {
text-align: right;
padding: 0 5px 0 0
}
.ui-timepicker-rtl dl dt {
float: right;
clear: right
}
.ui-timepicker-rtl dl dd {
margin: 0 40% 10px 10px
}
.smart-forms .progress-bar {
position: relative;
background: #e5e5e5
}
.smart-forms .progress-bar .percent {
position: absolute;
display: inline-block;
top: -3px;
right: -24px;
font-size: 9px;
color: #93a2aa
}
.smart-forms .progress-bar>.bar {
width: 60%;
height: 7px;
display: block;
background-color: #bdc3c7
}
.smart-forms .bar-primary>.bar {
background-color: #4ebd4a
}
.smart-forms .progress-bar>.bar,
.smart-forms .progress>button[type=submit],
.smart-forms .progress>button[type=submit]:hover,
.smart-forms .ui-slider .ui-slider-range {
background-size: 16px 16px;
background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
background-image: -moz-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
background-image: -o-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3))
}
.smart-forms .progress-animated>.bar,
.smart-forms .progress>button[type=submit],
.smart-forms .progress>button[type=submit]:hover {
-webkit-animation: .6s linear infinite sfprogress;
-moz-animation: .6s linear infinite sfprogress;
-o-animation: .6s linear infinite sfprogress;
animation: .6s linear infinite sfprogress
}
.smart-forms .progress>button[type=submit]:hover {
cursor: wait
}
@-webkit-keyframes sfprogress {
from {
background-position: 0 0
}
to {
background-position: -16px 0
}
}
@-moz-keyframes sfprogress {
from {
background-position: 0 0
}
to {
background-position: -16px 0
}
}
@-o-keyframes sfprogress {
from {
background-position: 0 0
}
to {
background-position: -16px 0
}
}
@keyframes sfprogress {
from {
background-position: 0 0
}
to {
background-position: -16px 0
}
}
.smart-forms .map-container {
padding: 10px;
border: 1px solid #cfcfcf
}
.smart-forms #map_canvas {
width: 100%;
height: 300px;
overflow: hidden
}
.smart-forms .frm-row {
margin: 0 -10px
}
.smart-forms .frm-row:after,
.smart-forms .frm-row:before,
.smart-forms .slider-group:after,
.smart-forms .slider-group:before {
display: table;
content: "";
line-height: 0
}
.smart-forms .frm-row:after,
.smart-forms .slider-group:after {
clear: both
}
.smart-forms .frm-row .colm {
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
float: left
}
.smart-forms .frm-row .colm1 {
width: 8.33%
}
.smart-forms .frm-row .colm2 {
width: 16.66%
}
.smart-forms .frm-row .colm5 {
width: 41.66%
}
.smart-forms .frm-row .colm7 {
width: 58.33%
}
.smart-forms .frm-row .colm8 {
width: 66.66%
}
.smart-forms .frm-row .colm9 {
width: 75%
}
.smart-forms .frm-row .colm10 {
width: 83.33%
}
.smart-forms .frm-row .colm11 {
width: 91.66%
}
.smart-forms .frm-row .colm1-5 {
width: 20%
}
.smart-forms .frm-row .colm1-8 {
width: 12.5%
}
.smart-forms .spacer {
border-top: 1px solid #cfcfcf;
display: block;
height: 0
}
.smart-forms .spacer-t10 {
margin-top: 10px
}
.smart-forms .spacer-b10 {
margin-bottom: 10px
}
.smart-forms .spacer-t15 {
margin-top: 15p
}
.smart-forms .spacer-b15 {
margin-bottom: 15px
}
.smart-forms .spacer-t20 {
margin-top: 20px
}
.smart-forms .spacer-t25 {
margin-top: 25px
}
.smart-forms .spacer-b25 {
margin-bottom: 25px
}
.smart-forms .spacer-t30 {
margin-top: 30px
}
.smart-forms .spacer-b30 {
margin-bottom: 30px
}
.smart-forms .spacer-t40 {
margin-top: 40px
}
.smart-forms .spacer-b40 {
margin-bottom: 40px
}
.smart-forms .frm-row .pad-l10 {
padding-left: 10px
}
.smart-forms .frm-row .pad-r10 {
padding-right: 10px
}
.smart-forms .frm-row .pad-l20 {
padding-left: 20px
}
.smart-forms .frm-row .pad-r20 {
padding-right: 20px
}
.smart-forms .frm-row .pad-l30 {
padding-left: 30px
}
.smart-forms .frm-row .pad-r30 {
padding-right: 30px
}
.smart-forms .frm-row .pad-l40 {
padding-left: 40px
}
.smart-forms .frm-row .pad-r40 {
padding-right: 40px
}
.smart-forms .bdl {
border-left: 1px solid #cfcfcf
}
.smart-forms .bdr {
border-right: 1px solid #cfcfcf
}
.smart-forms .fine-grey {
color: #999
}
.smart-forms .small-text {
font-size: 11px;
font-style: normal
}
.smart-forms .text-align {
height: 42px;
line-height: 42px
}
.smart-forms .align-right {
text-align: right
}
.smart-forms .align-center {
text-align: center
}
.smart-forms .price-box {
padding: 30px;
text-align: center;
position: relative;
border: 1px solid #cfcfcf;
font-family: Arial, Helvetica, sans-serif;
-webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .05);
-moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .05);
-o-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .05);
box-shadow: 0 2px 0 0 rgba(0, 0, 0, .05)
}
.smart-forms .price-box p {
line-height: 1.5em;
color: #526066;
margin-bottom: 0
}
.smart-forms .price-box h5 {
text-transform: uppercase;
font-weight: 300;
margin: 0;
font-size: 15px;
color: #b0b2b9;
letter-spacing: 2px
}
.smart-forms .price-box h4 {
font-size: 60px;
font-weight: 300;
margin: 0;
color: #626262
}
.smart-forms .price-box h4 sup {
position: relative;
font-size: 30px;
vertical-align: top;
top: 15px
}
.smart-forms .expand {
height: 50px;
line-height: 50px !important;
border-radius: 3px
}
.smart-forms .ribbon,
.smart-forms .ribbon-large {
width: 75px;
height: 78px;
overflow: hidden;
position: absolute;
right: -2px;
top: -2px;
z-index: 1
}
.smart-forms .ribbon-inner {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .15);
-moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .15);
-o-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .15);
box-shadow: 0 2px 0 0 rgba(0, 0, 0, .15);
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background: #4ebd4a;
letter-spacing: 4px;
text-align: center;
position: relative;
font-weight: 700;
font-size: 14px;
padding: 7px 0;
width: 100px;
color: #fff;
z-index: 1;
left: 3px;
top: 6px
}
.smart-forms .ribbon-inner:after,
.smart-forms .ribbon-inner:before {
content: "";
border-top: 3px solid #3c9b39;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px
}
.smart-forms .ribbon-large {
width: 115px;
height: 118px
}
.smart-forms .ribbon-large .ribbon-inner {
width: 160px;
left: -8px;
top: 28px
}
.smart-forms .sfcode {
padding-left: 24px
}
.smart-forms .captcode {
padding: 0;
position: relative
}
.smart-forms .captcode img {
position: relative;
top: 1px
}
.smart-forms .refresh-captcha {
position: absolute;
background: #4ebd4a;
border: 3px solid #3c9b39;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
right: -15px;
height: 32px;
width: 32px;
top: 4px
}
.smart-forms .refresh-captcha i {
position: absolute;
text-align: center;
line-height: 26px;
font-size: 17px;
color: #fff;
left: 24%
}
.smart-forms .refresh-black {
background: #505558;
border-color: #333
}
.smart-forms .refresh-blue {
background: #00acee;
border-color: #0087bb
}
.smart-forms .refresh-green {
background: #0e993c;
border-color: #0b792f
}
.smart-forms .refresh-purple {
background: #9464e2;
border-color: #7639da
}
.smart-forms .refresh-red {
background: #ee4f3d;
border-color: #e42914
}
.smart-forms .refresh-yellow {
background: #faa226;
border-color: #e88a05
}
@-moz-document url-prefix() {
.smart-forms .select:before {
content: '';
pointer-events: none;
-moz-transition: none;
transition: none;
position: absolute;
background: #f5f5f5;
width: 36px;
right: 1px;
top: 1px;
bottom: 1px;
z-index: 99
}
.smart-forms .select:hover select,
.smart-forms .select:hover:before,
.smart-forms .select>select:focus,
.smart-forms .select>select:hover {
background: #fff;
-moz-transition: none;
transition: none;
-moz-box-shadow: none;
box-shadow: none
}
.smart-forms .select .arrow {
z-index: 100
}
.smart-forms .state-error.select:before,
.smart-forms .state-error.select:hover select,
.smart-forms .state-error.select:hover:before,
.smart-forms .state-error.select>select:focus,
.smart-forms .state-error.select>select:hover {
background: #fee9ea
}
.smart-forms .state-success.select:before,
.smart-forms .state-success.select:hover select,
.smart-forms .state-success.select:hover:before,
.smart-forms .state-success.select>select:focus,
.smart-forms .state-success.select>select:hover {
background: #f0fee9
}
}
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.smart-forms .select .arrow:after,
.smart-forms .select .arrow:before {
display: block
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.smart-forms .captcode,
.smart-forms .option,
.smart-forms .rating,
.smart-forms .switch {
-webkit-animation: 1s infinite bugfix
}
@-webkit-keyframes bugfix {
from,
to {
padding: 0
}
}
.smart-forms .switch {
margin-right: 10px;
margin-bottom: 5px
}
.smart-forms .option {
margin-right: 15px
}
}
@media(max-width:600px) {
.smart-forms .frm-row {
margin: 0
}
.smart-forms .frm-row .colm {
width: 100%;
float: none;
padding: 0
}
.smart-forms .bdl {
border-left: 0
}
.smart-forms .bdr {
border-right: 0
}
.smart-forms .align-right {
text-align: left
}
}
</style>
<div class="smart-forms wrap-1 p-1">
<div class="spacer-t20 spacer-b20">
<div class="tagline">
<span>
<strong>ÖDEME ŞEKLİNİ SEÇİNİZ</strong>
</span>
</div>
</div>
<section>
<div class="form-check form-check-inline mt-0 p-0">
<label for="radioodeme_0" class="option block" style="cursor:pointer !important;user-select: none;">
<input type="radio" name="odeme" id="radioodeme_0" value="Kapıda Nakit Ödeme">
<span class="radio" style="top: 5px !important;"></span> Kapıda Nakit Ödeme </label>
</div>
<br>
<div class="form-check form-check-inline mt-0 p-0">
<label for="radioodeme_1" class="option block" style="cursor:pointer !important;user-select: none;">
<input type="radio" name="odeme" id="radioodeme_1" value="Kapıda Kredi Kartı" checked="">
<span class="radio" style="top: 5px !important;"></span> Kapıda Kredi Kartı </label>
</div>
<br>
<div>
<input class="display-d" type="radio" name="odeme" value="" style="position: relative; height:0px;width:0px;opacity:0;" required="">
<div class="invalid-feedback mt-3">*Lütfen Ödeme Türü Seçiniz!</div>
</div>
</section>
<div class="smart-forms wrap-1 kargofirmakapsa" style="display:none;">
<div class="spacer-t20 spacer-b20">
<div class="tagline">
<span>
<strong>KARGO FİRMA SEÇİNİZ</strong>
</span>
</div>
</div>
<div class="kargofirmakampanyaustbuton" style="text-align: center;margin-bottom: 7px;font-size: 16px;padding: 15px;font-weight: 600;color: #fff;background-color: #0c7b14;cursor:pointer;display:none;">
</div>
<section>
<div class="col-md-12 mb-0">
<select name="kargofirma" class="gui-input form-control" id="kargofirma">
<option value="">Kargo Firması Seçiniz...</option>
</select>
<div class="valid-feedback"></div>
<div class="invalid-feedback">*Lütfen Kargo Firması Seçiniz!</div>
</div>
<div>
<div class="invalid-feedback mt-3">*Lütfen Kargo Firması Seçiniz!</div>
</div>
</section>
</div>
<div class="spacer-t30 spacer-b30">
<div class="tagline">
<span>
<strong>TESLİMAT BİLGİLERİNİ GİRİNİZ</strong>
</span>
</div>
</div>
</div>
<div class="frm-row abca p-1">
<div class="colm colm6">
<div class="col-md-12 mb-3">
<input type="text" name="ad" id="isim" style="padding-left:10px !important;" class="gui-input form-control " placeholder="Adınız Soyadınız :" required="">
<div class="valid-feedback"></div>
<div class="invalid-feedback">*Lütfen İsim ve Soyisminizi Belirtiniz.</div>
</div>
<div class="col-md-12 mb-3">
<input type="text" name="tel" inputmode="numeric" style="padding-left:10px !important;" class="gui-input form-control tel-mask" placeholder="Cep Telefonu Numaranız" minlength="16" maxlength="16" required="">
<div class="valid-feedback"></div>
<div class="invalid-feedback">*Girdiğiniz Telefon Numarası Hatalı!</div>
</div>
<div class="col-md-12 mb-3">
<select name="sehir" class="gui-input form-control" id="sehir" required="">
<option value="">Şehir Seçiniz...</option>
<option value="ADANA">ADANA</option>
<option value="ADIYAMAN">ADIYAMAN</option>
<option value="AFYONKARAHİSAR">AFYONKARAHİSAR</option>
<option value="AĞRI">AĞRI</option>
<option value="AKSARAY">AKSARAY</option>
<option value="AMASYA">AMASYA</option>
<option value="ANKARA">ANKARA</option>
<option value="ANTALYA">ANTALYA</option>
<option value="ARDAHAN">ARDAHAN</option>
<option value="ARTVİN">ARTVİN</option>
<option value="AYDIN">AYDIN</option>
<option value="BALIKESİR">BALIKESİR</option>
<option value="BARTIN">BARTIN</option>
<option value="BATMAN">BATMAN</option>
<option value="BAYBURT">BAYBURT</option>
<option value="BİLECİK">BİLECİK</option>
<option value="BİNGÖL">BİNGÖL</option>
<option value="BİTLİS">BİTLİS</option>
<option value="BOLU">BOLU</option>
<option value="BURDUR">BURDUR</option>
<option value="BURSA">BURSA</option>
<option value="ÇANAKKALE">ÇANAKKALE</option>
<option value="ÇANKIRI">ÇANKIRI</option>
<option value="ÇORUM">ÇORUM</option>
<option value="DENİZLİ">DENİZLİ</option>
<option value="DİYARBAKIR">DİYARBAKIR</option>
<option value="DÜZCE">DÜZCE</option>
<option value="EDİRNE">EDİRNE</option>
<option value="ELAZIĞ">ELAZIĞ</option>
<option value="ERZİNCAN">ERZİNCAN</option>
<option value="ERZURUM">ERZURUM</option>
<option value="ESKİŞEHİR">ESKİŞEHİR</option>
<option value="GAZİANTEP">GAZİANTEP</option>
<option value="GİRESUN">GİRESUN</option>
<option value="GÜMÜŞHANE">GÜMÜŞHANE</option>
<option value="HAKKARİ">HAKKARİ</option>
<option value="HATAY">HATAY</option>
<option value="IĞDIR">IĞDIR</option>
<option value="ISPARTA">ISPARTA</option>
<option value="İSTANBUL">İSTANBUL</option>
<option value="İZMİR">İZMİR</option>
<option value="KAHRAMANMARAŞ">KAHRAMANMARAŞ</option>
<option value="KARABÜK">KARABÜK</option>
<option value="KARS">KARS</option>
<option value="KARAMAN">KARAMAN</option>
<option value="KASTAMONU">KASTAMONU</option>
<option value="KAYSERİ">KAYSERİ</option>
<option value="KİLİS">KİLİS</option>
<option value="KIRIKKALE">KIRIKKALE</option>
<option value="KIRKLARELİ">KIRKLARELİ</option>
<option value="KIRŞEHİR">KIRŞEHİR</option>
<option value="KOCAELİ">KOCAELİ</option>
<option value="KONYA">KONYA</option>
<option value="KÜTAHYA">KÜTAHYA</option>
<option value="MALATYA">MALATYA</option>
<option value="MANİSA">MANİSA</option>
<option value="MARDİN">MARDİN</option>
<option value="MERSİN">MERSİN</option>
<option value="MUĞLA">MUĞLA</option>
<option value="MUŞ">MUŞ</option>
<option value="NEVŞEHİR">NEVŞEHİR</option>
<option value="NİĞDE">NİĞDE</option>
<option value="ORDU">ORDU</option>
<option value="OSMANİYE">OSMANİYE</option>
<option value="RİZE">RİZE</option>
<option value="SAKARYA">SAKARYA</option>
<option value="SAMSUN">SAMSUN</option>
<option value="ŞANLIURFA">ŞANLIURFA</option>
<option value="SİİRT">SİİRT</option>
<option value="SİNOP">SİNOP</option>
<option value="SİVAS">SİVAS</option>
<option value="ŞIRNAK">ŞIRNAK</option>
<option value="TEKİRDAĞ">TEKİRDAĞ</option>
<option value="TOKAT">TOKAT</option>
<option value="TRABZON">TRABZON</option>
<option value="TUNCELİ">TUNCELİ</option>
<option value="UŞAK">UŞAK</option>
<option value="VAN">VAN</option>
<option value="YALOVA">YALOVA</option>
<option value="YOZGAT">YOZGAT</option>
<option value="ZONGULDAK">ZONGULDAK</option>
</select>
<div class="valid-feedback"></div>
<div class="invalid-feedback">*Lütfen Şehir Seçiniz!</div>
</div>
<div class="col-md-12 mb-3">
<select name="ilce" class="gui-input form-control" id="ilce" required="">
<option value="">İlçe Seçiniz</option>
</select>
<div class="valid-feedback"></div>
<div class="invalid-feedback">*Lütfen İlçe Seçiniz!</div>
</div>
</div>
</div>
<div class="col-md-12 mb-3 p-1">
<textarea class="gui-textarea form-control" id="address" name="adres" minlength="10" style="padding-left:10px !important;" rows="4" placeholder="Adresiniz" required=""></textarea>
<div class="valid-feedback"></div>
<div class="invalid-feedback">*Adresiniz doğrulanamadı, lütfen açık adresinizi eksiksiz şekilde giriniz!</div>
</div>
<div class="col-md-12 mb-1 p-1">
<button type="submit" class="btn btn-primary btn-block pt-2 pb-2 siparisbuton" style="width:100%;background-color:#12b122;border-color:#12b122;font-size: 21px;font-weight: 500;">Siparişi Tamamla </button>
</div>
</div>
</div>
</form>Text Content
n***** l**** Gaziantep 3 Adet Snailmax Serum Sipariş etti! 00 09 56 93 SİPARİŞ ADETİNİ SEÇİNİZ ↓ ↓ *Lütfen Ürün Adet Seçimi Yapınız! ↑ ↑ *Lütfen Ürün Adet Seçimi Yapınız! ÖDEME ŞEKLİNİ SEÇİNİZ Kapıda Nakit Ödeme Kapıda Kredi Kartı *Lütfen Ödeme Türü Seçiniz! KARGO FİRMA SEÇİNİZ Kargo Firması Seçiniz... *Lütfen Kargo Firması Seçiniz! *Lütfen Kargo Firması Seçiniz! TESLİMAT BİLGİLERİNİ GİRİNİZ *Lütfen İsim ve Soyisminizi Belirtiniz. *Girdiğiniz Telefon Numarası Hatalı! Şehir Seçiniz... ADANAADIYAMANAFYONKARAHİSARAĞRIAKSARAYAMASYAANKARAANTALYAARDAHANARTVİNAYDINBALIKESİRBARTINBATMANBAYBURTBİLECİKBİNGÖLBİTLİSBOLUBURDURBURSAÇANAKKALEÇANKIRIÇORUMDENİZLİDİYARBAKIRDÜZCEEDİRNEELAZIĞERZİNCANERZURUMESKİŞEHİRGAZİANTEPGİRESUNGÜMÜŞHANEHAKKARİHATAYIĞDIRISPARTAİSTANBULİZMİRKAHRAMANMARAŞKARABÜKKARSKARAMANKASTAMONUKAYSERİKİLİSKIRIKKALEKIRKLARELİKIRŞEHİRKOCAELİKONYAKÜTAHYAMALATYAMANİSAMARDİNMERSİNMUĞLAMUŞNEVŞEHİRNİĞDEORDUOSMANİYERİZESAKARYASAMSUNŞANLIURFASİİRTSİNOPSİVASŞIRNAKTEKİRDAĞTOKATTRABZONTUNCELİUŞAKVANYALOVAYOZGATZONGULDAK *Lütfen Şehir Seçiniz! İlçe Seçiniz *Lütfen İlçe Seçiniz! *Adresiniz doğrulanamadı, lütfen açık adresinizi eksiksiz şekilde giriniz! Siparişi Tamamla Kampanyalı Fiyatları Görmek için Hemen Tıkla Kalan Süre 9 dakika 56 saniye 45 kişi şuanda ürünleri inceliyor. × Close PreviousNext PreviousMaximize Next