.hideme{
    display:none;
}

textarea:focus::placeholder{
       color:transparent;
  }

.bodytext p a{
    color:#4b104a;
    text-decoration:underline;
}

.bodytext h5{
    font-size:17px;
    line-height:22px;
    color:#4b104a;
}


@media(max-width:576px){
    .bodytext h1{
        font-size:26px; 
        font-weight:bold;
    }
}

#header{
    padding:9px 30px;
    background:#4b104a;
}

#header p{
    color:#fff;          
    font-size:17px;   
}

#header p span{
    color:#fff;          
    font-weight:normal;
    font-size:25px;  
}

#service_header{
    background:#eaeaea;
    padding:10px 0;
}

#service_header p{
    margin:0;
    text-transform:uppercase;
    font-weight:500;
}

#service_header p .truck{
    background:transparent url(../images/mail_truck.png) no-repeat scroll 0 2px;
    height:20px;
    width:33px;
    background-size:100%; 
    display:inline-block;  
    margin:0 0 -2px 10px;
}

.white-button{
    border:1px solid #fff;
    padding:10px;
    color:#fff;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-border-radius:4px;
}

#header .white-button{
    margin:32px 0 0 0;
}

#footer{
    background:#f5f5f5;
    padding:50px;
    margin-top:50px;
}

#footer p{
    color:#464646;    
}

#footer p a{
    color:#464646;
}

#footer p a.borderme{
    padding:0 8px;
    margin:0 5px;
    border-right:1px solid #b1b1b1;
    border-left:1px solid #b1b1b1;
}

#main-content{
    margin-top:30px;
    margin-bottom:50px;
}
                         

.card-choice{
    padding:0 5px;
    position:relative;
    float:left;  
    max-height:380px;
    height:380px;    
}

.card-choice a.show_preview{
    display:block;
}

.card-choice img{
    border:1px solid #fff;
    margin-bottom:20px;  
    max-width:208px;
    display:block;
}

.card-choice a.chosen_card{
    padding:8px 50px;
    background:#FEFCF7;  
    border:1px solid #ecb328;
    color:#ecb328;
    text-align:center;              
    margin:0 2px 0 0;
    -moz-border-radius:12px;
    border-radius:12px;
    -webkit-border-radius:12px;  
    text-transform:uppercase;
    font-weight:bold; 
}  

.card-choice a.chosen_card:hover{
    text-decoration:none;
    background:#fff4da;
}

.card-choice .showbutton{
    display:none;
    padding:8px 25px;
    background:#4b1048;
    color:#fff;
    text-align:center;              
    -moz-border-radius:12px;
    border-radius:12px;
    -webkit-border-radius:12px;  
    position:absolute;
    top:114px;
    left:18%;           
    text-transform:uppercase;
    font-weight:bold; 
    opacity:.7;
}  

.card-choice .showbutton:hover{
    text-decoration:none;
}

/**********
* quick preview popup
*/
#previewModal .modal-dialog{
    height:750px;
    width:950px;
    max-width:950px;
}

#previewModal .modal-content{
    height:700px;
    width:900px;
}

#previewModal .modal-body{
    height:700px;
    width:900px;
    background:#eaeaea;
}

#previewOutsideModal .modal-dialog{
    height:650px;
    width:950px;
    max-width:950px;
}

#previewOutsideModal .modal-content{
    height:640px;
    width:900px;
}

#previewOutsideModal .modal-body{
    height:640px;
    width:900px;
    background:#eaeaea;
}

#previewOutsideModal img{
    max-height:606px;
}

#previewOutsideModal #close_outside_preview{
    position:absolute;
    top:-17px;
    right:-26px;
    font-size:30px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
}   

.bigslider .carousel-indicators{
    width:310px;
    margin:0 auto 20px;
    display:block;   
    position:relative;
}   

.bigslider .carousel-indicators li{ 
    float:left;
    height:100px;
    width:143px;
    margin:0 5px 0 0;
    position:relative;
}    

.bigslider .carousel-indicators li img{
    float:left;
}

#previewModal .carousel-item{
    height:450px;
}

#previewModal .carousel-item img{
    max-height:439px;
}

#previewModal .carousel-control.left{
    position:absolute;
    top:40%;
    left:15px;
    color:#333;
}

#previewModal .carousel-control.right{
    position:absolute;
    top:40%;
    right:15px;
    color:#333;
}    

.yellow-button{
    padding:10px 30px;
    background:#f3bb41;
    color:#4b1049;
    text-align:center;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    display:table;
    margin:0 auto 10px;
}

.close-link{
    display:table;
    text-align:center;
    margin:0 auto;
    text-decoration:underline;     
    color:#4b1049;
}  

.close-link.cgb{
    margin-top:10px;  
}

#proofModal .modal-dialog{
    height:700px;
    width:950px;
    max-width:950px;
}

#proofModal button.close{
    right: -30px;
    color: #fff;
    position: absolute;
    top: -10px;
    opacity: 1;
}

#proofModal .modal-content{
    height:650px;
    width:900px;
}

#proofModal .modal-body{
    height:650px;
    width:900px;
    background:#eaeaea;
}

h4.obitlink{
    font-size:30px;
    font-weight:normal;
    margin:0 0 40px 0;
    color:#333;
}

h4.obitlink a{    
    color:#333;
}

@media(max-width:576px){           

    #header p{
        color:#fff;
        margin:0;
        text-align:center;
    }
    
    #footer{
        background:#f5f5f5;
        padding:20px;
        margin-top:50px;
    }

    .card-choice img{
        border:1px solid #fff;
        margin-bottom:5px;  
        width:100%;
    }        
    
    #previewModal .modal-dialog{
        height:80%;           
        width:95%;
    }

    #previewModal .modal-content{    
        height:80%;           
        width:95%;
        margin: 0 auto;
    }

    #previewModal .modal-body{     
        width:100%;
        height:800px;
        background:#eaeaea;
        margin:auto;
    }  
                    
    .mobilecarousel .carousel-indicators{
        margin:0 0 20px;
        width:100%;
        padding:0;
        display:block;   
        position:relative;
    }   

    .mobilecarousel .carousel-indicators li{ 
        float:left;
        background:#fff;
        color:#441848;
        height:40px;
        padding:8px 0;
        width:74px;
        font-size:14px;
        margin:0;
        list-style:none;
        position:relative;
        text-indent:0;
        text-align:center;
        opacity:.8;
        border:none;
        border:1px solid #441848;
        border-right:none;
        box-sizing:border-box;
    }   
    
    .mobilecarousel .carousel-indicators li:last-of-type{ 
        border-right:1px solid #441848;
    }

    .mobilecarousel .carousel-indicators li.wide{
        width:93px;
    }
    
    .mobilecarousel .carousel-indicators li.active{
        background:#441848;
        color:#fff;
        opacity:1;
    }
         
    #previewModal .carousel-control.left{
        position:absolute;
        top:40%;
        left:-5px;
        color:#333;
    }

    #previewModal .carousel-control.right{
        position:absolute;
        top:40%;
        right:-5px;
        color:#333;
    } 

}
                                                       
