-
WIBUHAX0R1337
-
/
home
/
zqegovsj
/
www
/
us3web.haibo.net
/
a_web_bak
/
css
/
[ Home ]
Create Folder
Create File
Nama File / Folder
Size
Action
animate.css
74.448KB
Edit File
Delete File
Rename
animate.min.css
56.628KB
Edit File
Delete File
Rename
bootstrap-rtl.min.css
24.319KB
Edit File
Delete File
Rename
boss_alphabet.css
1.063KB
Edit File
Delete File
Rename
boss_facecomments.css
0.141KB
Edit File
Delete File
Rename
boss_filterproduct.css
18.42KB
Edit File
Delete File
Rename
boss_megamenu.css
13.009KB
Edit File
Delete File
Rename
boss_special.css
3.141KB
Edit File
Delete File
Rename
bossblog.css
16.916KB
Edit File
Delete File
Rename
camera.css
6.275KB
Edit File
Delete File
Rename
color-2.css
130.763KB
Edit File
Delete File
Rename
color.css
0.176KB
Edit File
Delete File
Rename
colorScheme-1.css
21.933KB
Edit File
Delete File
Rename
colorScheme-2.css
21.933KB
Edit File
Delete File
Rename
colorScheme-3.css
21.933KB
Edit File
Delete File
Rename
css.css
23.062KB
Edit File
Delete File
Rename
fonts.css
5.594KB
Edit File
Delete File
Rename
fonts_courgette.css
0.7KB
Edit File
Delete File
Rename
fonts_lato.css
1.911KB
Edit File
Delete File
Rename
fonts_quicksand.css
2.965KB
Edit File
Delete File
Rename
gdpr-cookie.css
1.14KB
Edit File
Delete File
Rename
google-map.css
0.457KB
Edit File
Delete File
Rename
grid.css
9.582KB
Edit File
Delete File
Rename
jquery.jgrowl.css
3.377KB
Edit File
Delete File
Rename
loading.css
3.41KB
Edit File
Delete File
Rename
magnific-popup.min.css
5.136KB
Edit File
Delete File
Rename
main.css
44.152KB
Edit File
Delete File
Rename
meanmenu.css
2.938KB
Edit File
Delete File
Rename
nouislider.min.css
3.45KB
Edit File
Delete File
Rename
owl-carousel.css
6.146KB
Edit File
Delete File
Rename
owl.carousel.css
4.506KB
Edit File
Delete File
Rename
prettyPhoto.css
26.518KB
Edit File
Delete File
Rename
rd-mailform.css
40.296KB
Edit File
Delete File
Rename
revolutionslider_settings.css
76.063KB
Edit File
Delete File
Rename
search.css
5.259KB
Edit File
Delete File
Rename
style.css
46.021KB
Edit File
Delete File
Rename
style2.css
47.98KB
Edit File
Delete File
Rename
style_0.css
44.926KB
Edit File
Delete File
Rename
stylesheet.css
107.054KB
Edit File
Delete File
Rename
styleswitcher.css
5.162KB
Edit File
Delete File
Rename
swiper.min.css
13.346KB
Edit File
Delete File
Rename
tabs.css
2.421KB
Edit File
Delete File
Rename
vendor.css
518.846KB
Edit File
Delete File
Rename
webfonts.css
18.232KB
Edit File
Delete File
Rename
webstyle.css
131.275KB
Edit File
Delete File
Rename
@charset "UTF-8"; /* * @subsection RD Mail Form * * @description Describes style declarations for RD Mail Form extension * * @author Evgeniy Gusarov * @link https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a * @version 1.1.2 */ .rd-mailform { position: relative; text-align: left; margin-left: auto; margin-right: auto; } .rd-mailform fieldset { border: none; } .rd-mailform fieldset > .row + .row { margin-top: 10px; } .rd-mailform fieldset { display: inline-block; width: 100%; } .rd-mailform .mfPlaceHolder { font-size: 14px; } @media (min-width: 1200px) { .rd-mailform fieldset:nth-child(2) { max-width: 570px; } .rd-mailform fieldset:nth-child(3) { max-width: 590px; margin-left: 5px; } } .rd-mailform label { position: relative; display: block; width: 100%; margin-bottom: 10px; } .rd-mailform label:first-child { margin-top: 0; } .rd-mailform label input, .rd-mailform label select { height: 40px; border: 1px solid #666666; } .rd-mailform label input, .rd-mailform label select, .rd-mailform label textarea { display: block; width: 100%; -webkit-appearance: none; font-size: 14px; font-family: "Open Sans",sans-serif; font-weight: 400; line-height: 1.2; color: #000; background: #fff; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; border: 1px solid #666666; } .rd-mailform label input:-moz-placeholder, .rd-mailform label select:-moz-placeholder, .rd-mailform label textarea:-moz-placeholder { color: #000; opacity: 1; } .rd-mailform label input::-webkit-input-placeholder, .rd-mailform label select::-webkit-input-placeholder, .rd-mailform label textarea::-webkit-input-placeholder { color: #000; opacity: 1; } .rd-mailform label input::-moz-placeholder, .rd-mailform label select::-moz-placeholder, .rd-mailform label textarea::-moz-placeholder { color: #000; opacity: 1; } .rd-mailform label input:-ms-input-placeholder, .rd-mailform label select:-ms-input-placeholder, .rd-mailform label textarea:-ms-input-placeholder { color: #000; opacity: 1; } .rd-mailform label textarea { resize: vertical; overflow: auto; min-height: 40px; height: 260px; max-height: 390px; margin-top: 10px; padding: 15px; line-height: 1.3; border: 1px solid #999999; } @media (min-width: 1200px) { .rd-mailform label textarea { margin-top: 0; } } /* * MF Controls */ @-ms-keyframes fout { 0% { -moz-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); -webkit-transform: scale(1) translateX(0); transform: scale(1) translateX(0); } 100% { -moz-transform: scale(0) translateX(0); -ms-transform: scale(0) translateX(0); -o-transform: scale(0) translateX(0); -webkit-transform: scale(0) translateX(0); transform: scale(0) translateX(0); } } @-o-keyframes fout { 0% { -moz-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); -webkit-transform: scale(1) translateX(0); transform: scale(1) translateX(0); } 100% { -moz-transform: scale(0) translateX(0); -ms-transform: scale(0) translateX(0); -o-transform: scale(0) translateX(0); -webkit-transform: scale(0) translateX(0); transform: scale(0) translateX(0); } } @-webkit-keyframes fout { 0% { -moz-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); -webkit-transform: scale(1) translateX(0); transform: scale(1) translateX(0); } 100% { -moz-transform: scale(0) translateX(0); -ms-transform: scale(0) translateX(0); -o-transform: scale(0) translateX(0); -webkit-transform: scale(0) translateX(0); transform: scale(0) translateX(0); } } @-moz-keyframes fout { 0% { -moz-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); -webkit-transform: scale(1) translateX(0); transform: scale(1) translateX(0); } 100% { -moz-transform: scale(0) translateX(0); -ms-transform: scale(0) translateX(0); -o-transform: scale(0) translateX(0); -webkit-transform: scale(0) translateX(0); transform: scale(0) translateX(0); } } @keyframes fout { 0% { -moz-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); -webkit-transform: scale(1) translateX(0); transform: scale(1) translateX(0); } 100% { -moz-transform: scale(0) translateX(0); -ms-transform: scale(0) translateX(0); -o-transform: scale(0) translateX(0); -webkit-transform: scale(0) translateX(0); transform: scale(0) translateX(0); } } /* * MF Placeholder */ .mfPlaceHolder { cursor: text; position: absolute; left: 0; top: 0; padding: 0px 15px 0px; font-weight: inherit; font-size: 14px; line-height: 40px; color: #000; opacity: 1; transition: .2s all ease; } *:-webkit-autofill ~ .mfPlaceHolder { opacity: .4; } .mfPlaceHolder.state-1 { opacity: .0; } *:-webkit-autofill ~ .mfPlaceHolder { display: none; } .mfInput.filled .mfPlaceHolder.state-1 { display: none; } /* * MF Validation */ .mfValidation { position: absolute; top: 0; padding-left: 29px; right: 12px; color: #f00; font-weight: inherit; font-size: 9px; line-height: 20px; opacity: 0; visibility: hidden; z-index: 998; transition: .3s all ease; } .mfValidation.show { opacity: 1; visibility: visible; } .mfValidation.hide, .mfValidation.valid { opacity: 0; visibility: hidden; } /* * MF Submit */ .mfControls { margin-top: 29px; } .mfControls .btn { font-family: "Open Sans", sans-serif; font-weight: 700; padding-top: 14px; padding-right: 7px; padding-bottom: 14px; padding-left: 7px; } .mfInfo, .mfProgress { position: fixed; left: 15px; bottom: 15px; padding: 17px; height: 54px; color: #FFF; background: #111; border-radius: 5px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.11), 3px 4px 5px 0 rgba(0, 0, 0, 0.11); line-height: 20px; font-size: 13px; transition: .3s all ease; opacity: 0; visibility: hidden; -moz-transform: translateY(83px); -ms-transform: translateY(83px); -o-transform: translateY(83px); -webkit-transform: translateY(83px); transform: translateY(83px); z-index: 999; } .mfInfo .loader, .mfProgress .loader { display: inline-block; position: relative; margin-right: 16px; } .mfInfo .loader, .mfInfo .loader:before, .mfInfo .loader:after, .mfProgress .loader, .mfProgress .loader:before, .mfProgress .loader:after { width: 20px; height: 20px; line-height: 20px; } .mfInfo .loader:before, .mfInfo .loader:after, .mfProgress .loader:before, .mfProgress .loader:after { content: ''; position: absolute; top: 0; left: 0; } .mfInfo .loader:before, .mfProgress .loader:before { -webkit-animation: mfLoader 1.1s infinite linear; -moz-animation: mfLoader 1.1s infinite linear; -ms-animation: mfLoader 1.1s infinite linear; -o-animation: mfLoader 1.1s infinite linear; animation: mfLoader 1.1s infinite linear; border: 2px solid #FFF; border-top-color: transparent; border-radius: 50%; opacity: 1; visibility: visible; transition: .3s all ease; } .mfInfo .loader:after, .mfProgress .loader:after { opacity: 0; visibility: hidden; font-weight: 400; font-family: "FontAwesome"; font-size: 20px; transition: .6s all ease; -moz-transform: rotate(-90deg) scale(0); -ms-transform: rotate(-90deg) scale(0); -o-transform: rotate(-90deg) scale(0); -webkit-transform: rotate(-90deg) scale(0); transform: rotate(-90deg) scale(0); } .mfInfo.fail, .mfProgress.fail { background: #F34234; } .mfInfo.fail .loader:after, .mfProgress.fail .loader:after { content: '\f00d'; } .mfInfo.success, .mfProgress.success { background: #2E7D32; } .mfInfo.success .loader:after, .mfProgress.success .loader:after { content: '\f00c'; } .mfInfo.fail .loader:before, .mfInfo.success .loader:before, .mfProgress.fail .loader:before, .mfProgress.success .loader:before { opacity: 0; visibility: hidden; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .mfInfo.fail .loader:after, .mfInfo.success .loader:after, .mfProgress.fail .loader:after, .mfProgress.success .loader:after { opacity: 1; visibility: visible; -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .mfInfo.fail, .mfInfo.success, .mfInfo.sending, .mfProgress.fail, .mfProgress.success, .mfProgress.sending { opacity: 1; visibility: visible; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } @media (min-width: 768px) { .mfInfo, .mfProgress { bottom: 24px; left: 50%; -moz-transform: translate(-50%, 83px); -ms-transform: translate(-50%, 83px); -o-transform: translate(-50%, 83px); -webkit-transform: translate(-50%, 83px); transform: translate(-50%, 83px); } .mfInfo.fail, .mfInfo.success, .mfInfo.sending, .mfProgress.fail, .mfProgress.success, .mfProgress.sending { -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @-ms-keyframes mfLoader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes mfLoader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes mfLoader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes mfLoader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mfLoader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* * MF Icon */ .mfInput[data-add-icon] input, .mfInput[data-add-icon] .mfPlaceHolder { padding-right: 44px; } .mfIcon { position: absolute; text-align: center; top: 28px; right: 10px; width: 24px; height: 24px; line-height: 24px; color: #000; font: 400 20px/24px "FontAwesome"; } .mfIcon span:before, .mfIcon span:after { position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -10px; transition: .4s all ease-in-out; } .mfIcon span:before { content: ""; } .mfIcon span:after { content: ""; -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); -webkit-animation: zoom-out 0.4s ease-in-out 1 forwards; -moz-animation: zoom-out 0.4s ease-in-out 1 forwards; -ms-animation: zoom-out 0.4s ease-in-out 1 forwards; -o-animation: zoom-out 0.4s ease-in-out 1 forwards; animation: zoom-out 0.4s ease-in-out 1 forwards; } .mfIcon.state-1:after { content: ""; position: absolute; bottom: -1px; width: 0; height: 1px; background: #000; -webkit-animation: line 1.2s 0.4s infinite; -moz-animation: line 1.2s 0.4s infinite; -ms-animation: line 1.2s 0.4s infinite; -o-animation: line 1.2s 0.4s infinite; animation: line 1.2s 0.4s infinite; } .mfIcon.state-1 span:before { -moz-transform: scale(0) rotate(90deg); -ms-transform: scale(0) rotate(90deg); -o-transform: scale(0) rotate(90deg); -webkit-transform: scale(0) rotate(90deg); transform: scale(0) rotate(90deg); } .mfIcon.state-1 span:after { -moz-transform: scale(1) rotate(-35deg); -ms-transform: scale(1) rotate(-35deg); -o-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); -webkit-animation: zoom-in-state-1 0.4s ease-in-out 1 forwards, anim-1 1.2s 0.3s infinite, anim-2 0.6s 0.3s infinite; -moz-animation: zoom-in-state-1 0.4s ease-in-out 1 forwards, anim-1 1.2s 0.3s infinite, anim-2 0.6s 0.3s infinite; -ms-animation: zoom-in-state-1 0.4s ease-in-out 1 forwards, anim-1 1.2s 0.3s infinite, anim-2 0.6s 0.3s infinite; -o-animation: zoom-in-state-1 0.4s ease-in-out 1 forwards, anim-1 1.2s 0.3s infinite, anim-2 0.6s 0.3s infinite; animation: zoom-in-state-1 0.4s ease-in-out 1 forwards, anim-1 1.2s 0.3s infinite, anim-2 0.6s 0.3s infinite; } .mfIcon.state-2 span:before { content: ""; -moz-transform: scale(0) rotate(90deg); -ms-transform: scale(0) rotate(90deg); -o-transform: scale(0) rotate(90deg); -webkit-transform: scale(0) rotate(90deg); transform: scale(0) rotate(90deg); } .mfIcon.state-2 span:after { -moz-transform: scale(1) rotate(-210deg); -ms-transform: scale(1) rotate(-210deg); -o-transform: scale(1) rotate(-210deg); -webkit-transform: scale(1) rotate(-210deg); transform: scale(1) rotate(-210deg); -webkit-animation: zoom-in-state-2 0.4s ease-in-out 1 forwards, anim-3 0.6s 0.4s infinite; -moz-animation: zoom-in-state-2 0.4s ease-in-out 1 forwards, anim-3 0.6s 0.4s infinite; -ms-animation: zoom-in-state-2 0.4s ease-in-out 1 forwards, anim-3 0.6s 0.4s infinite; -o-animation: zoom-in-state-2 0.4s ease-in-out 1 forwards, anim-3 0.6s 0.4s infinite; animation: zoom-in-state-2 0.4s ease-in-out 1 forwards, anim-3 0.6s 0.4s infinite; } @-ms-keyframes anim-1 { 0% { left: 50%; } 100% { left: 90%; } } @-o-keyframes anim-1 { 0% { left: 50%; } 100% { left: 90%; } } @-webkit-keyframes anim-1 { 0% { left: 50%; } 100% { left: 90%; } } @-moz-keyframes anim-1 { 0% { left: 50%; } 100% { left: 90%; } } @keyframes anim-1 { 0% { left: 50%; } 100% { left: 90%; } } @-ms-keyframes anim-2 { 0% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 25% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 50% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 75% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 100% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } } @-o-keyframes anim-2 { 0% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 25% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 50% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 75% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 100% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } } @-webkit-keyframes anim-2 { 0% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 25% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 50% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 75% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 100% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } } @-moz-keyframes anim-2 { 0% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 25% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 50% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 75% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 100% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } } @keyframes anim-2 { 0% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 25% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 50% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } 75% { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 100% { -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } } @-ms-keyframes anim-3 { 0% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; } 50% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 90%; } 100% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; } } @-o-keyframes anim-3 { 0% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; } 50% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 90%; } 100% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; } } @-webkit-keyframes anim-3 { 0% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; } 50% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 90%; } 100% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; } } @-moz-keyframes anim-3 { 0% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; } 50% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 90%; } 100% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; } } @keyframes anim-3 { 0% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; } 50% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 90%; } 100% { -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 50%; } } @-ms-keyframes zoom-out { 0% { -moz-transform: scale(1) rotate(-35deg); -ms-transform: scale(1) rotate(-35deg); -o-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); } 100% { -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } } @-o-keyframes zoom-out { 0% { -moz-transform: scale(1) rotate(-35deg); -ms-transform: scale(1) rotate(-35deg); -o-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); } 100% { -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } } @-webkit-keyframes zoom-out { 0% { -moz-transform: scale(1) rotate(-35deg); -ms-transform: scale(1) rotate(-35deg); -o-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); } 100% { -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } } @-moz-keyframes zoom-out { 0% { -moz-transform: scale(1) rotate(-35deg); -ms-transform: scale(1) rotate(-35deg); -o-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); } 100% { -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } } @keyframes zoom-out { 0% { -moz-transform: scale(1) rotate(-35deg); -ms-transform: scale(1) rotate(-35deg); -o-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); } 100% { -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } } @-ms-keyframes zoom-in-state-1 { 0% { -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } 100% { -moz-transform: scale(1) rotate(-35deg); -ms-transform: scale(1) rotate(-35deg); -o-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); } } @-o-keyframes zoom-in-state-1 { 0% { -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } 100% { -moz-transform: scale(1) rotate(-35deg); -ms-transform: scale(1) rotate(-35deg); -o-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); } } @-webkit-keyframes zoom-in-state-1 { 0% { -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } 100% { -moz-transform: scale(1) rotate(-35deg); -ms-transform: scale(1) rotate(-35deg); -o-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); } } @-moz-keyframes zoom-in-state-1 { 0% { -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } 100% { -moz-transform: scale(1) rotate(-35deg); -ms-transform: scale(1) rotate(-35deg); -o-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); } } @keyframes zoom-in-state-1 { 0% { -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); -webkit-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } 100% { -moz-transform: scale(1) rotate(-35deg); -ms-transform: scale(1) rotate(-35deg); -o-transform: scale(1) rotate(-35deg); -webkit-transform: scale(1) rotate(-35deg); transform: scale(1) rotate(-35deg); } } @-ms-keyframes zoom-in-state-2 { 0% { -moz-transform: scale(0) rotate(-35deg); -ms-transform: scale(0) rotate(-35deg); -o-transform: scale(0) rotate(-35deg); -webkit-transform: scale(0) rotate(-35deg); transform: scale(0) rotate(-35deg); } 100% { left: 50%; -moz-transform: scale(1) rotate(150deg); -ms-transform: scale(1) rotate(150deg); -o-transform: scale(1) rotate(150deg); -webkit-transform: scale(1) rotate(150deg); transform: scale(1) rotate(150deg); } } @-o-keyframes zoom-in-state-2 { 0% { -moz-transform: scale(0) rotate(-35deg); -ms-transform: scale(0) rotate(-35deg); -o-transform: scale(0) rotate(-35deg); -webkit-transform: scale(0) rotate(-35deg); transform: scale(0) rotate(-35deg); } 100% { left: 50%; -moz-transform: scale(1) rotate(150deg); -ms-transform: scale(1) rotate(150deg); -o-transform: scale(1) rotate(150deg); -webkit-transform: scale(1) rotate(150deg); transform: scale(1) rotate(150deg); } } @-webkit-keyframes zoom-in-state-2 { 0% { -moz-transform: scale(0) rotate(-35deg); -ms-transform: scale(0) rotate(-35deg); -o-transform: scale(0) rotate(-35deg); -webkit-transform: scale(0) rotate(-35deg); transform: scale(0) rotate(-35deg); } 100% { left: 50%; -moz-transform: scale(1) rotate(150deg); -ms-transform: scale(1) rotate(150deg); -o-transform: scale(1) rotate(150deg); -webkit-transform: scale(1) rotate(150deg); transform: scale(1) rotate(150deg); } } @-moz-keyframes zoom-in-state-2 { 0% { -moz-transform: scale(0) rotate(-35deg); -ms-transform: scale(0) rotate(-35deg); -o-transform: scale(0) rotate(-35deg); -webkit-transform: scale(0) rotate(-35deg); transform: scale(0) rotate(-35deg); } 100% { left: 50%; -moz-transform: scale(1) rotate(150deg); -ms-transform: scale(1) rotate(150deg); -o-transform: scale(1) rotate(150deg); -webkit-transform: scale(1) rotate(150deg); transform: scale(1) rotate(150deg); } } @keyframes zoom-in-state-2 { 0% { -moz-transform: scale(0) rotate(-35deg); -ms-transform: scale(0) rotate(-35deg); -o-transform: scale(0) rotate(-35deg); -webkit-transform: scale(0) rotate(-35deg); transform: scale(0) rotate(-35deg); } 100% { left: 50%; -moz-transform: scale(1) rotate(150deg); -ms-transform: scale(1) rotate(150deg); -o-transform: scale(1) rotate(150deg); -webkit-transform: scale(1) rotate(150deg); transform: scale(1) rotate(150deg); } } @-ms-keyframes line { 0% { left: 40%; } 100% { left: 40%; width: 40%; } } @-o-keyframes line { 0% { left: 40%; } 100% { left: 40%; width: 40%; } } @-webkit-keyframes line { 0% { left: 40%; } 100% { left: 40%; width: 40%; } } @-moz-keyframes line { 0% { left: 40%; } 100% { left: 40%; width: 40%; } } @keyframes line { 0% { left: 40%; } 100% { left: 40%; width: 40%; } } .mfInput input[name='phone'] ~ .mfIcon span:before, .mfInput select[name='phone'] ~ .mfIcon span:before, .mfInput textarea[name='phone'] ~ .mfIcon span:before { content: ""; } .mfInput input[name='email'] ~ .mfIcon span:before, .mfInput select[name='email'] ~ .mfIcon span:before, .mfInput textarea[name='email'] ~ .mfIcon span:before { content: ""; } .mfInput input[name='name'] ~ .mfIcon span:before, .mfInput select[name='name'] ~ .mfIcon span:before, .mfInput textarea[name='name'] ~ .mfIcon span:before { content: ""; } .mfInput input[name='date'] ~ .mfIcon span:before, .mfInput select[name='date'] ~ .mfIcon span:before, .mfInput textarea[name='date'] ~ .mfIcon span:before { content: ""; } .mfInput input[name='guests'] ~ .mfIcon span:before, .mfInput select[name='guests'] ~ .mfIcon span:before, .mfInput textarea[name='guests'] ~ .mfIcon span:before { content: ""; } .mfInput input[name='message'] ~ .mfIcon, .mfInput select[name='message'] ~ .mfIcon, .mfInput textarea[name='message'] ~ .mfIcon { display: none; } .mfInput input:-webkit-autofill ~ .mfIcon span:before, .mfInput textarea:-webkit-autofill ~ .mfIcon span:before { color: #2D2D2D; } /* * MF Select */ .mfSelect { position: relative; } .mfSelect .dropdown { position: absolute; top: 100%; left: 0; width: 100%; padding-top: 5px; padding-bottom: 5px; margin-top: 15px; max-height: 300px; opacity: 0; visibility: hidden; border: 1px solid #888; box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.11); transition: .3s all ease-in-out; outline: none; -webkit-appearance: none; font-weight: inherit; line-height: 1.2; border: none; background: #fff; color: #000; border-radius: 0; z-index: 1; -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); } .mfSelect .dropdown .option { position: relative; z-index: 1; text-transform: none; cursor: pointer; padding: 10px 15px; overflow: hidden; transition: .4s all ease-in-out; transition-delay: .2s; font-size: 14px; line-height: 30px; } .mfSelect .dropdown .option.selected { background: #f2f2f2; color: #000; } .mfSelect .dropdown .option:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #365699; opacity: 0; z-index: -1; transition: .4s all ease-in-out; -moz-transform: translate(-20%, -50%); -ms-transform: translate(-20%, -50%); -o-transform: translate(-20%, -50%); -webkit-transform: translate(-20%, -50%); transform: translate(-20%, -50%); } .mfSelect .dropdown .option:before { content: '\f00c'; position: absolute; display: inline-block; left: 15px; color: #fff; font: 400 20px "FontAwesome"; line-height: inherit; transition: .4s all ease-in-out; -moz-transform: scale(0) rotate(-60deg); -ms-transform: scale(0) rotate(-60deg); -o-transform: scale(0) rotate(-60deg); -webkit-transform: scale(0) rotate(-60deg); transform: scale(0) rotate(-60deg); } .mfSelect .dropdown .option:hover { color: #fff; padding-left: 40px; transition-delay: 0s; } .mfSelect .dropdown .option:hover:before { transition-delay: .15s; -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .mfSelect .dropdown .option:hover:after { width: 500px; height: 500px; opacity: 1; } .mfSelect .dropdown:before { content: ''; position: absolute; bottom: 100%; left: 14px; width: 0; height: 0; border-style: solid; border-width: 0 7px 8px 7px; border-color: transparent transparent #eee transparent; } .mfSelect .dropdown:after { content: ''; position: absolute; bottom: 100%; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #FFF transparent; } .mfSelect .value { cursor: pointer; transition: .4s all ease-in-out; font-size: 14px; padding: 0px 29px 0px; line-height: 1.2; color: #000; background: #f7f7f7; border: none; border-radius: 0; } .mfSelect .value:before, .mfSelect .value:after { position: absolute; right: 12px; top: 28px; width: 24px; height: 24px; font: 400 20px "FontAwesome"; line-height: 24px; color: #000; text-align: center; transition: .4s all ease; } .mfSelect .value:before { content: '\f0c9'; -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .mfSelect .value:after { content: '\f107'; font-size: 24px; -moz-transform: rotate(-180deg) scale(0); -ms-transform: rotate(-180deg) scale(0); -o-transform: rotate(-180deg) scale(0); -webkit-transform: rotate(-180deg) scale(0); transform: rotate(-180deg) scale(0); } .mfSelect.show .dropdown { opacity: 1; visibility: visible; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } .mfSelect.show .value { background: #fff; color: #000; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.11), 3px 4px 5px 0 rgba(0, 0, 0, 0.11); } .mfSelect.show .value:before, .mfSelect.show .value:after { color: #000; } .mfSelect.show .value:before { -moz-transform: rotate(90deg) scale(0); -ms-transform: rotate(90deg) scale(0); -o-transform: rotate(90deg) scale(0); -webkit-transform: rotate(90deg) scale(0); transform: rotate(90deg) scale(0); } .mfSelect.show .value:after { -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } /* * MF Datepicker */ .mfDatePicker { position: absolute; top: 100%; left: 0; margin-top: 15px; padding: 10px 15px; opacity: 0; z-index: 1; visibility: hidden; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.11), 3px 4px 5px 0 rgba(0, 0, 0, 0.11); transition: .3s all ease-in-out; -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); background: #000; color: #fff; border-radius: 5px; border: 1px solid #000; } .mfDatePicker:before { content: ''; position: absolute; bottom: 100%; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #000 transparent; } .mfDatePicker table { text-align: center; border-collapse: separate; border-spacing: 3px; font-size: 12px; } .mfDatePicker table th { font-weight: 700; text-transform: uppercase; font-size: 14px; } .mfDatePicker table td { width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; transition: .3s all ease; border-radius: 50%; } .mfDatePicker table td:hover { color: #000; background: #365699; } .mfDatePicker table td.dp-offset { color: #c6bbba; } .mfDatePicker table td.dp-today { color: #000; background: #365699; } .mfDatePicker table td.dp-selected { color: #fff; background: #365699; } .mfDatePicker_title { font-size: 16px; line-height: 30px; } .mfDatePicker_next, .mfDatePicker_prev { font: 400 22px "FontAwesome"; line-height: inherit; text-align: center; color: #365699; cursor: pointer; } .mfDatePicker_next:hover, .mfDatePicker_prev:hover { color: #365699; } .mfDatePicker_panel { text-align: center; padding: 0 2px; line-height: 30px; } .mfDatePicker_next { float: right; } .mfDatePicker_next:before { content: '\f105'; } .mfDatePicker_prev { float: left; } .mfDatePicker_prev:before { content: '\f104'; } .mfDatePicker_panel + table { margin-top: 5px; } .mfDatePicker.open { -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } /*# sourceMappingURL=rd-mailform.css.map */
Save!!!
© 2022 - 2023 WIBUHAXOR V1 By Lutfifakee || Padang Blackhat