.subsc-content {
    /*position: relative;
    width: 1359px;
    right: 8%;
    bottom: 35px;*/
}
.subs-txt {
    border: 4px solid white;
    position: absolute;
    width: 50%;
    top: 7%;
    right: 25%;
    padding: 5px;
}

input.category_radio:checked {
    border: 5px solid red;
}
.subsc-banner {
    position: relative;
    top: -43px;
    width: 1375px;
    right: 7%;
}
.subsc-banner section {
    background-color: rgba(255,255,255,0.8);
    padding: 3%;
}
.subs-txt section img{
   margin: 0 auto;
   float: none;
   padding: 1% 0;
}
.subsc-quotes{font-size: 18px;font-weight: normal; }
.subsc-content .subsc-quotes h2, .subscription-heading {
    font-family: marion-bold !important;
    color: #000;
        font-weight: bold;
    font-size: 33px;
    padding: 20px 0 0px;
    margin: 0;
}
.subsc-btn img{
    margin: 3% auto;
    /* width: 100%; */
    float: none;
}
.subsc-btn button{
    background: black;
    color: white;
    padding: 10px 15px;
    border: 1px solid black;
}

.subscription-form hr {
    border-top: 1px solid #999;
    width: 1000px;
    right: -7%;
    position: relative;
    float: left;
}
.subsc-quotes hr.top {
    border-top: 2px solid #000;
    width: 20%;
    margin: 4% auto 1%;
}
#del_mod{
    font-size: 14px;
    margin-top: 7px;
}
.subsc-btn a{
    width: 100%;
    float: left;
    margin-bottom: 3%;
}
#chs_prod .step2 span{
    margin: 0 15px;
}
#chs_prod {
    width: 100%;
    float: left;
}
#chs_prod hr{
    width: 90%;
    border-bottom: 1px solid #999;
    margin: 0 auto;
}
input.category_radio{
    visibility: hidden;

}
.del_box img{cursor: pointer;}
.color_palate.sub-checked img{
   padding: 0;
}
.color_palate.sub-checked{ margin: 0 10px;}
.color_palate i{display: none;} 
.color_palate.sub-checked i{display: block; position: absolute;  font-size: 30px;    color: #fdb927} 
.color_palate.sub-checked i.fa-check-circle:before{
    content: "\f058";
    position: relative;
    top: 26px;
    left: 120px;
}
.left-side ul.add-to-links{width: 50%;}
.color_palate h2 b, .faq_main h2, #categorylist_desc h3{color:#000;}
.faq_main{ margin: 4% 0 0;}
.subscription-wrapper{
	
	width: 100%;
	margin: 0 auto;
	/*color:#000;*/
}
.subscription-index-index h1{
	font-size: 30px;
	font-family: Conv_Marion_Regular !important;
    font-weight: bold;
}
.products-grid .product-image img {
    width: 90%;
    height: auto;
}
.products-grid > li:nth-child(3n+1){
	clear: none;
}

h4 .modtab{     
	color: grey;
	display: none;
	font-size: 11px;
	font-weight: normal;
	line-height: 23px;
	margin: 0 0 0 10px;
	cursor:pointer;
}
#delivery-details {
    width: 100%;
    margin: 0 auto;
}
.delivery-schedules{float:left;min-height:100px; width: 100%;}   
#ship_det{ margin:0 auto; width:94%;}
.promodis{color:#8f75af; }
.del_box{ /*border: 1px solid #336699;*/
    float: left;
				/*margin: 5px;
               padding: 5px; */
               width: 25%;
           }
           #chs_addon, #chs_vases{height:290px; overflow:auto; width:100%; }
       #chs_prod{/*height:578px; overflow:auto; width:100%;*/ }
       #chs_prod .products-grid li.item, #chs_addon .products-grid li.item, #chs_vases .products-grid li.item {float:left; display:inline; width:160px; min-height:225px; margin: 2px 8px;}
       .products-grid li.item.boxed .product-name, .products-grid li.item.boxed .price-box{text-align:center; float:none;}
       .product-details{text-align:center;}
       .ship-to{}
       .shipping-address{    width: 60%; float:left; }
       .gift-message{ width:40%; float:left;}
       .form-list label {margin: 3px 3px 2px;width: 100%; float: left;}
       .form-list li.wide textarea {
           width: 100%;
       }
       .form-list select {
        height: 30px;
    }
    .col1-layout .products-grid.columns3 li.item .product-image img{border: 2px solid #fff;}
    .fieldset {padding: 0 0px 15px;}
    .del_box input{margin: 0 5px 0 0;}
    #pick-delivery{display:none;}
    .form-list .fieldset .field{

       width:100%;
   } 
   #submitform{font-family:"marionregular";font-size:20px;}
   .subscription-wrapper .custom-span12{
      width: 85.4%;
  }
  .subscription-form .subscription-heading{
      margin: -30px auto 30px auto;
      width: 100%;
      float: left;
      font-size: 30px;
      font-weight: bold;
  }
  .dynamicdeliveryon{
   display:none;
}
//.BirthdayDatePicker .ui-datepicker-year,.ui-datepicker-header,.dondisplay
.BirthdayDatePicker .ui-datepicker-year,.ui-datepicker-header,.dondisplay
{
   display:none;   
}

.custom-display {
	float: none;
	height: 50px;
	min-height: 50px;
	overflow-y: scroll;
}
.products-list li.item {
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
}
.custom-display1{
	float: none;
	height: 40px;
	min-height: 40px;
}

ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button{
    border: 1px solid #AAC636;
    //background: #f6f6f6;
    color: #fff;
    background: #4DDB96;
    border-radius: 3px;
    margin: 2px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}
.table-responsive {
    position: absolute;
    top: auto;
    background: white;
    z-index: 99;
    box-shadow: 1px 1px 5px #888888;
    margin: 3% -34%;
    left: 300px;
    width: 89%;
}
.step2{
	display: inline-block !important;
    width: 100% !important;
    margin-bottom: 5%;
}
#delivery-schedules span{    margin: 3% 0 1%;}

#popup-container{
    display: none;
  }
  #popcontent {
    background: #fff;
    margin: 5% 25%;
    width: 700px;
    height: 400px;
    padding: 2% 4%;
    box-shadow: 0px 2px 9px 0px #000000;
}
#popup-container{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
}
 #popcontent ul {
    list-style: inherit;
}
 #popup-container .close-sub{
    position: absolute;
    top: 13%;
    left: 74%;
    font-size: 20px;
}
.faq-block{
      background-color: #c1d6c9;
    color: white;
    padding: 2% 5%;
    height: 650px;
}
.faq_main div img{height: 650px;}
.faq-block ol{
    list-style: decimal;
}
.faq-block ol li {
    margin: 5px 0px;
    font-size: 15px;
    font-family: Conv_Gotham-Bold !important;
}
#faq_note {
    margin: 0 -4%;
    font-size: 12px;
}
#categorylist li.ng-scope {
    display: inline-block;
    /*width: 23%;*/
    border: 2px solid #eee;
    margin: 1%;
    padding: 0;
    height: 365px;
}

