/**
* 2010-2018 Webkul.
*
* NOTICE OF LICENSE
*
* All right is reserved,
* Please go through this link for complete license : https://store.webkul.com/license.html
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to newer
* versions in the future. If you wish to customize this module for your
* needs please refer to https://store.webkul.com/customisation-guidelines/ for more information.
*
*  @author    Webkul IN <support@webkul.com>
*  @copyright 2010-2018 Webkul IN
*  @license   https://store.webkul.com/license.html
*/

.cform {
    width: 100%;
}

.wkcontact-form strong {
    color: red;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}

.wkcontact-form .form-control {
    padding: 0.25rem 0.5rem;
}

.wkcontact-form p.clear {
    margin-top: 15px !important;
    color: inherit;
}

.cform .map {
    width: 100%;
    height: 150px;
    margin-top: 5px;
    z-index: 999;
    clear: both;
}

.address p {
    font-size: 12px;
    color: inherit;
    font-weight: bold;
}

.error {
    color: red;
    font-size: 12px;
    font-style: italic;
}

.btn-right-close {
    margin-left: -27px;
    color: inherit;
    margin-top: -11px;
    float: left;
}

.btn-left-close {
    margin-right: -24px;
    color: inherit;
    margin-top: -10px;
    float: right;
}

#wk_ajax_form_submit,
.wk-trigger {
    background: linear-gradient(to bottom, #df2220 0%, #b61310 100%);
    color: inherit;
    cursor: pointer;
    font-weight: bold;
    padding: 3px 10px;
    text-align: center;
    font-size: 14px;
    opacity: 1;
    clear: both;
    border: 2px solid #cdcdcd;
    box-shadow: 2px 0px 0px 0 rgba(0, 0, 0, .2);
}

#wk_ajax_form_submit i.material-icons {
    font-size: 20px !important;
    border-radius: 7px;
}

.btn-close {
    cursor: pointer;
}

.btn-close:hover {
    opacity: 0.8;
}

.wkcontact-form .formtxt {
    color: inherit;
    margin: 2px;
}

.wkcontact-form .form-group {
    margin-bottom: 5px;
}

#successdata {
    color: inherit;
    font-size: 15px;
    margin-top: 25px;
    text-align: center !important;
}

#columns {
    z-index: 11 !important;
}

.wk-panel {
    border: 1px solid #111111;
    height: auto;
    overflow-y: auto;
    opacity: 0.9;
    padding: 15px;
    position: fixed;
    width: 31%;
    z-index: 999999;
    filter: alpha(opacity=85);
}

.panel-top-left {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    left: 0;
    top: 5px;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
}

.panel-top-right {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    right: 0;
    top: 20px;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
}

.panel-bottom-left {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    left: 0;
    bottom: 5px;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
}

.panel-bottom-right {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    right: 0;
    bottom: 20px;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
}

a.wk-trigger {
    width: 140px;
    border: medium none;
    padding: 8px !important;
    cursor: pointer;
    font-size: 18px;
    /* height: 40px; */
    opacity: 1;
    position: fixed;
    z-index: 999;
}

a.wk-trigger:hover {
    color: #ffffff;
    background: #c30909;
}

a.trigger-top-right {
    right: 0;
    top: 20px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

a.trigger-top-left {
    left: 0;
    top: 20px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

a.trigger-bottom-right {
    right: 0;
    bottom: 20px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

a.trigger-bottom-left {
    left: 0;
    bottom: 20px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

a.trigger-right:hover,
a.trigger-left:hover {
    opacity: 0.8 !important;
}

.header-container {
    position: relative;
    z-index: 0;
}

@media (max-width: 420px) and (min-width: 240px) {
    .wk-panel {
        width: 90%;
    }
}

@media (max-width: 550px) and (min-width: 421px) {
    .wk-panel {
        width: 70%;
    }
}

@media (max-width: 767px) and (min-width: 551px) {
    .wk-panel {
        width: 50%;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .wk-panel {
        width: 40%;
    }
}

.wk-contact-us {
    margin: 15px 0;
}

#wk-loading {
    text-align: center;
    background: #ccc;
    opacity: 0.85;
    margin-bottom: 10px;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    display: none;
    z-index: 999999;
}

.wk_sl_action_loader_block {
    position:  absolute;
    top: 40%;
    left:  45%;
    opacity: 1 !important;
    z-index:  1000;
}
.wk_sl_action_loader {
    border: .25rem solid #dddddd;
    border-radius: 50%;
    border-top: .25rem solid #2592a9;
    width: 1.9rem;
    height: 1.9rem;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.wk_sl_active {
    display: block !important;
}
.wk_sl_deactive {
    display: none !important;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#product_contact_form .wk_success {
    margin: 0;
}
.cform .wk_success {
    margin: 15px 0;
}

.product_name {
    font-size: 18px;
}

.formtxt.product_name_label {
    font-weight: 600;
    font-size: 18px;
}

.quickview.modal .wk_ajax_contact_from {
    display: none;
}