body{
    margin: 0;
    padding: 0;
}

.cover_template_generateor {
    padding: 3rem 0;
    background-color: #F6F6F6;
}

.cover_template_generateor .container{
    width: 75%;
    margin: 0 auto;
}

.cover_template_generateor .row{
    display: flex;
}

.cover_template_generateor .left_column{
    width: 50%;
    padding-right: 70px;
}
.cover_template_generateor .left_column 
h2{
    font-size: 28px;
    font-weight: 700;
    font-family: sans-serif;
}
.cover_template_generateor .left_column 
p{
    font-size: 16px;
    font-weight: 400;
    font-family: sans-serif;
    line-height: 24px;
}


.cover_template_generateor .left_column ol {
    margin-top: 2rem;
    padding-left: 0;
    list-style-position: inside;
    display: flex;
    flex-direction: column;
    row-gap: 0.7rem;
    list-style-position: outside;
    list-style: auto;
    margin-left: 15px;
}

.cover_template_generateor .left_column  ol li{
    font-size: 16px;
    font-weight: 400;
    font-family: sans-serif;
    line-height: 25px;
}
.cover_template_generateor .left_column  ol li::marker {
    font-weight: 700;
}



.cover_template_generateor .right_column{
    width: 50%;
}

.cover_template_generateor .right_column form{
    background-color: #FAFAFA;
    border: 2px solid #D4D4D4;
    border-radius: 0.5rem;
    padding: 3rem 2rem;
}

.cover_template_generateor .right_column form
h3{
    font-size: 24px;
    font-weight: 400;
    font-family: sans-serif;
    text-align: center;
    margin-top: 0;
}

.cover_template_generateor .right_column form 
.checkbox_area{
    display: flex;
    justify-content: center;
    column-gap: 3rem;
    margin-top: 15px;
}
.cover_template_generateor .right_column form 
.checkbox_area .checkbox_col {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}
.cover_template_generateor .right_column form .checkbox_area input[type="radio"] {
    width: 17px;
    height: 17px;
    border: 1px solid #c1c1c1;
    appearance: none;
    border-radius: .2rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    outline: none;
    content: none;
    box-shadow: unset;
}
.cover_template_generateor .right_column form .checkbox_area input[type="radio"]:checked{
    background-color: #437C4C;
    border: none;
}
.cover_template_generateor .right_column form .checkbox_area input[type="radio"]:checked::after {
    content: "\2713";
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    font-family: sans-serif;
    padding-left: .2rem;
}
.cover_template_generateor .right_column form 
.checkbox_area label{
    font-size: 16px;
    font-weight: 400;
    font-family: sans-serif;
}

.cover_template_generateor .right_column form 
.input_area {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin-top: 2rem;
}
.cover_template_generateor .right_column form 
.input_area .input_col {
    display: flex;
    align-items: center;
    width: 100%;
}
.cover_template_generateor .right_column form 
.input_area label{
    font-size: 16px;
    font-weight: 400;
    font-family: sans-serif;
    width: 25%;

}

.cover_template_generateor .right_column form 
.input_area input,select {
    outline: none;
    padding: .8rem;
    box-sizing: border-box;   
    border: 1px solid rgb(0 0 0 / 30%);
    font-size: 16px;
    font-weight: 400;
    font-family: sans-serif;
    border-radius: .3rem;
    text-align: center;
    width: 75%;
}
.cover_template_generateor .right_column form 
.input_area input::placeholder{
    color: #CB9688;
}
.cover_template_generateor .right_column form
.sumbit_area{
    text-align: center;
    margin-top: 2rem;
} 



/* Responsive */

@media screen and (max-width: 1440px){

    .template-lightbox .measurements{
        bottom:178px !important;
    }

}

@media screen and (max-width: 1104px){

    .template-lightbox .lightbox-content {
        margin-top: 3em !important;
        transform: translate(-50%, calc(-50% - 56px)) !important;
        width: 50%!important;
    }
    
    .template-lightbox .measurements {
        bottom: 0 !important;
    }

}

@media screen and (max-width: 1024px) {
    .cover_template_generateor .container {
        width: 80%;
    }
    .cover_template_generateor .left_column {
        width: 54%;
        padding-right: 1rem;
    }
    .cover_template_generateor .right_column {
        width: 45%;
    }
}
@media screen and (max-width: 991px){
    .cover_template_generateor .row {
        flex-direction: column;
        row-gap: 2rem;
    }
    .cover_template_generateor .left_column, 
    .cover_template_generateor .right_column {
        width: auto;
    }
}

@media screen and (max-width: 768px){

	.template-lightbox .lightbox-content {
        width: 60%!important;
    }

}

@media screen and (max-width: 425px){
    .cover_template_generateor .container {
        width: 90%;
    }
    .cover_template_generateor .right_column form {
        padding: 1.5rem;
    }
    .template-lightbox .lightbox-content {
        width: 80%!important;
    }

}