@media(min-width:576px) and (max-width:768px){  

    #header p{
        color:#fff;
        margin:0;
    }      
    
    #save_customize{
        display:block;
    }                      

    .card-choice{
        padding:0 5px;
        position:relative;
        float:left;  
        max-height:370px;
        height:370px;    
    }                
}

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

    #header p{
        color:#fff;
        margin:0;
    }   
    
    #save_customize{
        display:block;
    }   
    
    /**********
    * quick preview popup
    */
    #previewModal .modal-dialog{
        height:750px;
        width:750px;
        max-width:750px;
    }

    #previewModal .modal-content{
        height:700px;
        width:700px;
    }

    #previewModal .modal-body{
        height:700px;
        width:700px;
        background:#eaeaea;
    } 
    
    #previewModal .carousel-control.right{
        top:50%;
        right:5px;
    }
    
    #previewModal .carousel-control.left{
        top:50%;
        left:5px;
    }
} 


@media(min-width:992px) and (max-width:1200px){ 

    #header p{
        color:#fff;
        margin:0;
    }    
    
    #save_customize{
        display:block;
        width:95%;
    } 
    
    .card-choice img{
        max-width:172px;
    }
}

/****
* Customize page
*/

.customize_left h3{
    font-size:18px;
}

.customize_left a.font-choice{
    display:block;
    font-size:16px;
    color:#7c7c7c;
    margin:0 0 10px 0;
}

.customize_left a.font-choice:hover,
.customize_left a.font-choice.active{
    text-decoration:underline;     
    color:#4b1049;
}

#sentiment_box{
    border:1px solid #dbcfdb;
    overflow:hidden;
}

#sentiment_slider{
    width:1312px;
}

#sentiment_box .sent_slide{
    padding:30px 15px;
    font-size:18px;
    text-align:center;
    float:left;
    background:#fff;
    width:328px;
    height:160px;
}

#box_footer{
    background:#4b1049;
}

#sentiment_box #sent_left{
    background:#663464;
    padding:6px 14px 7px 14px;
    -moz-border-radius:40px;
    border-radius:40px;
    -webkit-border-radius:40px;
    color:#fff;
    font-size:29px;
    line-height:22px;
    float:left;
    margin:10px;
}

#sentiment_box #sent_right{
    background:#663464;
    padding:6px 14px 7px 14px;
    -moz-border-radius:40px;
    border-radius:40px;
    -webkit-border-radius:40px;
    color:#fff;
    font-size:29px;
    line-height:22px;
    float:right;
    margin:10px;
}

#sentiment_box #choose_sent{
    background:#f3bb41;
    color:#4b1049;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    padding:8px 30px;
    font-weight:bold;
    float:left;
    margin:11px 0 0 33px;
}

.purple-button{
    background:#fff;
    color:#4b1049;
    border:1px solid #4b1049;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    margin:0 2px 20px 2px;
    padding:8px 20px;
    float:left;
}

.purple-button.active{
    background:#4b1049;
    color:#fff;
}

.purple-bg-button{
    background:#6c176a;
    color:#fff;
    border:1px solid #6c176a;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    margin:0 2px 20px 2px;
    padding:4px 20px;
    float:left;
}

.purple-bg-button:hover{
    background:#fff;
    color:#6c176a;
}
    

#edit_box{                     
}

#editor_tools{
    position:absolute;
    top:7px;
    left:57px;
}

#editor_tools.right{
    position: absolute;
    top: 292px;
    left: 403px;
    z-index: 300;
}

#editor_tools p.fontstyle{
    margin-left:10px;
    margin-bottom:0;
    font-size:18px;
    margin:1px 0 0 5px;
}

#editor_tools #alignment{
    border:1px solid #4b1049;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    width:160px;
    float:left;      
}

#increase_font_size{
    float:left;
    margin-right:5px;
    color:#4b1049;
    font-size:19px;
    font-weight:bold;
    text-align:center;
    padding:0 8px;      
    border:1px solid #4b1049;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
}

#decrease_font_size{
    float:left;
    margin-right:10px;
    color:#4b1049;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    padding:3px 9px 4px;      
    border:1px solid #4b1049;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
}

#font_sizes{
    position:absolute;     
    top: 52px;
    left: 198px;
    height:250px;
    width:100px;
    background:#fff;
    box-shadow: 5px 5px 5px #888;
    border:1px solid #4b104a;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    padding:15px;
}

#font_sizes a{
    display:block;
    color:#4b104a;
}

#choose_font{       
    float:left;
    margin:4px 0 0 10px;
    line-height:25px;
    color:#4b104a;     
}  

#choose_font.times{
    margin-top:3px;
}

#choose_font.arimo{
    margin-top:3px;
}

#choose_font.cirque{
    margin-top:3px;
}

#choose_font.helvetica{
    margin-top:3px;
}

#fonts{
    position:absolute;     
    top: 52px;
    left: 147px;
    height:168px;
    width:250px;
    background:#fff;            
    box-shadow: 5px 5px 5px #888;
    border:1px solid #4b104a;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    padding:15px;
    text-align:center;
    z-index:200;
}

#fonts a{
    display:block;
    color:#4b104a;
    font-size:22px;
    text-align:center;
}       

img.small-card{
    border:1px solid #d1d1d1;
    margin-bottom:10px;
    max-width:164px;
}
    
#editor_left_wrapper{
    width:365px;
    height:510px;
    float:left;
}
    
#editor_left{
    border:1px solid #bbbbbb;
    height:510px;
    padding:44px 40px;
    width:100%;         
    text-align:center;
    font-size:22px;
}

#editor_left p.charNum{
    text-align:left;
    margin:0;
    display:block;
    font-size:17px;
}
    
    
#editor_right_wrapper{
    width:365px;
    float:left;
}

#editor_right{
    float:left;
    width:100%;
    text-align:center;
    position:relative;
    height:510px;
    padding:336px 36px 40px;
    font-size:22px;
    border:1px solid #bbbbbb;
    border-left:none;
    z-index:100;
}    

.edit_border{
    border:1px dashed #bbb;
    padding:0px;
    width:285px;
    height:420px;
    color:#999;
    max-height:420px;
    text-align:center;
    resize:none;
    overflow:hidden;
    background:transparent;
    vertical-align:middle;
    text-align:center;
    display:table-cell;
    font-family: tekton-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

#editor_right .edit_border{
    height:126px;
}

#editor_right.type3,
#editor_right.type5,
#editor_right.type6,
#editor_right.type10{
    padding-top:290px;
}   

#editor_right .edit_border.type5{
    height:126px;
}

#card_front,
#card_back{
    border:1px solid #bbbbbb;
    height:510px;          
    width:365px;
    float:left;             
}

.toborder{
    padding:10px;
    border:1px solid #d1d1d1;
    margin-right:10px;
}


.payment-wrap{
    background:#f5f5f5;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-border-radius:10px;
    padding:15px;
    font-size:15px;
}

.payment-wrap.tall{
    min-height:595px;
}

.payment-wrap .blue-text{
    color:#045C89;
    font-size:15px;
    font-weight:bold;
    margin:15px 0 0 0;
}
 
.payment-wrap .address-text-white{
    background:#fff;
    padding:10px;
    font-size:14px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    margin:0 0 15px 0;
    min-height:130px;
}
 
.payment-wrap .address-text-white a{
    position:absolute;
    bottom:20px;
    right:30px;
    color:#666;
    text-decoration:underline;
}

h1#paytotal{
    text-align:right;
    font-size:26px;
}

.payverify{
    text-align:right;
    font-size:16px;
    font-weight:normal;
}

p.paytext{
    font-size:15px;
}

a.view_proof{
    width:150px;
    height:210px;
    background-size:100%;
    display:block;
}

