.wrapport-main .wrapport-inn{
    max-width:100%;
    margin: auto;
}
.wrapport-row{
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    line-height: 62px;
    padding: 5px 15px;
    margin: 18px 0;
}
.wrapport-footer{
    color:#04245F;
    line-height: 92px;
    display:flex;
}
.wrapport-footer .wrap-total,
.wrapport-footer .wrap-button{
    flex:1;
}
.wrapport-footer .wrap-button{
    text-align: right;
    padding: 0 20px;
}
.wrapport-footer .wrap-total{
    padding: 0 15px;
    font-size: 20px;
}

.wrapport-head h4{
    font-weight: 600;
    color:#04245F;
}
.section-wrap .wrapport-row,
.section-wrap-orientation .wrapport-row{
    display:flex;
}
.wrapport-row .wrap-eqh{
    flex:1;
}
.section-wrap .wrap-hex{
    display: flex;
    position: relative;
    width:60px;
    height:65px;
    background-color: #424242;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.section-wrap .wrap-pro-name{
    font-weight:600;
    font-size:24px;
    min-width:40%;
    max-width:40%;
    padding:0 15px;
    text-transform: capitalize;
    color:#04245F;
}
.section-wrap .wrap-pro-size,
.section-wrap.wrap-pro-price{
    width: 25%;
    min-width: 25%;
    max-width: 25%;
}
.section-wrap .wrap-pro-img,
.section-wrap .wrap-pro-input{
    width: 10%;
    min-width: 10%;
    max-width: 10%;
}
.wrap-pro-price span.amount{
    background: #05C7F2;
    color: #fff;
    padding: 4px 12px;
    border-radius: 6px;
}
a.wrap-bttn{
    margin-right:15px;
}
a.wrap-bttn,
button.wrap-bttn,
.wrap-button button.wrap-bttn,
.wrap-upload-btn button.wrap-bttn,
.wrap-qunatity-confirm button.wrap-bttn{
    background: #05C7F2;
    color: #fff;
    padding: 20px 50px!important;
    border-radius: 50px!important;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
    font-weight: 600;
    outline: none;
}
.wrap-pro-input input[type="radio"]{
    -webkit-appearance: none!important;
    outline: none;
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}
.wrap-pro-input input[type='radio']:after {
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    visibility: visible;
    border: 3px solid #04245F;
    color: #FFFFFF;
    content: "\2713";
    -webkit-transform: rotate(15deg) scale(1.5);
    -ms-transform: rotate(15deg) scale(1.5);
    transform: rotate(15deg) scale(1.5);
}
.wrap-pro-input input[type='radio']:checked:after {
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: relative;
    background-color: #04245F;
    display: inline-block;
    visibility: visible;
    border: 3px solid #04245F;
    color: #fff;
    content: "\2713";
    -webkit-transform: rotate(15deg) scale(1.5);
    -ms-transform: rotate(15deg) scale(1.5);
    transform: rotate(15deg) scale(1.5);
}