.lightbox{
    display:none;
    position:fixed;
    z-index:1000;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background-color:rgba(0,0,0,.6);
    margin-top:116px;
    text-align:center
}
.lightbox-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,calc(-50% - 56px));
    background-color: transparent;
    /*background-color:#fefefe;*/
    padding:0;
    height:75vh;
    display:inline-block
}
.lightbox-content.interior{
    height:65vh
}
.quote-lightbox .lightbox-content{
    height:auto
}
.template-lightbox .lightbox-content{
    opacity:0;
    height:0
}
.template-lightbox a{
    display:none
}
.template-lightbox button{
    margin-top:2.5em;
    font-size:1.4em
}
.template-lightbox .measurements{
    position:absolute;
    bottom:178px
}
.lightbox-close{
    color:#fff;
    position:absolute;
    top:-35px;
    right:0;
    font-size:1.5em;
    cursor:pointer
}
.lightbox-close:hover,.lightbox-close:focus{
    color:#999;
    text-decoration:none;
    cursor:pointer
}
.lightbox .lightboxSlides{
    display:none;
    height:100%
}
.lightbox-content img{
    height:100%;
    width:100%;
    display:block;
    max-width:unset
}
.lightbox .prev,.lightbox .next{
    margin-top:-50px;
    font-size:20px;
    user-select:none;
    -webkit-user-select:none
}
@media only screen and (max-width: 69em){
    .lightbox{
        margin-top:0;
        padding-top:25%
    }
    .lightbox-content{
        height:auto!important;
        width:90%!important;
        margin:0!important
    }
    .template-lightbox .lightbox-content{
        margin-top:3em
    }
    .template-lightbox button{
        margin-top:1.5em
    }
}
.rate{
    display:inline-block;
    border:0;
    padding:0
}
.rate > input{
    display:none
}
.rate > label{
    float:right;
    max-width:20%
}
.rate > label:before{
    display:inline-block;
    font-size:2em;
    padding:.3em .3em .3em 0;
    margin:0;
    cursor:pointer;
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    content:"\f005 "
}
.rate .half:before{
    content:"\f089 ";
    position:absolute;
    padding-right:0;
    overflow:hidden;
    max-width:.6em
}
.rate input:checked ~ label,
/* color current and previous stars on checked */
 .rate label:hover,.rate label:hover ~ label{
    color:#fade5c
}
.rate input:checked + label:hover,.rate input:checked ~ label:hover,
/* highlight current and previous stars */
 .rate input:checked ~ label:hover ~ label,
/* highlight previous selected stars for new rating */
 .rate label:hover ~ input:checked ~ label 
/* highlight previous selected stars */
{
    color:#ffe992
}
.quick-price-form{
    background:#fafafa;
    border:2px solid #ccc;
    padding:1.5em 2em;
    box-sizing:border-box
}
.quick-price-form p{
    margin-top:0
}
.quick-price-form ul{
    margin-top:.5em
}
.quick-price-form ul li,.binding-chart-features ul li{
    margin-left:0;
    list-style:none
}

.quick-price-form ul li{
    background:url(/images/check.png) no-repeat 0 5px;
    margin-bottom:.3em
}
.binding-chart-features ul li{
    background:url(/images/check.png) no-repeat 0 2px
}
.quick-price-form ul li span{
    padding-left:2em
}
.binding-chart-features ul li span{
    padding-left:1.8em
}
.binding-chart-features ul{
    padding:0 1em;
    font-size:.9em;
    margin-top:0
}
.binding-chart-features button{
    margin:auto
}
.binding-chart-features p{
    margin:.7em auto .9em
}
.quick-price-form .scroll-to{
    height:0
}
.quick-price-form .box-040 .val-alert-box,.quick-price-form .box-060 .val-alert-box{
    width:15em
}
.quick-price-form .box-030 .val-alert-box{
    width:13em
}
body:not(.inquote) .quote-label-adjust input[type="text"].no-fiddle{
    background-color:#eee;
    border:1px solid gray;
    cursor:default
}
body:not(.inquote) .quote-label-adjust:not(.dash-inputs) label:not(.font-alert){
    color:#333232;
    border:1px solid transparent;
    padding:0 .25em;
    background:transparent;
    cursor:pointer;
    font-size:1em!important;
    margin-bottom:.4em!important
}
body:not(.inquote) .quote-label-adjust input[type=text],body:not(.inquote) .quote-label-adjust input[type=password],body:not(.inquote) .quote-label-adjust select,body:not(.inquote) .quote-label-adjust textarea{
    height:2.3em;
    border:1px solid gray;
    border-radius:.25em;
    font-size:1em;
    max-width:100%
}
body:not(.inquote) .quote-label-adjust:not(.dash-inputs) label:not(.font-alert):hover{
    border:1px solid transparent;
    background:none;
    color:#333232!important
}
@media only screen and (max-width: 69em){
    .quick-price-form{
        padding:.8em
    }
    body:not(.inquote) .quote-label-adjust .grid-100{
        min-width:inherit!important
    }
    .quick-price-form h4{
        text-align:center
    }
    .binding-chart-features p{
        text-align:center
    }
}

.measurements.zero {
    width: 100%;
    background-color: white;
    padding: 21px;
}

button.btn-widget-medium {
    background-color: #d71f32;
    color: #fff;
    margin-top: 9px;
    font-size: 21px;
    padding: 5px;
    border-radius: 5px;
}

.cover_template_generateor .left_column p {
    margin-top: 15px;
}

.checkbox_area {
    display: none !important;
}