a.view_proof img{
    vertical-align:top; 
}

h2.payh2{
    font-size:25px;
    font-weight:bold;
    margin:20px 0;
}

h2.payh2 span{
    font-size:14px;
    font-weight:normal;
}

#proof_area{
    float:left;
    text-align:center;
    position:relative;
    width:100%;       
}

#proof_area .pbutton{
    padding:4px 8px;
    background:#f3bb41;
    color:#333;
    font-size:13px;
    text-align:center;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    opacity:.8;
}

.expand-proof{
    padding:5px 15px;
    background:#f3bb41;
    text-align:center;
    color:#4b1049;
    width:150px;
    margin:10px auto 0;
    display:block;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;   
}

#proof_area .edit-button{
    position:absolute;
    bottom:6px;
    right:10px;
}

#proof_area .inside_left .text{
    font-size:11px;
    color:#999;
    font-weight:300;
    vertical-align:middle;
    text-align:center;
    display:table-cell;
    font-family: tekton-pro, sans-serif;       
    height:237px;
    width:170px;
    padding:0 15px;
}

#proof_area .inside_right .text{
    font-size:11px;
    color:#999;
    font-weight:300;
    vertical-align:middle;
    text-align:center;
    display:table-cell;
    font-family: tekton-pro, sans-serif;
    height:100px;
    width: 170px;
    padding:185px 15px 0 15px;
}

#proof_area .inside_right.guestbook .text{
    font-size: 10px;
    color: #999;
    font-weight: 300;
    vertical-align: middle;
    text-align: left   ;
    display: table-cell;
    font-family: "Times new roman";
    height: 269px;
    width:208px;
    padding: 0 15px;
}

#proof_area p{
    margin-top:70px;
    margin-bottom:0;
    color:#045C89;
    font-weight:bold;
}

#proof_area p#prooftime{
    margin:0;
    background:transparent url(../images/proof-loader.gif) no-repeat scroll 50% 0;
    height:105px;
    width:100%;
    box-sizing:border-box;
    padding:48px 0 0 0;
    color:#045C89;
    font-weight:bold;
}

div.small-proof.last{
    margin-right:0;
}

.large-proof{
    height: 607px;
    width: 434px;
    background-size:100%;
    background-repeat:none;
    float:left;
    border:1px solid #e7e7e7;
}

.carousel-control.left{
    position:absolute;
    top:48%;
    left:10px;
    color:#d1d1d1;
    font-size:25px;
}

.carousel-control.right{
    position:absolute;
    top:48%;
    right:10px;
    color:#d1d1d1;
    font-size:25px;
}

#modal_proof .inside_left .text{
    font-size:21px;
    color:#666;
    font-weight:300;
    vertical-align:middle;
    text-align:center;
    display:table-cell;
    font-family: tekton-pro, sans-serif;
    height: 607px;
    width: 434px;
    padding:0 35px;
}

#modal_proof .inside_right .text{
    font-size:21px;
    color:#666;
    font-weight:300;
    vertical-align:middle;
    text-align:center;
    display:table-cell;
    font-family: tekton-pro, sans-serif;
    height: 307px;
    width: 434px;
    padding:450px 35px 0 35px;
}       

@media(max-width:576px){      
    #edit_box{                      
        border:none;
    }   

    #editor_tools p.fontstyle{
        margin:0px 0 0 0;
    }
    
    .purple-button{
        padding:8px 11px;
    }   
              
    #editor_left_wrapper{
        width:100%;             
        height:100%;
        float:left;      
    }
    
    .edit_border{
        height:380px;
        width:100%;
        display:block;
        padding:30px 10px;
        border:1px solid #d1d1d1;
    }  
    
    #editor_left{                        
        height:100%;           
        width:100%;            
        background:#fff !important;  
        border:none;
        padding:0;       
    }
              
    #editor_right_wrapper{
        width:100%;             
        height:100%;
        float:left;      
    }
    
    #editor_right{                        
        height:481px;
        padding:0;
        width:100%;   
        text-align:center;
        font-size:22px;
        border:none;
        background:#fff !important;
    }  
    
    #editor_right.type5{
        padding-top:75%;
    }
    
    #editor_right p.charNum{
        font-size:16px;
        margin:0;            
    }

    #editor_right .edit_border{
        height:140px;
        display:block;
        width:100%;
    }
    
    .show-mobile{
        display:block;
    }  
    
    .mobile-next{
        float:right;
        width:49%;     
        -moz-border-radius:20px;
        border-radius:20px;
        -webkit-border-radius:20px;
        margin:0;
    }
           
    .show_inside_left{      
        float:left;   
        border:1px solid #4b1049;
        -moz-border-radius:20px;
        border-radius:20px;
        -webkit-border-radius:20px;
        color:#4b2049;
        padding:8px 20px;
        width:49%;
        text-decoration:none;
        text-align:center;
    }           
    
    #save_customize_mobile{     
        float:right;
        width:49%;     
        -moz-border-radius:20px;
        border-radius:20px;
        -webkit-border-radius:20px;
        margin:0;
    }
}
                                                       
@media(min-width:576px) and (max-width:768px){   
    
    #editor_right{
        border-left:1px solid #bbb;
    }
    
    .show-mobile{
        display:block;
    }  
    
    .payspace{
        margin-top:0;
    }                
}

@media(min-width:768px) and (max-width:992px){    
    
    .show-lg{
        display:block !important;
    }
    
    #editor_right{
        border:1px solid #bbb;
    }   
                                                                 
} 

.mainform label{
    display:block;
    font-size:17px;
    color:#000;
}

.mainform label sup{
    color:red;
}

.mainform input[type="text"]{
    width:80%;
    padding:7px;
    margin:0 0 5px 0;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-border-radius:2px;
    border:1px solid #bbb;
}

#envelope_preview{
    background:transparent url(../images/envelope-preview.jpg) no-repeat;
    background-size:100%;
    height:500px;
    width:100%;
    position:relative;
}

#add_return,
#add_return_mobile{
    display:block;
}

.address-button{
    padding:15px 10px;
    font-size:13px;  
    border:1px solid #a722a2;    
    background:#fff;
    color: #a722a2;
    text-align: center;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;   
}

.address-button:hover{
    text-decoration:none;
    color: #a722a2;
}

.address-button.active{
    background:#a722a2;
    color:#fff;
}


.address-button.active:after {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top:-3px;
}

#envelope_preview #return_address{
    position:absolute;
    top:35px;
    left:50px;                  
}

#envelope_preview #from_address{
    position:absolute;
    top:207px;
    left:21%;
    text-align:center;
    width:430px;
}

p#family_address{
    margin-bottom:0;
}

#return_fields_icon{
    background:transparent url(../images/return_text.png) no-repeat;
    height:120px;
    width:180px;
    position:absolute;
    top:0px;
    left:-130px;
}

#envelope_preview #send_to_fields{
    width:430px;
    margin:0 auto;
}

#envelope_preview #send_to_fields textarea{
    border:1px dashed #d1d1d1;
    height:135px;
    width:330px;
    background:transparent;
    font-size:16px;
    text-align:center;
    resize:none;
}

#return_fields{
    width:252px;
}

#return_fields textarea{
    border:1px dashed #d1d1d1;
    height:120px;
    width:250px;
    background:transparent;
    font-size:16px;
    resize:none;
}


