/*checkout*/

.checkout{
    padding:35px 0;
}

.left_checkout{
    width: 47%;
    float: left;
}

.right_checkout{
    float: right;
    width: 51%;
}

.form_checkout{
    margin-bottom: 30px;
}

.form_checkout > div{
    width: 100%;
    margin-bottom: 18px;
}

.form_checkout span.required{
	color: red;
}

.form_checkout p{
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    text-align: left;
    /*width: -webkit-calc(100% - 280px);
    width: -moz-calc(100% - 280px);
    width: calc(100% - 280px);*/
    font-size: 13px;
}

.form_checkout input[type=text] {
    display: inline-block;
    vertical-align: middle;
    width: 450px;
    line-height: 38px;
    height: 38px;
    color: #363636;
    font-size: 12px;
    padding:0 12px;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.04);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.04);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.04);
}

.form_checkout input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    line-height: 38px;
    height: 38px;
    color: #363636;
    font-size: 12px;
    padding:0 12px;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.payment_method{
    margin-bottom: 35px;
    /*padding-left: 46%;*/
}

.title_checkout{
    text-align: center;
    font-size: 20px;
    color: #000000;
    font-family: 'GothamProBold';
    margin-bottom: 20px;
}

.payment_method label{
    display: inline-block;
    vertical-align: middle;
    width: -webkit-calc(100% - 58px);
    width: -moz-calc(100% - 58px);
    width: calc(100% - 58px);
}

.payment_method label img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.payment_method label span{
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #363636;
}

.payment_method > div{
    display: block;
    margin-bottom: 20px;
}

.jq-radio.checked + label span{
    font-family: 'GothamProBold';
}

.comment{
    margin-bottom: 25px;
}

.comment span{
    margin-bottom: 12px;
    font-size: 13px;
    font-family: 'GothamProBold';
}

.comment textarea{
    /*background: #ffffff;*/
    font-size: 12px;
    color: #a4a4a4;
    padding:8px 16px;
    height: 160px;
    font-family: 'GothamProLight';
    width: 100%;
}

.total_checkout{

}

.checkout_btn{
    float: right;
    font-size: 21px;
    color: #343434;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 206px;
    line-height: 48px;
    background: #ffd822;
    border: 1px solid #FFD822;
    margin-top: 8px;
    text-decoration: none;
}

.checkout_btn:hover{
    background: none;
    color: #ffd822;
}

.txt_total_checkout{
    float: left;
    width: -webkit-calc(100% - 225px);
    width: -moz-calc(100% - 225px);
    width: calc(100% - 225px);
}

.txt_total_checkout p{
    font-size: 13px;
    color: #8d8d8d;
    font-family: 'GothamProLight';
}

.txt_total_checkout b{
    display: inline-block;
    font-size: 15px;
    color: #000000;
    font-family: 'GothamProRegular';
}

.txt_total_checkout span{
    font-family: 'GothamProBold';
    font-size: 19px;
    margin-top: 15px;
}

.checkout_basket{
    background: #ffffff;
    padding:15px 0 25px 0;
    margin-bottom: 35px;
}

.title_checkout_basket{
    text-align: center;
    margin-bottom: 15px;
    font-size: 15px;
    font-family: 'GothamProBold';
    display: block;
}

.total_checkout_basket{
    margin-top: 15px;
    text-align: right;
    padding: 0 25px;
    font-size: 15px;
}

.checkout_table{
    width: 100%;
    border-collapse:collapse;
}

.checkout_table thead{

}

.checkout_table thead th{
    font-size: 9px;
    color: #000000;
    text-align: left;
}

.checkout_table thead th{
    padding:8px 0px 8px 25px;
}

.checkout_table tbody tr{
    border-bottom: 1px solid #ececec;
}

.checkout_table td{
    font-size: 12px;
    color: #272727;
    padding: 12px 0px 12px 25px;
}

.checkout_basket_img{
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.checkout_basket_img img{
    width: 100%;
}

.checkout_basket_title{
    font-size: 12px;
    color: #555555;
}

.checkout_basket_title:hover{
    color: #74b051;
}


.payment_method label div {width: 64px; display: inline-block;}
.checkout_table td.img {width: 32px;}

.soa-property-container {display: inline-block;}

.form_checkout input[type="text"]{
border: 1px solid #CCD5DB;
}

.dop-popup{
	display: none;
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background: #fff;
    animation-name: imgPopupShow;
    animation-duration: 300ms;
}
.dop-popup-close{
	position: absolute;
	top: 4px;
	right: 110px;
	bottom: 0;
	z-index: 150;
	display: block;
	width: 50px;
	height: 50px;
	background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
	opacity: .27;
	cursor: pointer;
	transition: all 300ms ease;
}
.dop-popup-image img{
	position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 90vh;
    width: auto;
    cursor: default;
    height: auto;
    outline: 1px solid transparent;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease;
    transform: translateY(-50%) translateX(-50%);
}