/**
 * All of the CSS for your public-specific functionality should be
 * included in this file.
 */
/*Added By Arindam*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Rock+Salt|Shadows+Into+Light|Cedarville+Cursive');
.sigBox {
    font-family: 'Shadows Into Light', cursive;
    font-size: 1.5em !important;
    margin: 1em 0;
}
input#damage_waiver_aggreement::placeholder { font-family: 'arial, helvetica, sans-serif' !important; }
input#content_coverage_aggreement::placeholder { font-family: 'arial, helvetica, sans-serif' !important; }

.banner-form-wrap-top h4{margin-bottom: 0; color: #fff; font-weight: bold; text-transform: none; text-align: center; padding: 18px 0 18px;}
.banner-content a.banner-btn{color: #fff; font-weight: 700; text-transform: uppercase; font-size: 26px;}
.banner-content h3{font-size: 27px; font-weight: 300;}
.banner-quote-form{-ms-flex: 0 0 500px; flex: 0 0 500px; max-width: 500px; padding: 0 0px; position: relative; width: 100%; min-height: 1px;}
.banner-home-bg{-ms-flex: 0 0 calc(100% - 500px); flex: 0 0 calc(100% - 500px); max-width: calc(100% - 500px); padding: 0 0px; position: relative; width: 100%; min-height: 1px; z-index: 1; background-repeat: no-repeat; background-size: cover;}
/*.banner-home-bg:after{position: absolute; left: 0; right: 0; content: ""; background: rgba(0,0,0,0.5); top: 0; bottom: 0; width: 100%; z-index: -1;}*/
.banner-form-wrap-bottom {  background: #fff; border: 1px solid #efefef;  padding: 20px 20px; /*-webkit-box-shadow: 0px 3px 27px -6px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 3px 27px -6px rgba(0,0,0,0.29);
box-shadow: 0px 3px 27px -6px rgba(0,0,0,0.29);*/}
.banner-form-wrap-top{background: #1c76b1; }
.get-free-quote-btn .btn, .get-free-quote-btn button[type=submit] {text-transform: uppercase; padding: 12px 30px; font-size: 20px; width: 100%;  -webkit-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.55); -moz-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.55); box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.55); border-radius: 4px;border: 2px solid #b2fa9c; background-color: #41b403;}