@media(max-width:576px){  
    
    #return_fields_mobile textarea{
        border:1px solid #d1d1d1;
        height:110px;
        width:99%;
        background:transparent;
        font-size:14px;
        padding:10px;
        -webkit-appearance: none;
    } 
            
    #main-content{
        margin-top:20px;
        margin-bottom:20px;
    }
    
    #final_checkout{
        width:100%;
        -moz-border-radius:20px;
        border-radius:20px;
        -webkit-border-radius:20px;
    }

    #send_to_fields_mobile textarea{
        border:1px solid #d1d1d1;
        height:110px;
        width:97%;
        padding:10px;
        background:transparent;
        font-size:14px;
        -webkit-appearance: none;
    }   
}
                                                       
@media(min-width:576px) and (max-width:768px){  
    .checkout input.cvv{
        width:142px;
    }

    #envelope_preview #from_address{
        position: absolute;
        top: 164px;
        left: 12%;
        text-align: center;
        text-transform: uppercase;
        width: 400px;
    } 
    
    #final_checkout{
        width:70%;
    } 
    
    .payment-page #final_checkout{
        width:100%;
    }    
    
    .show_inside_left{
        width: 158px;
        text-align: left;
    }               
}

@media(min-width:768px) and (max-width:992px){ 
    
    h3{
        font-size:22px;
    }
    
    
    #return_fields_icon{
        display:none;
    }
    
    .hide-mobile{
        display:none !important;
    } 
    
    .show_inside_left{
        width: 158px;
        text-align: left;
    } 
    
    #envelope_preview{          
        width:100%;
        height:500px;
        position:relative;
        margin-top:10px;
    }  
    
    #add_return{
        margin:20px 0 0 20px;
    }
    
    #return_fields{
        margin:10px 0 0 20px;
    }

    #envelope_preview #return_address{
        position:absolute;
        top:20px;
        left:25px;
        text-transform:uppercase;
    }

    #envelope_preview #return_address p{
        font-size:12px;
        line-height:16px;
    }

    #envelope_preview #from_address{
        position:absolute;
        top:180px;
        left:25%;
        text-align:center;
        text-transform:uppercase;
        width:400px;
    }

    #envelope_preview #from_address p{
        font-size:12px;
        line-height:16px;
    }  
    
    #final_checkout{
        width:70%;
        float:right;
    }
    
    img.small-card{
        max-width:105px;
    }
    
    h2{
        font-size:22px;
    }
                                                                 
} 

@media(min-width:992px) and (max-width:1200px){                
    
    #return_fields_icon{
        display:none;
    }

    #envelope_preview #from_address{
        position: absolute;
        top: 238px;
        left: 30%;
        text-align: center;
        text-transform: uppercase;
        width:400px;
    }
    
    
    .show-mobile{
        display:block !important;
    } 
    
    .hide-mobile{
        display:none !important;
    } 
    
    .show-lg{
        display:block !important;
    }
    
    #final_checkout{
        width:40%;
        float:right;
    }
    
    #editor_right{
        border-left:1px solid #bbb;
    }
    
    .show_inside_left{
        width:216px;
        text-align: left;
    } 
}

@media(min-width:1200px){
    .show-mobile{
        display:none !important;
    }   
    
    #final_checkout{
        width:65%;
        float:right;
    }
} 
    
.final-back{        
    color:#921d86;
    text-decoration:underline;   
    text-align:right;
}

.checkout label{
    width:100px;
    font-size:15px;
    display:inline-block;
}

.checkout label.small{
    width:50px;
    font-size:16px;
    display:inline-block;
}

.checkout input[type="text"]{
    padding:8px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #bbb;
    margin:0 0 5px 0;
    width:71%;
}

.checkout input[type="text"].wrong{
    border:1px solid red;
}

.checkout input[type="text"].good{
    border:1px solid green;
}

.checkout input.exp{
    width:103px;
}

.checkout input.cvv{
    width:128px;
    background:#fff url(../images/cvv_icon.png) no-repeat scroll 115px 10px;
    background-size:20%;
}

.checkout input[type="submit"]{   
    padding:10px 30px;
    background:#f3bb41;
    color:#4b1049;
    text-align:center;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    display:inline-block;
    margin:10px 0 0 0px;
    width:70%;
    border:none;
}

.lgpad40{
    padding:0 40px;
}

.checkout .upsell label{
    width:100px;
    font-size:15px;
    display:block;
    margin:0 0 5px 0;
}   

.checkout .upsell input[type="text"]{
    padding:4px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #bbb;
    margin:0 0 10px 0;
    width:100%;
}

.checkout .upsell select{
    padding:4px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #bbb;
    margin:0 0 10px 0;
    width:100%;
}
    
h1#paytotal{          
    line-height:20px;
    text-align:right;
}

h1#paytotal span{
    float:left;
    color:#a7a7a7;
}

h1#paytotal strong{
    font-size:20px;    
}

.payverify{
    text-align:right;
    font-size:16px;
    font-weight:normal;
}


@media(max-width:576px){    

    #preview_header{
        padding:9px 30px;
    }
    
    .checkout label{
        color:#464646;
        font-weight:bold;
    }
          
    .checkout input[type="text"]{
        border:none;
        border:1px solid #6d3c71;
        -moz-border-radius:3px;
        border-radius:3px;
        -webkit-border-radius:3px;
        width:100%;
        padding:8px;
        margin:0 0 10px 0;
        -webkit-appearance: none;
    }
              
    .checkout input.cvv{   
        background:#fff url(../images/cvv_icon.png) no-repeat scroll 90% 50%;
        background-size:20%;
    }     
    
    .checkout input[type="submit"]{   
        width:100%;   
    }   
    
    .checkout input[type="text"].wrong{
        border:none;
        border-bottom:1px solid red;
    }
    
    
    .checkout .upsell input[type="text"]{
        border:1px solid #7b4f7f;
        padding:6px;
    }
    
    .checkout .upsell select{
        border:1px solid #7b4f7f;
        padding:6px;
    }
    
    h3{
        font-size:24px;
    }

    .lgpad40{
        padding:0 0px;
    }  
    
    h1#paytotal{
        text-align:center;
    }   
    
    .payverify{
        text-align:left;
        font-size:15px;
        font-weight:normal;
    }
    
    #back_type_mobile{
        height:60px;
        background:#fff;
        text-align:center;
        color:#333;
        text-decoration:underline;
        padding: 20px 0;
        display:block;
    }
}   


                                                       
@media(min-width:576px) and (max-width:768px){        
    
    .checkout input.cvv{   
        background:#fff url(../images/cvv_icon.png) no-repeat scroll 175px 8px;
        background-size:15%;
    }               
}

@media(min-width:768px) and (max-width:992px){ 
    .checkout input.exp{
        width:100px;
    }    
    
    .checkout input.cvv{
        width:125px;  
        background:#fff url(../images/cvv_icon.png) no-repeat scroll 265px 10px;
        background-size:10%;
    }
    
    .checkout p{
        font-size:13px;
    }
                                                                 
} 

