Request an Invite
Career
Contact
Search
Redsip.co
Request an Invite
Career
Contact
Contact us
Your Name (required)
Your Email (required)
Subject
Your Message
By Email: contact at
support@redsip.co
Edit with Live CSS
.color-48{ color: #484848; } .modal-list-wrapper-new .list-main-txt{ cursor:pointer; } .modal-list-wrapper-new>li.active{ background: #f9f9f9; } .flex-one{ flex: 1; } .rotate{ transform: rotate(15deg); } .rotate { transform: rotate(15deg); } .max-container{ max-width: 640px; margin: auto; text-align: center; font-family: Lato; } .own-txt { font-size: 20px; line-height: 1.4em; } .form-wrapper{ display: flex; width: 100%; justify-content: center; } .heading-own { font-size: 28px; line-height: 1.4em; } .pb-own { padding-bottom: 15px; } .font-300 { font-weight: 300; } .form-container{ position: relative; max-width:480px; width:100%; } .own-input-tag { width: 100%; height: 40px; border-radius: 6px; border: 2px solid #dddddd !important; padding: 10px 40px 10px 10px; font-size:16px; border-style:solid; -webkit-appearance: none; } .wine-name { font-size: 13px; color: #747474; text-align: center; padding: 12px 15px 5px; max-width: 325px; margin: 10px auto 0; } .form-icon-wrapper{ position: absolute; right: 10px; top: 10px; cursor:pointer; pointer-events: none; } .btn-other-wrapper{ display: flex; justify-content: center; align-items: center; } .px-20{ padding-left: 20px; padding-right: 20px } .red-btn{ background: #e10000; border: none; border-radius: 30px; color: #fff; padding: 5px 15px; font-weight: 300; } .modal-own{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.36); display: flex; align-items: center; justify-content: center; transition: all .3s ease; opacity: 0; z-index: -1000; font-family: Lato; padding:15px; } .red.modal-own .modal-list-wrapper-new{ color:#e10000; } .modal-inner-wrapper{ padding: 15px 20px 20px; } .d-flex{ display:flex; flex-wrap:wrap; } .align-items-end{ align-items:flex-end; } .wine-fact .modal-txt{ flex: 1; padding: 0px 15px 20px; text-align: center; color: #494848; margin: 0 auto; font-size: 16px; } .wine-img-wrapper img{ width:75px; } .wine-fact .modal-header{ text-align:center; } .fine-wine-btn{ text-align:right; padding-bottom:5px; } .wine-fact .modal-container { width: 350px; } .modal-own.active{ z-index: 2000; opacity: 1; } .modal-container{ width: 450px; border-radius: 4px; background: #fff; box-shadow: 0 0 20px 3px #717171; } .list-details-wrapper { display: flex; flex-wrap: wrap; } .modal-list-wrapper { padding-left: 0; list-style: none; margin: 0; } .td-fix-index { transform: initial!important; } .sound-list-wrapper{ list-style: none; padding-left: 0; padding-top: 8px; } .sound-list-wrapper>li{ display: inline-block; padding-left: 8px; margin-left:0; } .sound-wrapper{ margin-left: auto; } .list-heading-txt{ background: #e4e4e4; padding: 4px 15px; font-size: 13px; } .list-details-wrapper{ padding:8px 15px; } .modal-list-wrapper>li{ margin-left:0; } .list-main-txt, .prod-name{ font-size: 18px; } .list-main-txt{ } .left-side-details{ flex:1; } .prod-name{ padding-top: 5px; } .list-secondary-txt{ padding-top: 5px; color: #bbb; } .modal-header { padding: 15px; font-size: 13px; display: flex; flex-wrap: wrap; } .modal-header .text-wrapper{ flex: 1; } .modal-cross-icon img{ cursor: pointer; } .voice-list-wrapper { list-style: none; padding-left: 0; display: flex; flex-wrap: wrap; justify-content: center; padding-top: 15px; border-bottom: 1px solid rgba(221, 221, 221, 0.47); padding-bottom: 5px; margin-top: 0; } .voice-list-wrapper>li { margin-left: 0; padding-left: 30px; padding-right: 30px; text-align: center; cursor: pointer; } .voice-list-wrapper>li .voice-txt-wrapper { padding-top: 10px; color: #c7c7c7; } .voice-list-wrapper>li.active .voice-txt-wrapper { color: #333; } .modal-cross-icon { position: absolute; right: 15px; top: 15px; z-index: 3; } .modal-list-wrapper-new{ color:#363636; font-size:24px; } .modal-list-wrapper-new>li { display: flex; align-items: center; flex-wrap: wrap; padding-bottom: 5px; padding-top:5px; margin-left: 0; padding-left: 25px; padding-right: 25px; } .modal-list-wrapper-new>li:last-child { padding-bottom: 0; } .red.modal-own .voice-button-wrapper{ background: #ffbfcb; } .voice-button-wrapper { height: 60px; width: 60px; border: 1px solid #ddd; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 15px; cursor: pointer; } .text-center { text-align: center; } .modal-header { position: relative; color: #A80D0D; font-size: 14px; padding-bottom: 10px; } .modal-header-img{ position: absolute; left: 15px; top: 12px; } .voice-button-wrapper audio{ position: absolute; opacity: 0; z-index: -200; visiblity:hidden; } .voice-list-wrapper > li.active .inactive, .voice-list-wrapper > li .active { display: none; } .voice-list-wrapper > li.active .active, .voice-list-wrapper > li .inactive{ display: inline-block; } .full-screen-loader{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index:9999; display:none; background-color: rgba(0, 0, 0, 0.5); } .full-screen-loader::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 8px solid #f3f3f3; border-radius: 50%; border-top: 8px solid #A80000; width: 46px; height: 46px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform:translate(-50%,-50%) rotate(0deg); } 100% { -webkit-transform:translate(-50%,-50%) rotate(360deg); } } @keyframes spin { 0% { transform:translate(-50%,-50%) rotate(0deg); } 100% { transform:translate(-50%,-50%) rotate(360deg); } } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{ border: 1px solid #9e0000!important; background: #a80000!important; } .error-modal .modal-txt { padding:15px; } .error-modal .modal-container{ width: 350px; } .ui-state-active strong, .ui-widget-content .ui-state-active strong, .ui-widget-header .ui-state-active strong, a.ui-button:active strong, .ui-button:active strong, .ui-button.ui-state-active:hover strong { color: #fff; } strong { font-weight: bold; color: #9e0000; } .cursor{ cursor: pointer; } .pad-up-small { padding-top: 10px; } .font-18{ font-size: 18px; }