/* ==========================================================================
   Global form container (do not remove it)
   ========================================================================== */
.w2_ajax_contact_form {
    width: 100%;
    margin: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.w2_ajax_contact_form .w2_form {
    width: 100%;
    margin: auto;
}

.w2_ajax_contact_form img {
    border: none;
}

/* ==========================================================================
   Container multi page
   ========================================================================== */
.w2_ajax_contact_form .w2_page {
    display: none;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.w2_ajax_contact_form .w2_current_page {
    display: block;
}

.w2_ajax_contact_form .w2_page .btn_page_title {
    cursor: pointer;
    padding: 7px 0 7px 0;
    -moz-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    width: 50% !important;
    margin: 0 !important;
}

.w2_ajax_contact_form .w2_page .btn_page_title:hover {
    opacity: 0.8;
}

.w2_ajax_contact_form .w2_page .btn_page_title span {
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    color: #707070;
}

.w2_ajax_contact_form .w2_no_action {
    cursor: auto !important;
    padding: 0 !important;
    height: 2px;
}

.w2_ajax_contact_form .w2_no_action span {
    display: none !important;
}

.w2_ajax_contact_form .w2_page .w2_left {
    text-align: left;
}

.w2_ajax_contact_form .w2_page .w2_left span {
    padding: 0 0 0 25px;
    background: url(images/icon_arrow_left.png) no-repeat top left;
}

.w2_ajax_contact_form .w2_page .w2_right {
    text-align: right;
}

.w2_ajax_contact_form .w2_page .w2_right span {
    padding: 0 25px 0 0;
    background: url(images/icon_arrow_right.png) no-repeat top right;
}

/* ==========================================================================
   Container for the form element
   ========================================================================== */
.w2_ajax_contact_form .block_element_form {
    width: 100%;
    margin-top: 5px;
    text-align: left;
    box-sizing: border-box;
    padding: 0 5px 0 5px;
}

.w2_ajax_contact_form .block_element_form .block_element_form {
    padding: 0 !important;
}

/* ==========================================================================
   The fileds label
   ========================================================================== */
.w2_ajax_contact_form label.label_text {
    position: static !important;
    color: #707070;
    font-size: 12px;
    padding: 0 10px 2px 10px;
    line-height: 13px;
    display: block;
    background: url(images/bg_label_text.png) no-repeat 0px -1px;
    float: none !important;
}

/* ==========================================================================
   sign required (*)
   ========================================================================== */
.w2_ajax_contact_form span.required_sign {
    color: #F00;
    margin-left: 5px;
}

/* ==========================================================================
   The labels for the errors messages
   ========================================================================== */
.w2_ajax_contact_form label.error {
    position: static !important;
    font-size: 12px;
    display: block;
    vertical-align: top;
    color: #E17575;
    padding: 5px;
    padding-left: 0px;
    margin-bottom: 3px;
    background: none;
    border: none;
}

/* ==========================================================================
   The input and textarea element
   ========================================================================== */
.w2_ajax_contact_form input, .w2_ajax_contact_form textarea {
    color: #414141;
    margin: 0;
    outline: medium none;
    padding: 10px !important;
    border-radius: 3px;
    background: url(images/bg_element.png) repeat-x scroll left -80px #E9E9E9 !important;
    font-size: 12px;
    line-height: 15px;
    max-width: none;
}

.w2_ajax_contact_form input {
    height: auto !important;
}

.w2_ajax_contact_form textarea {
    resize: vertical;
    height: 100px;
}

.w2_ajax_contact_form input[type=checkbox] {
    width: auto;
    display: inline-block;
}

.w2_ajax_contact_form input[type=radio] {
    width: auto;
    display: inline-block;
}

.w2_ajax_contact_form .ui-buttonset {
  position: relative;
}

.w2_ajax_contact_form .ui-buttonset input[type="checkbox"], .w2_ajax_contact_form .ui-buttonset input[type="radio"] {
  position: absolute !important;
}

.w2_ajax_contact_form input:focus, .w2_ajax_contact_form textarea:focus {
    color: #414141;
    background: url(images/bg_element.png) repeat-x scroll left -80px #E9E9E9 !important;
}

.w2_ajax_contact_form input, .w2_ajax_contact_form select, .w2_ajax_contact_form textarea {
    text-transform: none !important;
}

/* ==========================================================================
   The select element
   ========================================================================== */
.w2_ajax_contact_form select {
    margin: 0;
    outline: medium none;
    padding: 9px;
    width: auto;
    height: 37px;
    background-color: #E9E9E9;
    background-repeat: repeat-x;
    border-radius: 3px;
    background-image: url(images/bg_element.png);
    background-position: scroll left -80px;
}

.w2_ajax_contact_form div.grid select {
    width: 100% !important;
}

.w2_ajax_contact_form select[multiple] {
    margin: 0;
    outline: medium none;
    padding: 9px;
    width: auto;
    height: auto;
    border-radius: 3px;
    background: url(images/bg_element.png) repeat-x scroll left -80px #E9E9E9;
}

/* ==========================================================================
   The fieldset element
   ========================================================================== */
.w2_ajax_contact_form fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.w2_ajax_contact_form fieldset label {
    padding: 0 10px 0 0;
}

.w2_ajax_contact_form fieldset.radioSet label, .w2_ajax_contact_form fieldset.radioset label {
    padding: 0;
}

/* ==========================================================================
   Decoration for the form element
   ========================================================================== */
.w2_ajax_contact_form .w2_shadow {
    box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF !important;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border: 1px solid #D9D9D9 !important;
}

.w2_ajax_contact_form .w2_shadow:hover {
    border: 1px solid #56B4EF !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6) !important;
}

.w2_ajax_contact_form .w2_shadow:focus {
    border: 1px solid #F60 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6) !important;
    color: #414141 !important;
}

/* ==========================================================================
   Container for attachment inputs
   ========================================================================== */
.w2_ajax_contact_form .container_file_attachment {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}

.w2_ajax_contact_form .new_attachment {
    position: relative;
    height: 40px;
    width: 100%;
    overflow: hidden;
}

.w2_ajax_contact_form input.input_file_attachment {
    width: 250px;
    float: left;
}

.w2_ajax_contact_form .attachment_notification {
    font-size: 10px;
    line-height: 13px;
}

.w2_ajax_contact_form .attached_notification {
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    color: #9bc93d;
    display: none;
    font-weight: 600;
}

/* ==========================================================================
   Buttons for adding attachment
   ========================================================================== */
.w2_ajax_contact_form .btn_add_attachment {
    position: relative;
    border: 1px solid #DBDBDB;
    padding: 6px 10px 6px 30px;
    box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
    cursor: pointer;
    margin-top: 5px;
    display: inline-block;
    font-size: 14px;
    color: #707070;
    border-radius: 5px;
    background: url(images/bg_element.png) repeat-x scroll left -80px #E9E9E9;
    height: auto;
    line-height: 18px;
    white-space: nowrap;
}

.w2_ajax_contact_form .btn_add_attachment span {
    position: absolute;
    display: block;
    top: 0;
    left: 6px;
    color: #9BC93D;
    font-size: 20px;
    font-weight: 900;
    line-height: 28px;
}

/* ==========================================================================
   Buttons for deleting attachment
   ========================================================================== */
.w2_ajax_contact_form span.btn_delete_att {
    display: inline-block;
    width: 25px;
    height: 32px;
    background: url(../images/btn_delete_xl.png) no-repeat center center;
    cursor: pointer;
    margin-left: 2px;
    float: left;
}

/* ==========================================================================
   Generic Buttons
   ========================================================================== */
.w2_ajax_contact_form .btn {
    display: inline-block;
    *display: inline;
    padding: 4px 14px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    *line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    *border: 0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.w2_ajax_contact_form .btn:hover {
    border: 1px solid #56B4EF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}

.w2_ajax_contact_form .btn:focus {
    border: 1px solid #F60;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}

/* ==========================================================================
   Buttons Choose File
   ========================================================================== */
.w2_ajax_contact_form .btn_choose_file {
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 4px;
}

.w2_ajax_contact_form .custom_file {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

/* Fix for IE 6: */
* html .w2_ajax_contact_form .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0 0;
}

/* Fix for IE 7: */
* + html .w2_ajax_contact_form .fileinput-button {
    padding: 2px 15px;
    margin: 1px 0 0 0;
}

.w2_ajax_contact_form span.btn_choose_file {
    position: relative;
    width: 100px;
    height: 18px;
    display: inline-block;
    float: left;
    font-size: 13px;
    line-height: 16px;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
    padding: 6px;
    overflow: hidden;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #535d69;
    *background-color: #535d69;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7e8fa2), to(#535d69));
    background-image: -webkit-linear-gradient(top, #7e8fa2, #535d69);
    background-image: -o-linear-gradient(top, #7e8fa2, #535d69);
    background-image: linear-gradient(to bottom, #7e8fa2, #535d69);
    background-image: -moz-linear-gradient(top, #7e8fa2, #535d69);
    background-repeat: repeat-x;
    border-color: #535d69 #535d69 #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    text-align: center;
}

.w2_ajax_contact_form span.label_input_cstm {
    margin-left: 0;
}

.w2_ajax_contact_form .custom_file_cache input:focus {
    border: none;
}

/* ==========================================================================
   Buttons for sending email
   ========================================================================== */
.w2_ajax_contact_form button.btn_send {
    border: 1px solid #DBDBDB;
    padding: 11px;
    font-size: 13px;
    box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
    cursor: pointer;
    margin-top: 5px;
    color: #707070;
    border-radius: 3px;
    background: url(images/bg_element.png) repeat-x scroll left -80px #E9E9E9;
    height: auto;
    line-height: 16px;
}

.w2_ajax_contact_form button.btn_send:focus {
    color: #707070;
}

/* ==========================================================================
   Buttons SoundCloud
   ========================================================================== */
.w2_ajax_contact_form .w2_sound_could_btn {
    cursor: pointer;
    background: url(../images/soundcloud-connect.png) no-repeat;
    height: 25px;
    width: 207px;
}

/* ==========================================================================
   No spam control drag and drop
   ========================================================================== */
.w2_ajax_contact_form .btn_nospam {
    margin-bottom: 10px;
    margin-top: 10px;
    cursor: pointer;
    padding: 5px;
}

.w2_ajax_contact_form .outter_drag_drop_nspmc {
    position: relative;
    width: 143px;
    height: 40px;
    margin-bottom: 10px;
    margin-top: 10px !important;
}

.w2_ajax_contact_form .container_drag_drop_nspmc {
    position: relative;
    width: 143px;
    height: 40px;
}

/* ==========================================================================
   V1
   ========================================================================== */
.w2_ajax_contact_form .draggable_nspmc {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    z-index: 1;
    cursor: move;
    background: url(../images/btn_drag.png) no-repeat center center #535d69;
    border-radius: 5px;
}

.w2_ajax_contact_form .droppable_nspmc {
    position: absolute;
    left: 100px;
    top: 0px;
    width: 40px;
    height: 40px;
    border: 1px dashed #535d69;
    z-index: 0;
    border-radius: 5px;
}

.w2_ajax_contact_form .dropped_nspmc {
    border: 1px dashed #26b3f7;
}

.w2_ajax_contact_form .message_drag_drop_nspmc {
    background: url(images/bg_drag_drop_message.png) no-repeat scroll center center transparent;
    font-size: 10px;
    height: 40px;
    left: 45px;
    line-height: 11px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 360px;
    z-index: 0;
}

.w2_ajax_contact_form .message_drag_drop_nspmc1 {
    position: absolute;
    top: -30px;
    right: -240px;
    width: 0px;
    overflow: hidden;
    background: url(images/infos_message.png) no-repeat scroll top left;
}

.w2_ajax_contact_form .message_drag_drop_nspmc1 span {
    width: 190px;
    display: block;
    font-size: 9px;
    line-height: 10px;
    margin-top: 60px !important;
    margin-left: 3px;
    color: #616161;
}

.w2_ajax_contact_form .attachment_notification {
    font-size: 10px;
    display: none;
    color: #707070;
}

/* ==========================================================================
   V2
   ========================================================================== */
.w2_ajax_contact_form .draggable_2_nspmc {
    position: absolute;
    width: 19px;
    height: 19px;
    z-index: 1;
    cursor: move;
    border-radius: 3px;
}

.w2_ajax_contact_form .color1 {
    top: 0px;
    left: 0px;
    background-color: #db4865;
}

.w2_ajax_contact_form .color2 {
    top: 0px;
    left: 20px;
    background-color: #93c3cd;
}

.w2_ajax_contact_form .color3 {
    top: 20px;
    left: 0px;
    background-color: #e9eca7;
}

.w2_ajax_contact_form .color4 {
    top: 20px;
    left: 20px;
    background-color: #535d69;
}

.w2_ajax_contact_form .droppable_2_nspmc {
    position: absolute;
    left: 100px;
    top: 0px;
    width: 40px;
    height: 40px;
    z-index: 0;
    border-radius: 3px;
}

.w2_ajax_contact_form .icon_arrow {
    background: url(images/bg_drag_drop_message.png) no-repeat scroll center center transparent;
    font-size: 10px;
    height: 40px;
    left: 45px;
    line-height: 11px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
    z-index: 0;
}

.w2_ajax_contact_form .message_drag_drop_nspmc2 {
    position: absolute;
    top: -30px;
    right: -240px;
    width: 0px;
    overflow: hidden;
    background: url(images/infos_message2.png) no-repeat scroll top left;
}

.w2_ajax_contact_form .message_drag_drop_nspmc2 span {
    width: 190px;
    display: block;
    font-size: 9px;
    line-height: 10px;
    margin-top: 60px !important;
    margin-left: 3px;
    color: #616161;
}

/* ==========================================================================
   V3
   ========================================================================== */
.w2_ajax_contact_form .draggable_3_nspmc {
    position: absolute;
    width: 19px;
    height: 19px;
    z-index: 1;
    cursor: move;
    border-radius: 3px;
    text-align: center;
    background-color: #535d69;
    color: #FFF;
    line-height: 18px;
    text-shadow: none;
}

.w2_ajax_contact_form .text1 {
    top: 0px;
    left: 0px;
}

.w2_ajax_contact_form .text2 {
    top: 0px;
    left: 20px;
}

.w2_ajax_contact_form .text3 {
    top: 20px;
    left: 0px;
}

.w2_ajax_contact_form .text4 {
    top: 20px;
    left: 20px;
}

.w2_ajax_contact_form .droppable_3_nspmc {
    position: absolute;
    left: 100px;
    top: 0px;
    width: 40px;
    height: 40px;
    z-index: 0;
    border-radius: 3px;
    background-color: #535d69;
    color: #FFF;
    font-size: 26px;
    text-align: center;
    line-height: 39px;
    text-shadow: none;
}

.w2_ajax_contact_form .message_drag_drop_nspmc3 {
    position: absolute;
    top: -30px;
    right: -240px;
    width: 0px;
    overflow: hidden;
    background: url(images/infos_message2.png) no-repeat scroll top left;
}

.w2_ajax_contact_form .message_drag_drop_nspmc3 span {
    width: 190px;
    display: block;
    font-size: 9px;
    line-height: 10px;
    margin-top: 60px !important;
    margin-left: 3px;
    color: #616161;
}

/* ==========================================================================
   V4
   ========================================================================== */
.w2_ajax_contact_form .draggable_4_nspmc {
    position: absolute;
    width: 19px;
    height: 19px;
    z-index: 1;
    cursor: move;
    border-radius: 3px;
    text-align: center;
    background-color: #535d69;
    color: #FFF;
    line-height: 19px;
    background-position: center center;
    background-repeat: no-repeat;
}

.w2_ajax_contact_form .shape1 {
    top: 0px;
    left: 0px;
    background-image: url(../images/shapes/shape_1.png);
}

.w2_ajax_contact_form .shape2 {
    top: 0px;
    left: 20px;
    background-image: url(../images/shapes/shape_2.png);
}

.w2_ajax_contact_form .shape3 {
    top: 20px;
    left: 0px;
    background-image: url(../images/shapes/shape_3.png);
}

.w2_ajax_contact_form .shape4 {
    top: 20px;
    left: 20px;
    background-image: url(../images/shapes/shape_4.png);
}

.w2_ajax_contact_form .droppable_4_nspmc {
    position: absolute;
    left: 100px;
    top: 0px;
    width: 40px;
    height: 40px;
    z-index: 0;
    border-radius: 3px;
    background-color: #535d69;
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 26px;
    text-align: center;
    line-height: 40px;
}

.w2_ajax_contact_form .message_drag_drop_nspmc4 {
    position: absolute;
    top: -30px;
    right: -240px;
    width: 0px;
    overflow: hidden;
    background: url(images/infos_message2.png) no-repeat scroll top left;
}

.w2_ajax_contact_form .message_drag_drop_nspmc4 span {
    width: 190px;
    display: block;
    font-size: 9px;
    line-height: 10px;
    margin-top: 60px !important;
    margin-left: 3px;
    color: #616161;
}

/* ==========================================================================
   Notifications
   ========================================================================== */
.w2_ajax_contact_form .responseAjaxContact {
    padding: 0px;
    width: 100%;
    display: none;
    margin: auto;
    margin-bottom: 3px;
    padding: 0 5px 0 5px;
    box-sizing: border-box;
}

.w2_notification-success {
    position: relative;
    width: 95%;
    padding: 7px;
    background: url(../images/bg_success.png) repeat-x scroll top #C1DA7F;
    border: 1px solid #ACCC5D;
    color: #70892B;
    font-size: 12px;
    border-radius: 3px;
}

.w2_notification-error {
    position: relative;
    width: 95%;
    padding: 7px;
    background: url(../images/bg_error.png) repeat-x scroll top #E17575;
    border: 1px solid #DC4E4D;
    color: #B52525;
    font-size: 12px;
    border-radius: 3px;
}

.w2_notification-message {
    display: block;
    width: 100%;
    padding: 1px;
    margin-left: 30px;
    font-size: 12px;
    line-height: 15px;
    text-shadow: none;
}

.w2_notification-success .icon {
    position: absolute;
    top: 3px;
    left: 5px;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/green_valid.png) no-repeat center center;

}

.w2_notification-error .icon {
    position: absolute;
    top: 3px;
    left: 5px;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/btn_delete.png) no-repeat center center;
}

.w2_ajax_contact_form .w2_incomplete_notification {
    display: none;
}

/* ==========================================================================
   progress bar
   ========================================================================== */
.w2_ajax_contact_form .w2_progress {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 3px;
    display: none;
    margin-right: 5px;
}

.w2_ajax_contact_form .w2_bar {
    background-color: #B4F5B4;
    width: 0%;
    height: 20px;
    border-radius: 3px;
}

.w2_ajax_contact_form .w2_percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 0;
    font-size: 12px;
    line-height: 14px;
    width: 100%;
    text-align: center;
}

/* ==========================================================================
   Helpers
   ========================================================================== */
.w2_ajax_contact_form .clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.w2_ajax_contact_form textarea {
    resize: vertical;
}

.w2_ajax_contact_form fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

/* ==========================================================================
   Ui Dialog Fullscreen
   ========================================================================== */
.w2-ui-dialog-fullscreen {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99999 !important;
}

.w2-ui-dialog-fullscreen .ui-dialog-buttonpane {
    position: absolute !important;
    bottom: 0 !important;
    width: 100% !important;
}


/* ==========================================================================
   fix file input width form
   ========================================================================== */
.w2_ajax_contact_form input.custom_file {
    width: auto;
    max-width: none;
}

.w2_ajax_contact_form input.no_custom_file {
    width: auto;
    max-width: none;
}

/* ==========================================================================
   fix box sizing CSS
   ========================================================================== */
.w2_ajax_contact_form span {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

/* ==========================================================================
   CSS 3 Fix padding inside box
   ========================================================================== */
.w2_ajax_contact_form input, .w2_ajax_contact_form textarea, .w2_ajax_contact_form label.label_text, .w2_ajax_contact_form label.error, .w2_notification-success, .w2_notification-error {
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ==========================================================================
   Fix for Sortable Template
   ========================================================================== */
.w2_ajax_contact_form .form-element {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    box-shadow: none !important;
    min-height: 0px !important;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* ==========================================================================
   Grid Layouts
   ========================================================================== */

@media only screen and (min-width: 481px) {

    .w2_ajax_contact_form .grid {
        float: left !important;
    }

    .w2_ajax_contact_form .grid-100 {
        width: 100% !important;
        margin: 0 !important;
    }

    .w2_ajax_contact_form .grid-75 {
        width: 75% !important;
        margin: 0 !important;
    }

    .w2_ajax_contact_form .grid-67 {
        width: 66.66666% !important;
        margin: 0 !important;
    }

    .w2_ajax_contact_form .grid-50 {
        width: 50% !important;
        margin: 0 !important;
    }

    .w2_ajax_contact_form .grid-33 {
        width: 33.33333% !important;
        margin: 0 !important;
    }

    .w2_ajax_contact_form .grid-25 {
        width: 25% !important;
        margin: 0 !important;
    }

}

/* ==========================================================================
   For Small Screen
   ========================================================================== */
@media only screen and (max-width: 480px) {

    .w2_ajax_contact_form .w2_page .w2_right {
        text-align: left;
    }

    .w2_ajax_contact_form .grid {
        float: none !important;
    }

    .w2_ajax_contact_form .grid-100 {
        width: 100% !important;
        margin: 0 !important;
    }

    .w2_ajax_contact_form .grid-75 {
        width: 100% !important;
        margin: 0 !important;
    }

    .w2_ajax_contact_form .grid-67 {
        width: 100% !important;
        margin: 0 !important;
    }

    .w2_ajax_contact_form .grid-50 {
        width: 100% !important;
        margin: 0 !important;
    }

    .w2_ajax_contact_form .grid-33 {
        width: 100% !important;
        margin: 0 !important;
    }

    .w2_ajax_contact_form .grid-25 {
        width: 100% !important;
        margin: 0 !important;
    }

    .w2_ajax_contact_form .message_drag_drop_nspmc1 {
        background: url(images/infos_message.png) no-repeat scroll left top #FFF;
        right: -63px;
        top: -90px !important;
        padding: 3px;
    }

    .w2_ajax_contact_form .message_drag_drop_nspmc2 {
        background: url(images/infos_message2.png) no-repeat scroll left top #FFF;
        right: -63px;
        top: -90px !important;
        padding: 3px;
    }

    .w2_ajax_contact_form .message_drag_drop_nspmc3 {
        background: url(images/infos_message2.png) no-repeat scroll left top #FFF;
        right: -63px;
        top: -90px !important;
        padding: 3px;
    }

    .w2_ajax_contact_form .message_drag_drop_nspmc4 {
        background: url(images/infos_message2.png) no-repeat scroll left top #FFF;
        right: -63px;
        top: -90px !important;
        padding: 3px;
    }

}