.arimo{
    font-family: arimo, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.arimo{
    font-family: arimo, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.caslon{
    font-family: adobe-caslon-pro, serif;
    font-style: normal;
    font-weight: 400;
}

.helvetica{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
    font-weight:normal;
}

.times{
    font-family: "Times new roman";
    font-weight: 300;
    font-weight:normal;
}

#choose_font_mobile{
    padding:10px 5px 10px 40px;
    text-align:center;
    background:transparent url(../images/choose-font-icon.jpg) no-repeat scroll 10px 6px;
    text-align:center;
    color:#431949;   
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
    font-weight:normal;
    display:block;           
    border:1px solid #ddd;
    font-size:15px;
}

#add-sentiment-mobile{
    padding:10px 5px 10px 40px;
    text-align:center;
    background:transparent url(../images/add-sentiment-icon.jpg) no-repeat scroll 10px 6px;
    text-align:center;
    color:#431949;   
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
    font-weight:normal;
    display:block;           
    border:1px solid #ddd;
    font-size:15px;
}

#fontModal .modal-body{
    padding:0;
}

#fontModal .modal-title{   
    background:#4b1049;
    padding:11px 10px 10px;
    margin:0 0 10px 0;
}

#fontModal h5{
    color:#fff;
}

#fontModal a{
    display:block;
    text-align:center;  
    color:#4b104a;
    margin:5px 0;
    font-size:20px;
}

#sentModal .modal-body{
    padding:0;
}

#sentCarousel .carousel-item{
    padding:40px 20px 20px;
    font-size:25px;
    height:200px;
}
        

#box_footer_mobile{
    background:#4b1049;
}

#sentModal #sent_left{
    background:#663464;
    padding:6px 14px 7px 14px;
    -moz-border-radius:40px;
    border-radius:40px;
    -webkit-border-radius:40px;
    color:#fff;
    font-size:29px;
    line-height:22px;
    float:left;
    margin:10px;
}

#sentModal #sent_right{
    background:#663464;
    padding:6px 14px 7px 14px;
    -moz-border-radius:40px;
    border-radius:40px;
    -webkit-border-radius:40px;
    color:#fff;
    font-size:29px;
    line-height:22px;
    float:right;
    margin:10px;
}

#sentModal #choose_sent{
    background:#f3bb41;
    color:#4b1049;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    padding:8px 30px;
    font-weight:bold;           
    position:absolute;
    left: 29%;
    bottom: 10px;
}

#mobile_preview{        
    width:100%;
    height:100vh;
    background:#eee;
    position:absolute;
    top:0;
    left:0;             
    z-index:1000;
    overflow:auto;         
}

#mobile_preview_inner{
    height:auto;    
    position:relative;    
}

.full-height { height: 100%; }  

#type_choice_mobile_footer{
    background:#fff;
    padding:20px;
    width:100%;
    bottom:0;
    height:120px;
    position:fixed;
}  

#type_choice_mobile_footer a#choose_type_mobile{    
    padding:10px 30px;
    background:#f3bb41;
    color:#4b1049;
    text-align:center;
    -moz-border-radius:20px;
    border-radius:20px;
    -webkit-border-radius:20px;
    display:table;
    margin:0 auto 10px;
}

#type_choice_mobile_footer a#back_type_mobile{    
    padding:5px 0px;    
    color:#4b1049;
    text-align:center;             
    display:table;
    text-align:center;
    text-decoration:underline;     
    display:block;
    font-size:15px;
}

.padme{
    padding:20px;
}

.vertline{
    border-left:1px solid #bbb;
    display:table;
    margin:0 auto;
    height:100%;
}

p.paytext{
    font-size:15px;
}

a.view_proof{
    width:150px;
    height:210px;
    background-size:100%;
    display:block;
}

a.view_proof img{
    vertical-align:top; 
}

h2.payh2{
    font-size:25px;
    font-weight:bold;
    margin:20px 0;
}

h2.payh2 span{
    font-size:14px;
    font-weight:normal;
}

h4.anntext{
    text-align:center;
    font-size:18px;
    font-weight:normal;  
    margin:0;
}

h4.anntext a{
    color:#921d86;
    text-decoration:underline;
    margin-left:10px;
}

#error{
    text-align:center;
    color:red;
}

#loading{
    float:right;
    margin:16px 10px 0 0px;
}

.edit_border.italic{
    font-style:italic;
    font-family:arial !important;
    font-size:18px !important;
}

.address_error{
    color:red;
}

.upsell{
    border:1px solid #6b1669;
    background:#f9f7fa;
    padding:20px 20px 0;
    margin:10px 0;
}

.upsell p.check{
    font-size:14px;
}

.upsell h1{
    text-align:center;
    font-size:30px;
    font-weight:normal;
}

.payspace{
    margin-top:80px;
}  

ul.tabs{
    width:700px;
    margin:0px auto 40px; 
    display:block;
    padding:0;
}

ul.tabs li{
    list-style:none;
    display:inline-block;    
    font-size:15px;
    text-transform:uppercase;
    color:#333;
    font-weight:bold;
    padding:5px 10px;
}

ul.tabs li .circle{
    padding:5px 12px;
    margin-right:10px;
    font-size:17px;
    -moz-border-radius:25px;
    border-radius:25px;
    -webkit-border-radius:25px;
    color:#f3bb41;  
    border:1px solid #f3bb41;         
}

ul.tabs li .circle.active{
    background:#f3bb41;
    color:#fff;
}           

.total_line{
    border-bottom:1px solid #005d7f;
    width:100%;
    height:1px;
    margin:5px 0;
    text-align:right;
    float:right;
}

.carousel-item p{
    position:absolute;
    top:20px;
    left:50%;     
    text-align:center;
    color:#c7c7c7;
    border:1px solid #c7c7c7;
    padding:5px 10px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    width:120px;
    margin-left:-60px;
}  

#top_price{
    padding:26px 11px;
    background:#f3bb41;
    border:2px solid #fff;
    position:absolute;
    top:-157px;
    right:0;
    -moz-border-radius:50px;
    border-radius:50px;
    -webkit-border-radius:50px;
    text-align:center;
    color:#fff;
    font-size:30px;
    font-weight:bold;
}

#mobileprice{
    display:none;
} 

.address_fields input[type="text"]{
    padding:8px 12px;
    color:#333;
    border:1px solid #d1d1d1;
    width:90%;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    margin:0 0 10px 0;
}

.address_fields input.good{
    border:1px solid green;
}

.address_fields input.error{
    border:1px solid red;
}

.address_fields select{
    padding:8px 12px;
    color:#333;
    border:1px solid #d1d1d1;
    width:60%;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    margin:0 0 10px 0;
    float:left;
    background:#fff;
}

.address_fields select.good{
    border:1px solid green;
}

.address_fields select.error{
    border:1px solid red;
}


.address_fields input[type="text"].zip{
    float:left;
    width:80px;
    margin-left:20px;
}

#new_envelope_preview{
    background:transparent url(../images/new-envelope-preview.jpg) no-repeat;
    height:500px;
    width:100%;
    background-size:100%;
    margin-top:35px;
    position:relative;
}

#send_to_fh,
#send_to_fam{
    padding:10px;
    border:1px solid #4b104a;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-border-radius:6px;
    width:90%;
    margin:0 0 15px 0;
    cursor:pointer;
}

#send_to_fh p,
#send_to_fam p{
    font-size:13px;
    margin:0 0 0px 0;
}

#send_to_fh .check:before,
#send_to_fam .check:before{
    content: "\f068";
    font-family: FontAwesome;
    font-size:17px;
    color:#888;
    margin:0 5px 0 5px;
}

#send_to_fam.active .check:before,
#send_to_fh.active .check:before{
    content: "\f00c";
    font-family: FontAwesome;
    font-size:20px;
    color:green;
    margin-right:3px;
    margin-left:0;
}

