.xddp_container {
    position: relative;
}
body .post-meta{
    overflow: visible;
}
.xddp_preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/preloader.gif) center 100px no-repeat rgba(255,255,255,0.5);
    background-size: 45px;
    z-index: 1000;
    display: block;
}
body #order_form label{
    font-weight: normal;
    font-size: 14px;
    color:#666666;
}
body #order_form .inner{
    overflow:hidden;
}
body #order_form .inner .columns2{
    float:left;
    width:50%;
    box-sizing: border-box;
    padding:0.3%;
    padding:0 30px;
}
body #order_form .help-block{
    font-size:11px;
    line-height:14px;
}

body #order_form .inner .columns2 label{
    width:40%;
    padding:0 1%;
    display:block;
    float:left;
    margin-top:5px;
}
body #order_form .inner .columns2 .col-sm-9{
    width:50%; display:inline-block;
}
body #order_form .select-container{
    position:relative;
}
body #order_form .inner .row .col-center{
    text-align: center;
    margin:30px 0 10px 0;
}



body #order_form .inner .columns2 input, body #order_form .inner .columns2 select{
    width:100%;
    
}
body #order_form #total_amount{
    text-align: center;
    padding:0 5px;
}
body #order_form #total_amount h2{
    padding: 25px 0;
    margin:0;
    }
    body #order_form  div.invalid, body #order_form .required{
        color:#ea1919;
        
    }
    body #order_form input.invalid{
        border-color:#ea1919;
    }
    .personal_info_block, .service_information, #total_amount{
        border-top:1px solid #f2f2f2;
    }

body #order_form {
    font-family:"Century Gothic",Verdana,Tahoma;
    text-align:left;
    font-size:13px;
    
}

#order_form .preffered div{
    position: relative;
}


#order_form #uploadedfile{
    width:171px;
}

#order_form button[type="submit"] {
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 41px;
    padding:0 20px;
    font-size:18px;
    font-weight: bold;
    margin: 25px 0;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    background: #65b200;
    line-height: 41px;
    color:#fff;
    line-height: 41px;
}
#order_form button[type="submit"]:hover{
background: #65b200 !important;


    opacity:0.9;
}

#order_form .btn_order{
text-align:center;   
}


#order_form .modal-backdrop {
    background-color: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}
#order_form .modal-backdrop.fade {
    opacity: 0;
}
#order_form input.invalid {
    border: 1px solid #ea1919;
}

#order_form .personalinformation span.req{color: #ff0000;}
#order_form .modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.8;
}
#order_form .modal {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin-left: -280px;
    outline: medium none;
    position: fixed;
    top: 10%;
    width: 560px;
    z-index: 1050;
}
#order_form .modal.fade {
    top: -25%;
    transition: opacity 0.3s linear 0s, top 0.3s ease-out 0s;
}
#order_form .modal.fade.in {
    top: 10%;
}
#order_form .modal-header {
    border-bottom: 1px solid #eee;
    padding: 9px 15px;
}
#order_form .modal-header .close {
    margin-top: 2px;
}
#order_form .modal-header h3 {
    line-height: 30px;
    margin: 0;
}
#order_form .modal-body {
    max-height: 400px;
    overflow-y: auto;
    padding: 15px;
    position: relative;
}
#order_form .modal-form {
    margin-bottom: 0;
}
#order_form .modal-footer {
    background-color: #f5f5f5;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #ddd;
    box-shadow: 0 1px 0 #ffffff inset;
    margin-bottom: 0;
    padding: 14px 15px 15px;
    text-align: right;
}
#order_form .modal-footer:before, #order_form .modal-footer:after {
    content: "";
    display: table;
    line-height: 0;
}
#order_form .modal-footer:after {
    clear: both;
}
#order_form .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}
#order_form .modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
#order_form .modal-footer .btn-block + .btn-block {
    margin-left: 0;
}



body #total_amount h2{
    
    font-size: 26px;
    color: #71a96a;
    font-weight: bold;

}
body #total_amount h2 span{
    color:#d74f4f;
    font-size:26px;
}
body #total_amount h2 .old{
    text-decoration: line-through;
    font-size:17px;
    color:#4b4b4b;
}
body #total_amount h2 .old span{
    color:#4b4b4b;
    font-size:17px;
}
#order_form .preffered{
    overflow: hidden;
    margin:15px 0;
}
#order_form .preffered input{
    vertical-align: middle;
}

.xddp_container img{
    background: none;
    padding:0;
}

#order_form input[type=text], #order_form input[type=email], #order_form textarea, #order_form select{
    border:1px solid #eaeaea;
    border-radius: 2px;
    background:#f8f8f8;
    box-sizing: border-box;
    height:30px;
}
body .select2-search input{
    width:76%;
    padding-left: 2px;
    padding-right: 2px;
}

#order_form .error_block ul{
    list-style:none;
    padding:15px;
    text-align:center;
    font-weight:bold;
    
}

select.invalid{
    border:1px solid #ff0000;
}
#select2-drop{
    
padding:0 2px 0 2px;  
border-color: #eaeaea;
background:#f8f8f8;
}


#order_form .filename .clearfile{
        color: #ff0000;
    display: inline-block;
    font-size: 17px;
    padding:0 5px 7px 5px;
    vertical-align: middle;
    cursor:pointer;
}
#order_form .error_block p{padding:10px;
text-align:center;}
#order_form .upload_fl{
    margin:5px 0 0;
    text-align: center;
}
#order_form .upload_fl .notice{
    margin:32px 0 0;
}
#order_form .upload_fl .filename{
    display:block;
    margin:15px 0 0;
    font-weight:bold;
    line-height:11px;

}
#order_form .comment{
    margin-top:7px;
}
#order_form .upload_fl > div{
    color:#000;
    font-size:11px;
    margin-bottom: 5px;
}
#order_form .error_block {
    padding: 15px;

}