#categorylist li img{
    width: 100%;
    height: 200px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    right: -30px;
    top: 100px;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: -30px;
    top: 100px;
}
.container-mark h5{
    height: 50px;
}
.container-mark h2 span {
    font-weight: bold;
    color: #000;
}
.container-mark {
    display: block;
    position: relative;
    /*padding-left: 35px;*/
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
ol#products-list {
    margin: 3% 0;
}

/* Hide the browser's default radio button */
.container-mark input {
        position: absolute;
    opacity: 0;
    z-index: 999999;
    cursor: pointer;
    display: block;
    width: 20%;
    top: 110px;
    height: 40px;
    left: 40%;
    background-color: #fff;
   
}
.container-mark hr{
    width: 90%;
    border-bottom: 1px solid #eee;
    margin: 0 auto;
}
/* Create a custom radio button */
.checkmark {
        position: absolute;
    top: 100px;
    left: 42%;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #555;
    margin: 5% 0;
}

/* On mouse-over, add a grey background color */
.container-mark:hover input ~ .checkmark {
     border:1px solid #fdb927;
     background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.container-mark input:checked ~ .checkmark {
        background-color: #fdb927;
    border: 1px solid #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-mark input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container-mark .checkmark:after {
      left: 11px;
    top: 5px;
    width: 7px;
    height: 14px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.zoom:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.5); 
    transition: transform 1.2s;
}
#delivery-schedules ul li .color_palate .zoom-main{    overflow: hidden;}
.no_prod img.zoom {
    cursor: auto;
    opacity: 0.2;
}

.sub-arrow-left{
    background-image: url('../images/subscribe/left-arr.png');
}
.sub-arrow-right{
    background-image: url('../images/subscribe/right-arr.png');
}
a.storeLogin {
    color: #428bca;
    margin-left: 10px;
}
.aval-days table{    margin: 0 auto;}
.left-side ul.add-to-links{    margin: 0 25%;}

@media screen and (max-width: 760px){
    .subsc-content { position: relative; width: 360px; top: -34px; margin: 0 auto;}
    .subsc-content .subsc-quotes h2, .subscription-heading{font-size: 15px; padding: 5px 0 0px;}
    .subsc-banner{    width: 100%;
    margin: 0 auto;
    /* float: left; */
    position: relative;
    top: 0px;
    left: 0;}
    .subsc-quotes hr.top{left: 33%;top: 0px;}
    .subsc-quotes, .faq-block ol li{font-size: 12px;}
    .subscription-form .subscription-heading, .color_palate.sub-checked i{font-size: 20px;}
    img.zoom{height: 80px;}
    .color_palate h2{font-size: 14px;}
    .faq-block{height: 500px;padding: 2% 10%;}
    .subscription-form hr{width: 300px;}
    .owl-theme .owl-controls .owl-buttons div.owl-next{position: relative;right: -3px;top: 0px;}
    .owl-theme .owl-controls .owl-buttons div.owl-prev{position: relative;left: -3px;top: 0px;}
    .color_palate.sub-checked i.fa-check-circle::before{content: "\f058";position: relative;top: 26px;left: 25px;}
}