#send_to_fh p.fh_addy_text{
    padding-left:23px;
    margin:10px 0 0 0;
}
    
    
#send_to_fh.active,
#send_to_fam.active{
    background:#4b104a;
}

#send_to_fam.active p,
#send_to_fh.active p{
    color:#fff;
}

#send_to_fam.active #family_address_explain{
    margin:10px 0 0 23px;
}

#new_send_to_fields{
    position: absolute;
    top: 200px;
    text-align: center;
    left: 186px;
    width:350px;
}

#new_return_fields{
    position: absolute;
    top: 25px;
    left: 40px;
    width: 300px;
}

#LandingModal{
    background:#fff;
    background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.5);
    width:500px;
    height:427px;
    position:absolute;
    top:200px;
    left:50%;
    margin-left:-250px;
    padding:20px;
    box-sizing: border-box;
}

#LandingModal #landing_modal_inner{
    background:#f5f5f5;
    padding:10px;
    box-sizing: border-box;
}

#LandingModal h4{
    color:#6b6b6b;
    text-align:center;
    margin:40px 20px 10px;
    padding:0 0 10px 0;
    border-bottom:1px solid #e1e1e1;
    font-size:18px;
    font-family:georgia;
    font-style:italic;
}

#LandingModal h1{
    color:#045c89;
    font-weight:300;
    text-align:center;
    font-size:30px;
    padding:0 0 25px 0;
    margin:20px 0 40px 0;
    background:transparent url(../images/filligree.png) no-repeat scroll bottom center;
}

#LandingModal p{
    color:#6b6b6b;
    text-align:center;
    margin:20px 20px 40px;
    font-size:14px;
    font-family:arial;
}

#LandingModal a{
    padding:15px 0px;
    background:#0a84c2;
    color:#fff;
    text-align:center;
    font-size:15px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    width:180px;
    display:table;
    margin:20px auto 40px;
}

#LandingModal a i{
    margin-left:20px;
}

#contact input[type="email"],
#contact input[type="text"]{
    padding:10px;
    width:100%;
    border:none;
    background:#f1f1f1;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    margin:0 0 10px 0;
}

#contact select{
    padding:10px;
    width:100%;
    border:none;
    background:#f1f1f1;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    margin:0 0 10px 0;
}

#contact textarea{
    padding:10px;
    background:#f1f1f1;
    width:100%;
    height:150px;
    border:none;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    margin:0 0 10px 0;
}

#contact #error{
    text-align:center;
    margin-top:10px;
    color:red;
}

#contact textarea.wrong{
    border:1px solid red;
}

#contact textarea.good{
    border:1px solid green;
}

#contact input[type="email"].wrong,
#contact select.wrong,
#contact input[type="text"].wrong{
    border:1px solid red;
}


#contact input[type="email"].good,
#contact select.good,
#contact input[type="text"].good{
    border:1px solid green;
}

#contact button{
    padding:12px 15px;
    background:#ecae29;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    border:none;
    display:block;
    margin:0 auto;
    width:100%;
    font-size:20px;
}

#gray_wrapper{
    background:#f8f8f8;
    padding:50px 0;
    margin-bottom:-50px;
}

.question{
    background:#fff;
    border:1px solid #e9e9e9;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-border-radius:10px;
    padding:20px;
    margin:0 0 20px 0;
}

.question h3{
    font-size:25px;
    color:#4b104a;
    margin:0 0 15px 0;
}

.question p{
    line-height:25px;
    color:#333;
}

.question p a{
    color:#a464a3;
}

.question p a:hover{
    text-decoration:underline;
}

#thanks_block{
    background:#f5f5f5;
    width:500px;
    margin:0 auto;
    box-sizing:border-box;
    padding:20px;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-border-radius:10px;
}

#thanks_block h3{
    color:#4b104a;
    padding:0 40px 20px;
    border-bottom:2px solid white;
    margin:0 0 20px 0;
}

 .payment-page .final-back{        
    color:#999;
    text-decoration:underline;   
    text-align:center;
    display:block;
    margin:10px 0 0 0;
}

.checkout .payment-page label{
    width:100px;
    font-size:15px;
    display:inline-block;
}

.checkout .payment-page label.small{
    width:50px;
    font-size:16px;
    display:inline-block;
}

.checkout .payment-page input[type="text"]{
    padding:8px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #bbb;
    margin:0 0 8px 0;
    width:100%;
    border:none;
}

.checkout .payment-page input[type="text"].wrong{
    border:1px solid red;
}

.checkout .payment-page input[type="text"].good{
    border:1px solid green;
}

.checkout .payment-page input[type="submit"]{   
    padding:10px 0px;
    background:#f3bb41;
    color:#4b1049;
    text-align:center;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-border-radius:3px;
    display:inline-block;
    margin:10px 0 0 0px;
    width:100%;
    border:none;
}

.lgpad40{
    padding:0 40px;
} 
    
.small-proof{
    height:237px;
    width:170px;
    background-size:100%;
    background-repeat:none;
    float:right;
    border:1px solid #e7e7e7;
}  
    
#proofModal.newmodal{
    top:5%;
}

#proofModal.newmodal .close{
    positioN:absolute;
    bottom:40px;
    left:48%;
    width:160px;
    margin-left:-80px;
    background:#f3bb41;
    color:#fff;
    text-align:center;
    color:#000;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    font-size:15px;
    font-weight:normal;
    opacity:1;
    padding:7px 10px;
    cursor:pointer;
}

#proofModal.newmodal .modal-dialog{
    height:700px;
    width:950px;
    max-width:950px;
}

#proofModal.newmodal .modal-content{
    height:650px;
    width:900px;
}

#proofModal.newmodal .modal-body{
    height:650px;
    width:900px;
    background:#eaeaea;
}          

#view-proof-mobile{
    padding:5px 25px;
    background:#f3bb41;
    text-align:center;
    color:#4b1049;    
    margin:15px auto;
    display:table;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-border-radius:5px;   
}

.mpaypad #loading{
    float:none;
    margin:10px auto;
    display:table;
}

@media (min-width: 1200px){
    #final_checkout {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        font-weight: bold;
        float:none;
    }
}   


