div#fancybox-content {
    border-width: 0 !important;
    /*width: 100% !important;*/
  }
  #fancybox-outer {
      background-color: #fff;
      border: 1px solid rgba(0,0,0,.3);
      border-radius: 6px;
      box-shadow: 0 3px 7px rgba(0,0,0,.3);
      background-clip: padding-box;
  }
  div#fancybox-content {
    border-radius: 6px;
  }
  div #fancybox-close {
    top: 13px;
    right: 10px;
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
  }
  #fancybox-wrap {
    width: 520px;
  }
  #fancybox-overlay {
      opacity: 0.8 !important;
      background: #000 !important;
  }
  #fancybox-outer {
    width: 520px;
  }

  #oneclickform {
    /*padding: 0 10px;*/
    width: 520px;
  }  
    #oneclickform .heading {
      font-family: CalibriMy, Arial, Helvetica, sans-serif;  
      padding: 9px 15px;
      border-bottom: 1px solid #eee;
      font-size: 18px;
      line-height: 27px;
      font-weight: 700;
      color: #000;
    }    
    #oneclickform .description {
      overflow: auto;
      padding: 15px 15px;
    }    
      #oneclickform .description .name {
        float: left;  
        width: 70%;
        display: block;
        font-family: CalibriMy, Arial, Helvetica, sans-serif;
        font-size: 17px;
        line-height: 18px;
        font-weight: 700;
        color: #000;     
      }    
      #oneclickform .description .name {

      }

        #oneclickform .myDesc {
          color: #000 !important;
        }
        #oneclickform .myDesc span {
          font-weight: 500 !important;
          color: #000 !important;
        }

        #oneclickform .description .name span {
          color: #cc3036;
        }
      #oneclickform .description .image {
        float: right;  
        width: 30%;
        display: block;
        text-align: right;
      }     
        #oneclickform .description .image img {
          width: 140px;
        }
    #oneclickform .form {  
      padding-bottom: 20px;
    }     
      #oneclickform .form .heading {  
        display: block;
        padding: 0;
        margin-bottom: 20px;
        font-size: 19.5px;
        line-height: 36px;
        color: #333;
        border: 0;
        border-bottom: 1px solid #e5e5e5;
        font-weight: 500;
        margin-left: 10px;
        margin-right: 10px;
      }    
      #oneclickform .field:first-of-type {
        margin-top: 20px;
      }
      #oneclickform .field {  
        padding: 5px 0 5px 20px;
        overflow: auto
      }  
        .error span {
          /*border-color: red !important;*/
        }        
        .error input {
          /*border-color: red !important;*/
          background: rgba(255, 50, 46, 0.19);
        }
        #oneclickform .field label {
          font-size: 14px;
          font-weight: 700;
          color: #000;
          display: inline-block;
          width: 100px;
          text-align: right;
          padding-right: 10px;
        }  
        #oneclickform .field div {
          display: inline-block;
        }         
          #oneclickform .field div span {
            display: block;
            background: #eee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACWSURBVDhPxdCxCoJQFIDh656TQ5Ag+BDRGI0huuriK/gOjU6+QE/QQ9TScwQN4eogIgjWf4K7NOQRgn74hnvgwOGaX+ShxOr9UubgjCdOMtAWQJasHVQt0MMuVlB3hCwN8GWgbYkaI/YymNMWcnKDtQzmlEDObZEhxxUpJovRwX6WdUGIr21wx+dyhMlcHHDDAwX+kjEvxPUjqPIVwbUAAAAASUVORK5CYII=') no-repeat center center;
            height: 27px;
            width: 27px;
            position: absolute;
            border: 1px solid #ccc;
            border-radius: 3px 0 0 3px;
            /*position: relative;*/
          }  
          #oneclickform .field div span.phone {
            background: #eee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACWSURBVDhPxdCxCoJQFIDh656TQ5Ag+BDRGI0huuriK/gOjU6+QE/QQ9TScwQN4eogIgjWf4K7NOQRgn74hnvgwOGaX+ShxOr9UubgjCdOMtAWQJasHVQt0MMuVlB3hCwN8GWgbYkaI/YymNMWcnKDtQzmlEDObZEhxxUpJovRwX6WdUGIr21wx+dyhMlcHHDDAwX+kjEvxPUjqPIVwbUAAAAASUVORK5CYII=') no-repeat center center;
          }
          #oneclickform .field div span.quantity {
            background: #eee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACuSURBVDhPpdLBCgFBHMfxTYoclJyc3T2F5OCoHJwc5ag8Cjk5OCibOHkKN3ePwAMofH8zDsbMrLTf+tR/ZnYOu22Spz5OWJvVHzUxwh0pthk2aMDpiOcPN9Tg1EPo4U9TeBVwQeiC6KyEYDOELskA0VY4Y/lljGh1PDBBO6IIL73jDtcMVQTrYmhHJ+117OhXhn4CfYiWNt5p1p7O9EywBfaomJVN8wFzs8pXkrwAuORBGQVDKesAAAAASUVORK5CYII=') no-repeat center center;
          }     
          #oneclickform .field input {
            width: 200px;
            border-radius: 0 3px 3px 0;
            position: relative;
            display: block;
            margin-left: 27px;
            font-size: 14px;
            padding: 6px 10px 5px 10px;
          }
    #oneclickform .btn {  
      padding: 14px 15px 15px;
      margin-bottom: 0;
      text-align: right;
      background-color: #f5f5f5;
      border-top: 1px solid #ddd;
      -webkit-border-radius: 0 0 6px 6px;
      -moz-border-radius: 0 0 6px 6px;
      border-radius: 0 0 6px 6px;
      *zoom: 1;
      -webkit-box-shadow: inset 0 1px 0 #fff;
      -moz-box-shadow: inset 0 1px 0 #fff;
      box-shadow: inset 0 1px 0 #fff;
    }    
      #oneclickform .btn button {  
        cursor: pointer;
      }

.oneclickform-success {
    display: none;
}
.inline {
  display: none;
}

div#fancybox-wrap, div#fancybox-content, div.spcallmeback_wrap {
  z-index: 99999999 !important;
}
div #fancybox-close {
  z-index: 199999999 !important;    
}

@media (max-width: 600px) {
  div#fancybox-content {
    width: 300px !important;
  }
  #fancybox-wrap {
    width: 300px !important;
  }
  #fancybox-outer {
    width: 300px !important;
  }
  #oneclickform {
    width: 300px !important;
  }  
  #oneclickform .field input {
    width: 170px;
  }
  #oneclickform .field label {
    text-align: left;
    padding: 5px 0;    
  }
  #oneclickform .form .heading {
    line-height: 20px;
    padding-bottom: 20px;
    padding-top: 15px;
  }
  #oneclickform .form .heading {
    margin-bottom: 10px;
  }
  div#fancybox-wrap, div#fancybox-content, div.spcallmeback_wrap {
    z-index: 99999999 !important;
  }
  div #fancybox-close {
    z-index: 199999999 !important;    
  }
  #oneclickform .description .image,
  #oneclickform .myDesc {
    display: none;
  }
  #oneclickform .btn {
    text-align: left;
  }
  #oneclickform .description {
      padding: 15px 15px 0 15px;
  }
  #oneclickform .description .name {
    float: none;
    width: 100%;
  }
}

@media (max-width: 320px) {
  div#fancybox-wrap {
    left: -10px !important;
  }
}