.section-wrap-orientation .wrap-pro-name{
    font-weight:600;
    font-size:24px;
    width: 70%;
    min-width:70%;
    max-width:70%;
    padding:0 15px;
    text-transform: capitalize;
    color:#04245F;
}
.section-wrap-orientation .wrap-pro-input{
    width: 30%;
    min-width: 30%;
    max-width: 30%;
    text-align: center;
}
.section-wrap-image span.file-err{
    color:#ff0000;
}
.section-wrap-image .wrap-file-check{
    display:block;
    text-align: center;
}
.section-wrap-image .wrap-upload-file{
    display: none;
}
.section-wrap .wrapport-head h4,
.section-wrap-orientation .wrapport-head h4,
.section-wrap-image .wrapport-head h4,
.section-upload-progress .wrapport-head h4,
.section-wrap-preview .wrapport-head h4,
.section-wrap-qty .wrapport-head h4,
.section-wrap-image .wrap-upload-btn,
.section-wrap-preview .wrap-new-image{
    text-align: center;
}
.section-wrap-image .wrap-upload{
    margin:auto;
    display: block;
    width:100%;
    text-align: center;
}
.section-wrap-image .wrapport-row{
    margin: 46px 0;
    padding: 22px 0;
}
.section-upload-progress{
    display:none;
}
.section-wrap-image .wrap-upload img,
.section-upload-progress .wrap-upload img{
    margin: auto;
    width: 120px;
}
.section-upload-progress .wrap-upload-bar{
    display: block;
    width: 80%;
    margin: auto;
}
.section-upload-progress span.wrap-progress-bar{
    display: block;
    background:#E5E5E5;
    border-radius:8px;
    min-height: 8px;
    margin: 20px 0 0 0;
}
.section-upload-progress span.wrap-progress-bar > span{
    background: #05C7F2;
    display: block;
    height: 8px;
    border-radius: 8px;
    width: 0;
}
.wrap-spin{
    border: 4px solid #04245F;
    border-radius: 60px;
}
.wrap-upload-stats{
    display:block;
    width:80%;
    margin:auto;
    line-height:22px;
    padding-bottom:22px;
}
.wrap-upload-stats .stats-col-2{
    float:right;
}
.wrap-upload-stats .stats-col-2 em{
    font-style:normal;
}
.wrap-upload-stats .stats-col-2::after {
    content: "";
    clear: both;
    display: table;
}
.section-wrap-preview .wrap-new-image{
    margin: 40px 20px;
}
.section-wrap-preview .wrap-preview img{
    margin:auto;
}
.wrapport-main .section-wrap-qty{
    margin-bottom: 56px;
}
.wrapport-main a.wrap-link-pm{
    color:#05C7F2;
    outline:none;
    font-weight: 600;
}
.section-wrap-qty .wrap-qunatity{
    margin: 20px 0;
}
.section-wrap-qty .wrap-qunatity h4{
    font-weight:400;
    color:#04245F;
}
.section-wrap-qty .wrap-qunatity h4,
.section-wrap-qty .wrap-qunatity .wrap-qunatity-selector,
.section-wrap-qty .wrap-qunatity .wrap-qunatity-confirm{
    width: 33%;
    display: inline-block;
}

.wrap-qunatity-selector .wrap-qunatity-input{
    display:flex;
    align-items: center;
    justify-content: center;
}
.wrap-qunatity-selector .wrap-qunatity-input input[type="number"]{
    -moz-appearance: textfield;
}
.wrap-qunatity-selector .wrap-qunatity-input input[type="number"]::-webkit-outer-spin-button,
.wrap-qunatity-selector .wrap-qunatity-input input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
.wrap-qunatity-selector input[type="number"],
.wrap-qunatity-selector button.qty-minus,
.wrap-qunatity-selector button.qty-plus{
    background: #E5E5E5;
    border:0;
    box-shadow:none;
    outline:none;
    text-align: center;
    flex:1;
    max-width:32%;
    color: #000;
    font-weight: 600;
    font-size: 18px;
}
.wrap-qunatity-selector button.qty-minus{
    border-radius: 30px 0 0 30px;
    padding: 8px;
}
.wrap-qunatity-selector button.qty-plus{
    border-radius: 0 30px 30px 0;
    padding: 8px;
}
.section-wrap-preview .wrapport-row{
    /*background: #E6E4E4;*/
}
button.wrap-checkout-btn{
    margin-left:15px;
}
.section-upload-progress .wrap-upload,
.section-wrap-preview .wrap-preview{
    text-align:center;
}
.wrap-qunatity-confirm button.wrap-bttn:disabled,
.wrap-qunatity-confirm button.wrap-bttn[disabled]{
    background: #9be8f9;
    cursor:default;
}

@media screen and (max-width:667px) {
    .wrapport-main {
        display: block;
        width: 90%;
        position: relative;
        margin: 5%;
    }
}
@media screen and (min-width:668px) {
    .wrapport-main {
        display: block;
        width: 80%;
        position: relative;
        margin: 10%;
    }
}