@media(max-width:576px){
    .address-text-white{
        font-size:13px;
    }
    #mobile_proof{
        padding:0 20px;
    }
    
    .frontproof{
        max-height:558px;
    }
    
    #close-mobile-proof{
        padding:5px 25px;
        background:#f3bb41;
        text-align:center;
        color:#4b1049;    
        margin:0px auto 20px;
        display:table;
        -moz-border-radius:5px;
        border-radius:5px;
        -webkit-border-radius:5px;  
    }
    
    #mobile_proof .large-proof{     
        height: 558px;
        width: 397px;
        background-size:100%;
        background-repeat:none;
        float:none;
        display:block;
        margin:0 auto;
        border:1px solid #e7e7e7;
    }
    
    #mobile_proof .inside_left .text{
        font-size:17px;
        color:#999;
        font-weight:300;
        vertical-align:middle;
        text-align:center;
        display:table-cell;
        font-family: tekton-pro, sans-serif;       
        height:557px;
        width:396px;
        padding:0 15px;
    }

    #mobile_proof .carousel-control.right,
    #mobile_proof .carousel-control.left{
        top:41%;
    }
    
    #LandingModal{
        background:transparent;
        width:100%;
        position:absolute;
        height:100%;
        top:50px;
        left:50%;
        margin-left:-50%;
        padding:20px;
        box-sizing: border-box;
    }
    
    #send_to_fh,
    #send_to_fam{
        width:100%;
    }
    
    #new_envelope_preview{
        display:none;
    }

    #top_price{
        display:none;
    }         
    
    h1#paytotal{           
        text-align: right;
        color: #95A4AB;
        font-size: 17px;
        font-weight: normal;
    }
    
    h1#paytotal.bottom span,
    h1#paytotal.bottom {
        color: #005d7f;
        font-size: 20px;
    }
                             
    
    .total_line{         
        float:none;
        height:1px;
        width:100%;
        margin:0 auto 10px;
        display:block;
        border-bottom:1px solid #a7a7a7;
    }
    
    h2{
        font-size:25px;
        font-weight:bold;
    }
    
    h3{
        font-size:22px;
        font-weight:bold;
    }
    
    h2.payh2{
        font-size:21px;
        font-weight:normal;
    }
    
    .vertline{
        border:none;
    }
    
    .final-back{
        text-align:center;  
    }
        
    .mobile-center{
        float:none !important;
        margin: 0 auto;
        display:table;
    }
    
    .mobile-center.hlogo{
        max-width:215px;
    }
         
    #header .white-button{      
        margin:15px auto;  
    }     
    
    .card-choice{
        float:left;
        max-width:172px;  
        max-height:265px;     
        margin:0 0 25px 0;
    } 
    
    .card-choice span{
        display:block;
        background:#ebc051;
        color:#441848;
        padding:8px 15px;
        -moz-border-radius:20px;
        border-radius:20px;
        -webkit-border-radius:20px;
        text-align:center;
    }
    
    .hide-mobile{
        display:none !important;
    }
    
    #editor_tools{
        display:none;
    }  
    
    .payspace{
        margin-top:0;
    }  
    
    .xsspace{
        margin-top:20px;
    }
    
    
    
    .address_fields input[type="text"]{
        padding:6px;
        width:100%;
    }
    
    .address_fields input[type="text"].zip{
        padding:6px;
        width:100%;
        margin-left:0;
    }
    
    .address_fields select{
        width:100%;
        padding:6px;
    }
    
    p.paytext{
        font-size:14px;
    }
    
    h4{
        font-size:18px;
        margin:0 0 20px 0;
    }  
    
    .purple-bg-button-mobile{
        background:#6c176a;
        color:#fff;
        border:1px solid #6c176a;
        -moz-border-radius:20px;
        border-radius:20px;
        -webkit-border-radius:20px;
        margin:20px 2px 20px 2px;
        padding:9px 30px;
        float:left;
    }

    .purple-bg-button-mobile:hover{
        background:#fff;
        color:#6c176a;
    }
    
    p.ann-text{
        font-size:14px;
        text-align:center;
        margin-top:10px;
    }
    
    .hideme{
        display:none;
    }
    
    ul.tabs{
        display:none;
    }    
    
    a.view_proof{     
        background-size:100%;
        display:block;
        background-repeat:no-repeat;
    }      
    
    .small-proof{
        height:237px;
        width:170px;
        background-size:100%;
        background-repeat:none;
        float:right;
        border:1px solid #e7e7e7;
    } 
}     

/***
* larger mobiles
*/
@media (max-width:468px){   
    .address-text-white{
        font-size:13px;
    }   
    
    
    .frontproof{
        max-height:427px;
    }
    
    #mobile_proof .large-proof{     
        height: 427px;
        width: 305px;
        background-size:100%;
        background-repeat:none;
        float:none;
        display:block;
        margin:0 auto;
        border:1px solid #e7e7e7;
    }
    
    #mobile_proof .inside_left .text {
        font-size: 14px;
        color: #999;
        font-weight: 300;
        vertical-align: middle;
        text-align: center;
        display: table-cell;
        font-family: tekton-pro, sans-serif;
        height: 425px;
        width: 303px;
        padding: 0 15px;
    }
    
    a.view_proof{  
        width:100%;
    }     
    
    .small-proof{
        height:222px;
        width:160px;
        background-size:100%;
        background-repeat:none;
        float:right;
        border:1px solid #e7e7e7;
    }
}

/***
* Iphone 6/7/8
*/
@media (max-width:420px){   
    .address-text-white{
        font-size:13px;
    }   
    
    
    .frontproof{
        max-height:427px;
    }
    
    #mobile_proof .large-proof{     
        height: 427px;
        width: 305px;
        background-size:100%;
        background-repeat:none;
        float:none;
        display:block;
        margin:0 auto;
        border:1px solid #e7e7e7;
    }
    
    #mobile_proof .inside_left .text {
        font-size: 14px;
        color: #999;
        font-weight: 300;
        vertical-align: middle;
        text-align: center;
        display: table-cell;
        font-family: tekton-pro, sans-serif;
        height: 425px;
        width: 303px;
        padding: 0 15px;
    }
    
    a.view_proof{  
        width:100%;
    }     
    
    .small-proof{
        height:222px;
        width:160px;
        background-size:100%;
        background-repeat:none;
        float:right;
        border:1px solid #e7e7e7;
    }
} 

/***
* iphone X/XS/11/etc
*/
@media (max-width:375px){    
    .address-text-white{
        font-size:13px;
    }
    
    .frontproof{
        max-height:427px;
    }
    
    #mobile_proof .large-proof{     
        height: 427px;
        width: 305px;
        background-size:100%;
        background-repeat:none;
        float:left;
        border:1px solid #e7e7e7;
    }
    
    #mobile_proof .inside_left .text {
        font-size: 16px;
        color: #999;
        font-weight: 300;
        vertical-align: middle;
        text-align: center;
        display: table-cell;
        font-family: tekton-pro, sans-serif;
        height: 425px;
        width: 303px;
        padding: 0 15px;
    }
    
    a.view_proof{  
        width:100%;
    }     
    
    .small-proof{
        height:222px;
        width:160px;
        background-size:100%;
        background-repeat:none;
        float:right;
        border:1px solid #e7e7e7;
    } 
    
    .card-choice{
        max-width:150px;  
    }    

    #faqModal h3{
        color:#005d7f !important;
        margin:0 0 20px 0;
    }

    #faqModal h5{
        color:#005d7f;
        margin:0;
        font-size:17px;
    }

    #faqModal p{
        font-size:14px;
    }

    #faqModal .modal-dialog{
        height:99%;
        width:99%;       
        max-width:576px;
    }

    #faqModal .modal-content{     
        height:100%;
        width:98%;       
        max-width:576px;
    }

    #faqModal .modal-body{     
        height:100%;
        width:100%;       
        max-width:576px;
        background:#eaeaea;
    }
    
}

/***
* Iphone 5
*/
@media (max-width:374px){    
    
    .frontproof{
        max-height:350px;
    }
    
    #mobile_proof .large-proof{     
        height: 350px;
        width: 250px;
        background-size:100%;
        background-repeat:none;
        float:none;
        display:block;
        margin:0 auto;
        border:1px solid #e7e7e7;
    }
    
    #mobile_proof .inside_left .text {
        font-size: 14px;
        color: #999;
        font-weight: 300;
        vertical-align: middle;
        text-align: center;
        display: table-cell;
        font-family: tekton-pro, sans-serif;
        height: 349px;
        width: 249px;
        padding: 0 15px;
    }
    
    a.view_proof{  
        width:100%;
    }     
    
    .small-proof{
        height:184px;
        width:132px;
        background-size:100%;
        background-repeat:none;
        float:right;
        border:1px solid #e7e7e7;
    } 
    
    .address-text-white{
        font-size:13px;
    }
}