.select2-container .select2-choice .select2-arrow b {
    line-height: 26px;
    padding: 0;
}
.select2-container .select2-choice {
    border:1px solid #eaeaea;
    background: none repeat scroll 0 0 #f8f8f8;
    border-radius: 2px;
    height: 30px;
    padding: 5px 1px 5px 3px !important;
    width: 100%;
    box-sizing: border-box;
    
}
#select2-drop {
    text-align: left;
}
#select2-drop .select2-search:after{
    top:11px;
    right:14px;
}



.checkbox {
	vertical-align: top;
	width: 17px;
	height: 17px;
	margin: 0 3px 0 0;
}
.checkbox + label {
	cursor: pointer;
}
.checkbox:not(checked) {
	position: absolute;
	opacity: 0;
        margin-left:6px;
        margin-top:-9px;
        top:50%;
        z-index: 9;
        cursor:pointer;
}
.checkbox:not(checked) + label {
	position: relative;
	padding: 0 0 0 30px;
}
.checkbox:not(checked) + label:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 6px;
	width: 16px;
	height: 16px;
	background: #fff;
	border:1px solid #92d68a;
        border-radius: 2px;
}
.checkbox:not(checked) + label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 8px;
	width: 14px;
	height: 14px;
        border-radius: 2px;
	
	
	
	transition: all .2s;
}
.checkbox:checked + label:before {
	
}
.checked .checkbox + label:after {
    
    background: url("../images/checked_style.png") no-repeat center center;
}
.checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}


#order_form .payment{
    text-align:center;
   
    font-size:14px;
    color:#000;
}
#order_form .payment td{
    text-align:center;
    padding:0 5%;
    border:0;
}
#order_form .icon-services{
    background:url("../images/services_icon.png") repeat-y top;
 width:61px;
    height:61px;
    float:left;
    vertical-align: middle;
    margin-top: 3px;
}
#order_form .sec_code{
    margin-bottom:30px;
}

#order_form .payment p{
    font-size:18px;
    
}
#order_form .payment .icon-cc{
   background:url("../images/pay_icons_w.png") no-repeat 0 10px;
   height:54px; width:54px;
   display:block;
   margin:15px auto;
}
#order_form .payment .icon-pp{
   background:url("../images/pay_icons_w.png") no-repeat 0 -50px;
   height:54px; width:54px;
   display:block;
   margin:15px auto;
}
#order_form .inner .row{
    overflow:hidden;
    padding:5px 0;
}
#order_form h3{
    color:#71a96a;
    font-size:26px;
    font-weight:normal;
    padding:25px 0;
    text-align:center;
}
#order_form .service_table{
    width:100%;
    border-collapse: collapse;
    margin-top:20px;
}


#order_form .service_table thead{
    border-top:1px solid #f2f2f2;
    background:#f6fcf6;
}
#order_form .service_table thead th{
    padding:15px 5px;
    color:#666666;
    font-size:14px;
    font-weight:normal;
    border-bottom: 1px solid #f2f2f2;
}
#order_form .service_table .select-container{
    padding:0 5px;
}
#order_form .service_table select{
    width:90px;
}
#order_form .service_table .service-name{
    padding:10px;
    font-size:15px;
    color:#7b7b7b;
    display:table-cell;
    height:41px;
    margin-left:60px;
}
#order_form .service_table .service-name span{
    vertical-align: middle;
}
#order_form .service_table td{
    padding:15px 5px;
    border-bottom: 1px solid #f2f2f2;
    transition: all 0.2s;
    vertical-align: middle;
}
#order_form #discount{
width:150px;
}
#order_form .sec_code img{
margin:0;
}
#order_form .sec_code td{
vertical-align:middle;
border:0;
}
#order_form .sec_code, #order_form .sec_code table{
margin:0;
}
#order_form .sec_code td *{
vertical-align:middle;
}

#order_form .service_table tr:hover td{
    background:#f6fcf6;
}
#order_form .service_table tr.checked td{
    background:#f6fcf6;
}
#order_form .service_table tr.checked td .price{
    color:#92d68a;
}
#order_form .service_table tr td .price{
    color:#d74f4f;
    font-size:15px;
}
#order_form textarea{
    height:auto;
}
#order_form #attachment_button{
    background: #d3d3d3 !important;
    border:0;
    color:#fff;
    border-bottom:5px solid #bfbfbf;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    cursor:pointer;
    transition: all .2s;
}
#order_form #attachment_button:hover{
    background: #A5A5A5 !important;
}
#order_form .additional_information .notice{
    text-align: center;
    margin:10px 0;
}
#order_form .additional_information .upload_fl label{
    vertical-align: middle;
}

#order_form .additional_information .filespan{
    color:#5b5b5b;
}
.comment{
    width:65%;
    margin:0 auto;
}
.comment #comment{
    width:100% !important;
}
.comment label{
    padding:5px 0;
    display:block;
}
.additional_information{
    margin-top:30px;
    border-top:1px solid #f2f2f2;
    margin-bottom:40px;
}

#order_form  .icon-0{
    background-position:0 0px;
}
#order_form  .icon-1{
    background-position:0 -61px;
}
#order_form  .icon-2{
    background-position:0 -122px;
}
#order_form  .icon-3{
    background-position:0 -183px;
}
#order_form  .icon-4{
    background-position:0 -244px;
}