.row-wrap-bg{background: #eaeaea; margin: 5px 0 15px; padding: 10px 0;}
.date-picker-custom button.btn.btn-outline-secondary { background: transparent; color: #6f6f6f; border: none; box-shadow: none; padding: 0; margin: 0; /*width: auto; */}
.banner-form-wrap-bottom .form-control {position: relative; border: 1px solid #6f6f6f; color: #000; padding: 8px 12px;}
select.form-control:not([size]):not([multiple]) { height: calc(1.5em + .75rem + 2px)!important;}
.date-picker-custom span.input-group-append{position: absolute; right: 0; top: 2px;}
.date-picker-custom .form-control { border-top-right-radius: 4px!important; border-bottom-right-radius: 4px!important;}
.date-picker-custom input.form-control { background-image: url(../images/calendar-icon.png); background-repeat: no-repeat; background-size: 16px; background-position: 97% 50%;}
.dropdown-menu {  min-width: 12rem;}
.dropdown-menu table.table-condensed {  width: 100%;}
.banner-form-wrap-bottom label{font-weight: 700; color: #2699fb; margin-bottom: 5px;}
.banner-form-wrap-bottom .form-group { margin-bottom: 10px;}
.special-notes{color: #6f6f6f; font-size: 14px; padding: 15px 0; font-weight: 600;}
.banner-form-wrap-bottom a.find-zip { color: #3698d9; font-weight: 600; font-size: 20px;}
.banner-form-wrap-bottom .row{margin: 0 -10px;}
.banner-form-wrap-bottom .col-lg-12, .banner-form-wrap-bottom .col-6{padding: 0 10px;}
.banner-form-wrap-bottom .nav-tabs .nav-link { border-radius: 6px; background-color: #fff; color: #2697df; font-weight: 600; border: none; font-size: 18px;}
.banner-form-wrap-bottom .nav-tabs .nav-item.show .nav-link, .banner-form-wrap-bottom .nav-tabs .nav-link.active { border-radius: 6px; background-color: #2697df; color: #fff; font-weight: 600; border: none; font-size: 18px;}
.banner-form-wrap-bottom .nav-tabs{border: none;}
 /*quote reservation form*/

.quote-reservation-form{}
.quote-reservation-table{background-color: #f5f5f5; padding: 30px 0 30px;}
.reserve-table{background: #fff; border: 1px solid #000;}
.reservation-data-tab{}
.reservation-data-tab ul{margin: 0; padding: 0; list-style: none; display: flex; -ms-flex-pack: justify!important; justify-content: space-between!important;}
.reservation-data-tab ul li{}
.reservation-data-tab ul li a{display: block; color: #adadad; font-weight: 600; font-size: 20px;  padding: 15px 26px; }
.reservation-data-tab ul li.active a, .reservation-data-tab ul li:hover a{background-color: #41b403; color: #fff;}
.reservation-result{padding-left: 80px; max-width: 470px; padding-top: 50px;}
.reservation-result h3 { color: #2f97db; font-size: 30px; font-weight: 400; line-height: 1.2;}
.reservation-result h4{font-size: 26px; color: #707070; font-weight: 400;}
.or { font-size: 28px; color: #707070; font-weight: 400;}
.go-back-btn .btn{display: block; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.56); color: #8b8b8b; border-color: #000!important; width: 100%; border-radius: 0; margin-top: 30px;  text-transform: capitalize; letter-spacing: 1px;}
.reservation-data-tab ul li span.data-img { display: inline-block; margin-right: 12px;}
.reserve-table h6{margin-bottom: 10px;padding-top: 10px; text-align: right;}
.reserve-table {padding: 0 5px 20px;}
.total-due-delivery{display: flex; -ms-flex-pack: justify!important; justify-content: space-between!important; padding: 10px 10px;  background: #2f97db;}
.total-due-delivery h4{margin-bottom: 0; line-height: 1.5;}
.total-spend{font-size: 21px;}
.estimated-future-costs thead th{color: #adadad;}

span.closequote {
    background: #000;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    height: 36px;
    text-align: center;
    cursor:pointer;
}

.notav {
    font-size: 13px;
    font-style: italic;
    text-align: center;
    color: #ff0000;
    font-weight: bold;
}



#home-main-tab{display: block;}
#quote-reservation{display: none;}
.quote_results { flex: 0 0 calc(100% - 250px); opacity:0; max-width: calc(100% - 250px); padding: 15px; position: absolute; width: 50%; left: 0; min-height: 1px;
 background-repeat: no-repeat; background-size: cover; z-index: 99; background: #fff; margin: 0 30px 30px; min-width: 358px; /*box-shadow: 10px 20px 10px #000000;*/ transition: 0.5s linear all; -webkit-box-shadow: 10px 10px 10px 0px rgba(50, 50, 50, 0.55); -moz-box-shadow: 10px 10px 10px 0px rgba(50, 50, 50, 0.55); box-shadow: 10px 10px 10px 0px rgb(50, 50, 50, 0.55);}
.quote_spinner { position: absolute; z-index: 99; top: 0;  bottom: 0;  left: 0;  right: 0;  text-align: center;  padding: 60% 0 0 0; background: #fff;}


.banner-content { max-width: 100%;}
.home-banner-sec:before{left: 0!important; right: 0!important;}
.table {  display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.table thead{width: 100%; display: table;}
.table tbody{width: 100%; display: table;}
.quote_results h3.main-tagline { font-size: 16px; color: #2f97db; text-align: center; display: flex; justify-content: space-between;}
.quote_results h3.main-tagline span.pull-left { text-align: left;}
.quote_results center h3 { font-size: 22px; color: #1e191a;}
.quote_results p { font-size: 14px; margin-top: 10px; margin-bottom: 15px;}
.table tbody tr td:last-child{text-align: right;}

/*align table th + td in quote results*/
.quote_results .table td:nth-child(1), .quote_results .table th:nth-child(1){width:60%!important}
.quote_results .table td:nth-child(2), .quote_results .table th:nth-child(2){width:10%!important; text-align:center!important;}
.quote_results .table td:nth-child(3), .quote_results .table th:nth-child(3){width:10%!important; text-align:right!important;}
.quote_results .table td:nth-child(4), .quote_results .table th:nth-child(4){width:20%!important; text-align:right!important;}
.quote_results td#subtotal{text-align:right!important;}
.quote_results td#total{text-align:right!important;}
.quote_result_screen_three > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1){text-align:right}
.quote_result_screen_three > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > table:nth-child(6) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(2){width:15%!important; text-align:right!important}
.quote_results .table td, .quote_results .table th{white-space:nowrap}



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



/* 14-06-2021 (Arpita) */

.quote_result_screen .bg-primary { background-color: #2f97db!important;}
.storage-quote-menu { background: #fff; position: relative; width: 100%;}
.storage-quote-menu ul li { margin: 0;}
.storage-quote-menu ul li a { padding: 15px 25px; display: block; color: #a2a2a2; font-size: 17px; font-weight: 600;}
.storage-quote-menu ul li.active a, .storage-quote-menu ul li:hover a { background: #35b800; color: #fff;}

.storage-quote-menu ul li a svg { margin-right: 10px;}
.quote_result_screen { position: relative; flex: inherit; max-width: 100%; min-width: 100%; margin: 0;     box-shadow: inherit; border: 1px solid #acacac;}  
.quote_result_screen_main { padding: 30px 80px; background: #f5f5f5; position: relative; width: 100%;}
.quote-thanku .get-free-quote-btn button.btn { width: 360px;}

.quote-thanku .delivery-add-form .get-free-quote-btn button.btn { width: 210px;}
.door-selectbox { border-bottom: 1px solid #a7a7a7;}
.door-selectbox .container-title .container-title-left { width: 26px; text-align: center; margin-right: 8px; }
.door-selectbox .container-title small { display: block; color: #fc0606; text-transform: uppercase; font-size: 10px; font-weight: 600; }
.door-selectbox .container-title span { background: #fc0606; display: block; color: #fff; height: 50px; line-height: 50px; font-size: 30px; font-weight: 100; }
.door-selectbox .selectbox select { height: 35px; border-radius: 5px; width: 100%; padding: 0 10px; font-size: 15px; }
.quote_result_screen_four .fixed-height { max-height: 720px; overflow-y: auto; overflow-x: hidden; }
.quote_result_screen_four .fixed-height .fixed-cntnt-repeat { margin-bottom: 20px;}
.quote_result_screen_four .fixed-height .fixed-cntnt-repeat .row, .quote_result_screen_seven .delivery-add-form .row { margin-left: -10px; margin-right: -10px;}
.quote_result_screen_four .fixed-height .fixed-cntnt-repeat .col-lg-3, .quote_result_screen_seven .delivery-add-form .col-6 , .quote_result_screen_seven .delivery-add-form .col-lg-8, .quote_result_screen_seven .delivery-add-form .col-lg-4, .quote_result_screen_seven .delivery-add-form .col-12, .quote_result_screen_seven .delivery-add-form .col-lg-7, .quote_result_screen_seven .delivery-add-form .col-lg-5 { padding-left: 10px; padding-right: 10px; }

.quote_result_screen_five .border { border: 1px solid #acacac !important;}
.quote_result_screen_five .delivery-add-form tr td { font-size: 15px; padding: .40rem .75rem;}
.quote_result_screen_five .delivery-add-form table input[type="checkbox"] { width: 16px; height: 16px; border-radius: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; position: relative; border: 1px solid #acacac; top: 3px; left: 4px;}
.quote_result_screen_five .delivery-add-form table input[type="checkbox"]:after { content: ""; position: absolute; left: -5px; top: -2px; display: block; transform: rotate(45deg); height: 14px; width: 7px; margin-left: 60%; border-bottom: 2px solid #2f97db; border-right: 2px solid #2f97db; opacity: 0; }
.quote_result_screen_five .delivery-add-form table input[type="checkbox"]:checked:after { opacity: 1;}
.quote_result_screen_five .delivery-add-form .bg-warning { background-color: #fffabc !important; font-size: 13px; padding: 10px 15px; }
.quote_result_screen_five .insurance-form input.form-control { width: 100%; margin-top: 11px; height: 50px; background-color: #fdc1c1; text-transform: uppercase; border: 1px solid #acacac; border-radius: 0; padding: 10px 20px; }
.quote_result_screen_five .quote-thanku .insurance-form button.btn { width: 100% !important; font-size: 18px; padding: 11px 30px; border-radius: 0; }
.quote_result_screen_five .insurance-form .row { margin-left: -8px; margin-right: -8px;}
.quote_result_screen_five .insurance-form .col-6 { padding-left: 8px; padding-right: 8px;}

.quote_result_screen_main .delivery-add-form tr.bg-secondary { background-color: #c3c3c3 !important;}
.quote_result_screen_six .delivery-add-form tr td { font-size: 15px; padding: .40rem .75rem;}
.quote_result_screen_six .delivery-add-form tr th { font-size: 16px !important; color: #707070;     font-weight: bold !important; text-transform: uppercase;}
.quote_result_screen_six .delivery-add-form tr td input[type="number"] { width: 50px; height: 26px; border-radius: 0; padding: 5px 10px; text-align: center; }

.quote_result_screen_seven .delivery-add-form .bg-white input[type="checkbox"] { width: 22px; height: 22px; border: 2px solid #41b403; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 4px; position: relative; }
.quote_result_screen_seven .delivery-add-form .bg-white input[type="checkbox"]:after { content: ""; position: absolute; left: -5px; top: -1px; display: block; transform: rotate(45deg); height: 17px; width: 7px; margin-left: 60%; border-bottom: 3px solid #41b403; border-right: 3px solid #41b403; opacity: 0; }
.quote_result_screen_seven .delivery-add-form .bg-white input[type="checkbox"]:checked:after { opacity: 1;}
.quote_result_screen_seven input { text-transform: uppercase; }


.thanku_last_screen .quote-thanku { background: rgb(255 255 255 / 85%); position: relative; margin-right: 0; align-items: center;padding: 15% 5%;}
.thanku_last_screen .quote-thanku .text-center { max-width: 350px; margin: 0 auto;}
.thanku_last_screen .quote-thanku h3 b { text-transform: uppercase;}
.thanku_last_screen .quote-thanku h4 { font-size: 27px;}
.thanku_last_screen .quote-thanku h4 a { color: #000;}



.quote_result_screen_four .row.radiobox-holder.image-radiobox-holder { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; white-space: nowrap; flex-wrap: inherit;}
.quote_result_screen_four label.radiobox-container span.custom-radio-span { display: block;padding: 0 0 4px; font-size: 15px;}
.quote_result_screen_four label.radiobox-container input[type="radio"] { display: block; margin: 10px auto 0;}
.quote_result_screen_four label.radiobox-container img { height: 85px;}

.quoteheader, .quotefooter {
    background: #ccccccbf;
    padding: 20px 10px;
}

.quotefooter {
    margin: 20px 0 30px 0;
}

.quotefooter center {
    padding: 10px 0;
}


@media only screen and ( max-width: 1599px ) { 
    
    .quote_result_screen_main { padding: 30px 60px;}
    
}

@media only screen and ( max-width: 1199px ) { 
    
 .banner-content { max-width: 310px; margin: 0 auto;}   
    
}



@media only screen and ( max-width: 1100px ) { 
    
.quote_results { width: 45%;}    
.banner-form-wrap-top h4 { font-size: 18px;}    
}


@media only screen and ( max-width: 991px ) { 
     
 .banner-form-wrap-bottom .form-control { font-size: 13px; padding: 8px 8px;}   
 .banner-form-wrap-bottom .nav-tabs .nav-link {  font-size: 16px;}   
 .banner-form-wrap-bottom label {  font-size: 14px;}    
 .quote_results h3.main-tagline { font-size: 15px;}
    
    .storage-quote-menu ul li a { padding: 10px 15px; font-size: 14px; }
    .quote_result_screen_main { padding: 30px;}
    .quote-thanku .get-free-quote-btn button.btn { width: 100%; margin: 0; }
    .quote-thanku h3 { font-size: 22px; } 
    .quote-thanku h4 { font-size: 18px; }
    .or { font-size: 18px; }
    .door-selectbox .row { margin: 0 -15px !important; }
    .door-selectbox .col-md-4, .door-selectbox .col-md-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px !important; }
    .door-selectbox .container-title .container-title-left { width: 30px}
    .door-selectbox .container-title { justify-content: center; margin-bottom: 15px;}
    
}


@media only screen and ( max-width: 820px ) { 
    
 .quote_results { width: 22%; min-width: 325px;}   
    
}


@media only screen and ( max-width: 767px ) { 
      
.quote_results { flex: 0 0 80%; max-width: 80%; padding: 20px; position: relative; width: 100%; left: 0; right: 0; margin: 20px auto 20px auto; min-width: 80%;-ms-flex-order: 1; order: 1; }      
.quote_results h3.main-tagline { display: flex; justify-content: space-between; }    
.quote_results h3.main-tagline span.pull-left { text-align: center; margin: 5px 0; display: block;}    
.table td, .table th { padding: .55rem;}  
.banner-content {  padding-top: 30px;  max-width: 310px;  margin: 0 auto;}    
.banner-content h2 {  font-size: 23px;}    
.banner-content h3 { font-size: 20px;}   
    .banner-quote-form {  -ms-flex-order: 2; order: 2;}
    
    .storage-quote-menu { overflow: hidden; }
    .storage-quote-menu ul { padding-bottom: 20px; margin-bottom: -20px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; white-space: nowrap; flex-wrap: inherit; justify-content: inherit !important; }
    .quote_results h3.main-tagline span { width: 50%; margin: 0 !important; }
    .quote_result_screen_four .fixed-height .fixed-cntnt-repeat .image-radiobox-col span { display: block;     margin: 0 0 5px;}
    .quote_result_screen_four .fixed-height .fixed-cntnt-repeat .image-radiobox-col input[type="radio"] {    display: block; margin: 10px auto;}
    .quote_result_screen_four .fixed-height .fixed-cntnt-repeat .door-selectbox { padding: 0 15px 0; }
    .quote_result_screen_four { padding-bottom: 25px;}
    .get-free-quote-btn {margin: 20px 20px 0;}
    .quote_result_screen_four .fixed-height .fixed-cntnt-repeat { margin-bottom: 0;}
    .quote_result_screen_five .quote-thanku, .quote_result_screen_six .quote-thanku { padding: 0 20px 30px;}
    .quote_result_screen_seven .quote-thanku { padding: 0 20px 30px;}
    .quote-thanku .delivery-add-form .get-free-quote-btn button.btn { width: 100%;}
    .quote_result_screen_seven .delivery-add-form > .d-flex { display: block !important;} 
    .quote_result_screen_seven .delivery-add-form .delivery-checkbox { display: flex; align-items: center; }
    .quote_result_screen_seven .delivery-add-form label { display: inline-block;}
    
    .quote_result_screen_main { padding: 20px 0px !important;}
    .quote_result_screen_four .row.radiobox-holder.image-radiobox-holder .col-lg-3.col-6.image-radiobox-col { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; }
    
    
}



@media only screen and ( max-width: 600px ) { 
  
.wprs_unslider-arrow.next {  left: auto;  right: 0;}
.wprs_unslider-arrow.prev { left: 0!important;right: auto;}
.wprs_unslider-arrow { top: 100%!Important;  }  
}


@media only screen and ( max-width: 480px ) { 
    
    .quote_results { flex: 0 0 90%; max-width: 90%; min-width: 90%;   padding: 20px 10px;}  
   
    .quote_results > span.pull-right { margin-right: 0px; }
    .thanku_last_screen .quote-thanku { padding: 15% 10%;}
}



/* ARINDAM 26thJULY */
td.disabled.disabled-date.day {
    background: #fdc4c4;
}
td.disabled.disabled-date.day:hover {
    text-decoration: line-through;
    background: #f9aeae;
}

.quote_results .emergency {
    background: #2499DE;
    padding: 20px;
    text-decoration: auto;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}