/***
* really small phones
*/
@media (max-width:373px){ 
    .address-text-white{
        font-size:13px;
    }   
    
    .frontproof{
        max-height:230px;
    }
    
    #mobile_proof .large-proof{     
        height: 322px;
        width: 230px;
        background-size:100%;
        background-repeat:none;
        float:none;
        display:block;
        margin:0 auto;
        border:1px solid #e7e7e7;
    }
    
    #mobile_proof .inside_left .text {
        font-size: 14px;
        color: #999;
        font-weight: 300;
        vertical-align: middle;
        text-align: center;
        display: table-cell;
        font-family: tekton-pro, sans-serif;
        height: 321px;
        width: 229px;
        padding: 0 15px;
    }
    
    a.view_proof{  
        width:100%;
    }     
    
    .small-proof{
        height:184px;
        width:132px;
        background-size:100%;
        background-repeat:none;
        float:right;
        border:1px solid #e7e7e7;
    } 
    
    .address-text-white{
        font-size:13px;
    }
}


@media (max-width:543px){    
    
    .card-choice{
        max-width:50%;  
        max-height:350px;
        height:auto;
    }    
    
    #new_envelope_preview{
        display:none;
    }
} 
                                                       
@media(min-width:576px) and (max-width:768px){  
    #mobile_proof{
        padding:0 20px;
    }
    
    .frontproof{
        max-height:558px;
    }
    
    #close-mobile-proof{
        padding:5px 25px;
        background:#f3bb41;
        text-align:center;
        color:#4b1049;    
        margin:0px auto 20px;
        display:table;
        -moz-border-radius:5px;
        border-radius:5px;
        -webkit-border-radius:5px;  
    }
    
    #mobile_proof .large-proof{     
        height: 558px;
        width: 397px;
        background-size:100%;
        background-repeat:none;
        float:none;
        margin:0 auto;
        border:1px solid #e7e7e7;
    }
    
    #mobile_proof .inside_left .text{
        font-size:18px;
        color:#999;
        font-weight:300;
        vertical-align:middle;
        text-align:center;
        display:table-cell;
        font-family: tekton-pro, sans-serif;       
        height:557px;
        width:396px;
        padding:0 15px;
    }

    #mobile_proof .carousel-control.right,
    #mobile_proof .carousel-control.left{
        top:41%;
    }
    
    a.view_proof{
        width:100%;
        background-size:100%;
        display:block;
        background-repeat:no-repeat;
    }    
    
    .vertline{
        border:none;
    }
    
    
    .bodytext h1 {
        font-size: 28px;
    }      
    
    .card-choice span{
        display:block;
        background:#ebc051;
        color:#441848;
        padding:8px 15px;
        -moz-border-radius:20px;
        border-radius:20px;
        -webkit-border-radius:20px;
        text-align:center;
    }
    
    .hide-mobile{
        display:none !important;
    }   
    
    .payspace{
        margin-top:0;
    } 
    
    .logofloat{
        float:none;
    }

    #header .phone{
        color:#fff;                  
        padding:0 0 0 0px;
        margin: 0 0 0 0px;
        line-height:20px;   
        text-align:center;
        font-size:18px;  
        border:none;
        float:none;
        display:block;
        width:100%;
    }
    
    
    ul.tabs{
        width:500px;
        margin:0px auto 20px; 
        display:block;
        padding:0;
    }

    ul.tabs li{
        list-style:none;
        display:inline-block;    
        font-size:12px;
        text-transform:uppercase;
        color:#333;
        font-weight:bold;
        padding:5px 5px;
    }

    ul.tabs li .circle{
        padding:2px 8px;
        margin-right:0px;
        font-size:15px;
        -moz-border-radius:25px;
        border-radius:25px;
        -webkit-border-radius:25px;
        color:#f3bb41;  
        border:1px solid #f3bb41;         
    } 
    
    #send_to_fh, #send_to_fam{
        width:100%;
    }
    
    .address_fields input[type="text"]{
        width:100%;
    }
    
    .address_fields select{
        width:79%;
    }
    
    #new_envelope_preview{
        display:none;
    }
}

@media(min-width:768px) and (max-width:992px){      
    
    .card-choice{
        float:left;
        max-width:230px;    
        margin-bottom:10px;   
    }
    
    .bodytext h1 {
        font-size: 32px;
    }
    
    .checkout input[type="text"]{
        width:100%;
    }
    
    #save_card_sel{
        float:right;
        margin-right:19px;
    }
    
    #close_card_sel{
        float:left;
        margin:10px 0 0 19px;
    }   
    
    .payspace{
        margin-top:0;
    } 
    
    #outside_preview{
        text-align:center;
        color:#777;
        text-decoration:underline;
        display:block;
    } 
    
    
    #previewOutsideModal .modal-dialog{
        height:435px;
        width:605px;
        max-width:605px;
    }

    #previewOutsideModal .modal-content{
        height:432px;
        width:607px;
    }

    #previewOutsideModal .modal-body{
        height:432px;
        width:607px;
        background:#eaeaea;
    }

    #previewOutsideModal img{
        max-height:400px;
    }
    
    .address_fields input[type="text"]{
        padding:6px;
        width:100%;
    }
    
    .address_fields input[type="text"].zip{
        padding:6px;
        width:100%;
        margin-left:0;
    }
    
    .address_fields select{
        width:100%;
        padding:6px;
    }
    
    #new_send_to_fields{
        top:110px;
        left:54px;
    }
    
    #new_envelope_preview{
        height:300px;
    }    
    
    .small-proof{
        height:305px;
        width:218px;
        background-size:100%;
        background-repeat:none;
        float:right;
        border:1px solid #e7e7e7;
    }
    
    #proof_area .inside_left .text{     
        height:305px;
        width:218px;
    }
    
    #proof_area .inside_right .text{
        height:100px;                  
        width:218px;
        padding:220px 15px 0 15px;
    }
}  

@media(min-width:992px) and (max-width:1200px){     
    .hide-lg{
        display:none !important;
    }
    
    #save_card_sel{
        float:right;
        margin-right:130px;
    }
    
    #close_card_sel{
        float:left;
        margin:10px 0 0 130px;
    }
    
    .payspace{
        margin-top:0;
    } 
    
    #outside_preview{
        text-align:center;
        color:#777;
        text-decoration:underline;
        display:block;
    }
    
    .address_fields select{
        width:160px;
    }
    
    #new_send_to_fields{
        top:170px;
        left:140px;
    }
    
    .small-proof{
        height:231px;
        width:166px;
        background-size:100%;
        background-repeat:none;
        float:right;
        border:1px solid #e7e7e7;
    }
    
    #proof_area .inside_left .text{
        height:231px;
        width:166px;
    }
    
    #proof_area .inside_right .text{
        height:100px;
        width:166px;
        padding:170px 15px 0 15px;
    }
}

@media(min-width:1200px){
    #save_card_sel{
        float:right;
        margin-right:130px;
    }
    
    #close_card_sel{
        float:left;
        margin:10px 0 0 130px;
    }
    
    #outside_preview{
        text-align:center;
        color:#777;
        text-decoration:underline;
        display:block;
    }
}        

#fh_address{
    margin-top:20px;
}

#family_address{
    margin-top:20px;
}