.holiday_shipping-block{
    display:block;
    background-color:#e26464;
    box-shadow: inset 0px -9px 19px -11px black;
    font-size: 1em;
    line-height: 1.25;
    color: #fff;
}

.shipdeadlines_modal {
    display: none;
} 
 
.showfixedmodal{top:300px;}



.btn_close {
    line-height: 26px;
    
    text-align: center;
    
    -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

.holiday_main_wrap:hover .btn_close {
    cursor: pointer;
    color: #e99191;
    text-shadow: 1px 1px 0px #fff;
}


.toggle_icon {
    top: 50%;
    width: 26px;
    height: 26px;
    right: -2%;
    position: absolute;
    margin-top: -13px;
    font-size: 17px;
    font-family: arial, sans-serif;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.holiday_heading p {
    display: block;
    color: #FFF;
    font-weight: 400;
    text-align: center;
    padding: .5em 1.75em 1em 1.7em;
    text-transform: uppercase;
    margin: 0;
    cursor: pointer;
    
    letter-spacing: 1px;
}

#age_none {
    position: relative;
}
.holiday_main_wrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 750px;
}


.notyour_state{font-size: 50%; text-decoration: underline; text-transform: none;}


.selectOption {}
.holidaySelectBox {
    width: 40%;
    padding-right: 5%;
    border-right: 1px solid #c85454;
    float: left;
    clear: both;
    box-shadow: 1px 0px 0px 0px #f0c0c2;
}

.holidaySelectBox h3 {
    font-weight: bold;
    font-size: 137.5%;
}

.holidaySelectBox p{
    padding: 1em 0;
}

.holiday_dropdown {
    display: none;
	padding: 1em 0 2em 0;
     border-top: 1px solid #F0C0C2;
}
.selectOptionWrap {
	position: relative;
 

}

.selectOptionWrap label {
		position: absolute;
		left: -9999em;
}
.holidayregionWrap {
	float: right;
	width: 50%;
}


/*========================================
			DATE LAYOUT
========================================
*/

.region_date {
	width: 29%;
	border: 1px solid #e99191;
	border-radius: 4px;
	float: left;
	margin-right: 3%;
	position: relative;
    width: 29%;
    min-height: 120px;

}
.pastdeadline{  
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    text-decoration: line-through}


.cal_month {
    display: block;
    text-align: center;
    clear: both;
    padding: .5em 0;
    border-bottom: 1px solid #e99191;
    font-size: .75em;
    text-transform: uppercase;
}

.cal_date {
font-size: 3em;
text-align: center;
display: block;
clear: both;
margin: 6px 0 0;
}

.mail_type {
padding: 0 .5em .5em;
text-align: center;
display: block;
font-size: .75em;
}


.selectastate {
  margin-top: 20%;
}

.HOL_gift_icon {
    width: 21px;
    position: relative;
    left: -1.5em;
    top: 3px;
    display: inline;
}

 

/*========================================
			FANCY SELECT
========================================
*/

.holidaySelectBox div.fancy-select {
        position: relative;
    
        color: #ffffff;
}

.holidaySelectBox div.fancy-select.disabled {
        opacity: 0.5;
}

.holidaySelectBox div.fancy-select select:focus + div.trigger {
  /*      box-shadow: 0 0 0 2px #4B5468;*/
}

.holidaySelectBox div.fancy-select select:focus + div.trigger.open {

}
.holidaySelectBox div.fancy-select div.trigger {
	border-radius: 5px;
	cursor: pointer;
	padding: .75em 1em;
    margin-bottom: 0.75em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	background: #d25454;
	border: 3px solid #e99191;
	color: white;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	width: 77%;
	float: left;
	text-transform: none;
	font-size: 1em;
	line-height: 1em;
	transition: all 240ms ease-out;
	-webkit-transition: all 240ms ease-out;
	-moz-transition: all 240ms ease-out;
	-ms-transition: all 240ms ease-out;
	-o-transition: all 240ms ease-out;
	
}

.holidaySelectBox div.fancy-select div.trigger:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-top-color: #ffffff;
	top: 1em;
	right: 9px;
	bottom: 1em;
	margin-top: -2px;
}

.holidaySelectBox div.fancy-select div.trigger.open {
	box-shadow: inset 0px 0px 14px -5px #000;
}

.holidaySelectBox div.fancy-select div.trigger.open:after {
        border-top-color: #e88181;
}

.holidaySelectBox div.fancy-select ul.options {
 list-style: none;
margin: 0;
position: absolute;
top: 40px;
left: 0;
width: 89%;
visibility: hidden;
opacity: 0;
z-index: 99;
max-height: 200px;
overflow: auto;
background: #d25454;
border-radius: 4px;
border: 3px solid #e88181;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
min-width: 200px;
padding: 0;
font-size: 85%;
transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;

}

.holidaySelectBox div.fancy-select ul.options.open {
        visibility: visible;
 
        opacity: 1;
 
        /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
        /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
        transition: opacity 300ms ease-out, top 300ms ease-out;
        -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
        -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
        -ms-transition: opacity 300ms ease-out, top 300ms ease-out;
        -o-transition: opacity 300ms ease-out, top 300ms ease-out;
}

.holidaySelectBox div.fancy-select ul.options li {
    padding: .75em 1em;
    color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
	margin: 0;
	border-bottom: 1px solid #e88181;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
}

.holidaySelectBox div.fancy-select ul.options li.selected {
    background: rgba(232, 129, 129, 0.49);
	color: rgba(255,255,255,0.75);
}

.holidaySelectBox div.fancy-select ul.options li.hover { background: #e88181;}

.date_box {
    font-weight: 700;
    font-style: italic;
    text-transform: none;
}

.holiday_main_wrap.holiday_dropdown h4 {
    display: block;
    text-align: center;
    width: 100%;
    clear: both;
    padding: 2em 0 0;
    margin: 0;
    font-weight: 400;
    font-size: .85em;
}
.holiday_dropdown a:link, .holiday_dropdown a:visited{color: #ffffff;}

/*turn off Hours Minutes Seconds */
 .kkc-min, .kkc-min-text, .kkc-sec, .kkc-sec-text { display: none;}


/*  detail pg btn */
.btn_holiday_dropdown {
    display: none;
    clear: left;
    color: #fff;
    text-align: center;

    padding: 3%;
    background-color: #E26464;
    border-radius: 3px;
    margin-top:5px;
    margin-bottom: 20px;
    cursor: pointer;
}  
.btn_holiday_dropdown:hover {
    background-color: #b54f4f;
}


/*  equals 640px
-------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:48em){
    .holiday_main_wrap{ width: 90%}
 }

@media only screen and (max-width:40.5em){
    /* disables iOS font size increase with orientation change */
    .holidaySelectBox, .holidayregionWrap{width: auto; float: none; border-right:0px none; box-shadow: none; margin-bottom: 0.75em}
    .selectOption { font-size: 16px; }
    .holiday_heading.holiday_main_wrap.cf { font-size: 85%;}
    .holiday_heading p {padding: .5em 1.5em 1em .5em;}
}