.form-control.is-valid, .was-validated .form-control:valid { background-image:none; border-color: #28a745; padding-right: calc(1.5em + .75rem); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem); } #call-help a { color: #d50032 !important; font-weight: 600; font-size: 22px; } .need-help-body { color: #3c3c3b; font-size: 16px; font-weight: 400; text-align: center; padding-bottom: 15px; } .need-help-title { color: #002f6c; font-size: 25px; font-weight: 600; padding: 20px 0px 5px 0px; text-align: center; } .need-help-block { box-shadow: -5px 5px 2px -2px rgba(14,14,14,.15); -webkit-box-shadow: -5px 2px 2px -2px rgba(14,14,14,0.15); -moz-box-shadow: -5px 2px 2px -2px rgba(14,14,14,0.15); background-color: #FFF; margin-top: 20px; } .shipping-address-title, .shipping-options-title, .billing-address-title, .payment-title, .shipping-name-title { color: #002f6c; font-size: 25px; font-weight: 400; padding: 20px 0px 5px 0px; } #place_order.btn-red-learnmore { width: 20rem; margin: 0 auto; color: #ffffff !important; border-width: 1px !important; border-color: #e02b20; font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif !important; font-weight: 500 !important; background-color: #d50032; border-radius: 6px; padding: 11px 20px !important; font-size: 20px !important; line-height: 24px !important; margin-bottom: 20px !important; } .place-order { margin-top: 20px; } .shipping-name-block .form-control { color: grey; font-size: 16px; background-color: #fff; -webkit-appearance: none; height: 40px; box-shadow: none } .shipping-name-block { box-shadow: -5px 5px 2px -2px rgba(14,14,14,.15); -webkit-box-shadow: -5px 2px 2px -2px rgba(14,14,14,0.15); -moz-box-shadow: -5px 2px 2px -2px rgba(14,14,14,0.15); padding: 0px 20px 0px 20px; background-color: #FFF; } .shipping-type-block { box-shadow: -5px 5px 2px -2px rgba(14,14,14,.15); -webkit-box-shadow: -5px 2px 2px -2px rgba(14,14,14,0.15); -moz-box-shadow: -5px 2px 2px -2px rgba(14,14,14,0.15); padding: 0px 20px 0px 20px; background-color: #FFF; margin-top: 20px; } .payment-block { box-shadow: -5px 5px 2px -2px rgba(14,14,14,.15); -webkit-box-shadow: -5px 2px 2px -2px rgba(14,14,14,0.15); -moz-box-shadow: -5px 2px 2px -2px rgba(14,14,14,0.15); padding: 0px 20px 0px 20px; background-color: #FFF; margin-top: 20px; } input[type=search], input[type=text], input[type=email], input[type=tel], input[type=url], input[type=password], textarea {color: #666;border: 1px solid #ccc;border-radius: 0px;} .page-id-1433 .et_builder_outer_content{ background-color: #f4f5fa !important;} #autocomplete { margin-top: 15px; } .form-lookup label { color: #60646c; font-weight: 600; padding-left: 5px; font-size: 16px; position: relative !important; } /*.form-lookup { background-color: #e3f0fa; margin-top: 15px; border: solid 1px; margin-bottom: 15px; }*/ /*the container must be positioned relative:*/ .autocomplete { position: relative; display: inline-block; } input { border: 1px solid transparent; background-color: #f1f1f1; padding: 10px; font-size: 16px; } input[type=text] { background-color: #f1f1f1; width: 100%; } input[type=submit] { background-color: DodgerBlue; color: #fff; cursor: pointer; } .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; } .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } /*when hovering an item:*/ .autocomplete-items div:hover { background-color: #e9e9e9; } /*when navigating through the items using the arrow keys:*/ .autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; } .container-form-payment #address2_shipping { border: 1px solid grey; color: grey; font-size: 16px; background-color: #fff; -webkit-appearance: none; height: 40px; box-shadow: none; } .cc_label label { color: #3c3c3b !important; font-size: 16px!important; font-weight: 400!important; } /*.cc-number {text-align: center;}*/ .cc_type{ position: absolute; right: 20px; top: 4%; } .shipping-label{margin-top: 10px;} .priceff{text-align: right;} .terms-conditions{padding-bottom: 20px;} #modalupsell {margin-left: -5px;} .with-errors {font-size: 15px;} .cblue {color:#182963 !important; text-shadow: none !important;} .cred {color:#A73B4D !important; text-shadow: none !important;} .fs70 {font-size: 70px !important; line-height: 80px !important;} .fs50 {font-size: 50px !important; line-height: 60px !important;} .fs30 {font-size: 30px !important; line-height: 30px !important;} .text-center {text-align: center !important;} .w100 {width:100px;} .box-border-thumb-bg {background-image: url('/wp-content/uploads/2021/05/thankyou.png'); background-repeat:no-repeat; background-position: left-bottom;} .radio #another_person_yes, .radio #another_person_no {float:left;} .shipping-options { background-color: #e3f0fa; } .protection-upsell { background: url(images/sale-2.jpg) no-repeat center / cover; height: 600px; position:absolute; right:0 } .fd-upsell { background: url(images/Fall-Detection.jpg) no-repeat center / cover; height: 600px; position:absolute; right:0; } .btn-custom, .phonenumber a, .phonenumber p { font-weight: 700 } .phonenumber a, h1 { font-size: 30px } .btn-custom, a { text-decoration: none } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s } .phonenumber p { margin: 0; line-height: 48px; color: #FDC800; text-shadow: 1px 1px 1px #000 } h1, h2, h3, h4, h5, h6 { font-weight: 700; color: #000 } h2 { font-size: 26px } h3 { font-size: 24px } h4 { font-size: 22px } h5 { font-size: 20px } .btn-grey, h6 { font-size: 18px } p { font-size: 16px; font-weight: 400; color: #000; display: block; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .shipping-address { border-right: 1px solid rgba(0,0,0,.1); padding-top: 10px; } .order-summary { padding-top: 10px; } div#iperOderDetailFinalSummary p { margin-bottom: .4em } .bottom-space { margin-bottom: 20px } .btn-custom { padding: 10px 70px; font-size: 20px; !important line-height: 68px; background-color: #9c3039; color: #fff; border-radius: 0; border: 0 } .btn-grey, .btn-orange { font-weight: 700; border-radius: 0; color: #fff } .price_o { padding: 0 } .btn-orange { font-size: 30px; line-height: 81px; background-color: #da9333; padding: 0; border: 0 } .btn-orange:hover { color: #fff } .btn-grey { line-height: 52px; background-color: #a8a8a7; padding: 0 20px; border: 0 } .btn-grey2, .btn-red { font-size: 18px; font-weight: 700; line-height: 52px; border-radius: 0; padding: 0 20px } .btn-grey:hover { color: #fff } .btn-red { background-color: #9c3039; color: #fff; border: 0; text-decoration: none } .btn-grey1, .btn-grey2 { background-color: #a8a8a7; text-decoration: none } .btn-grey2 { border: 0 } .btn-grey1, .btn-orange1 { border-radius: 0; line-height: 52px; padding: 0 20px; font-size: 30px; font-weight: 700 } .btn-red:hover { color: #fff; text-decoration: none } .btn-grey2:active { color: #9c3039 } .breadcrumb-navbar ul li.go-back a, .btn-grey1, .btn-red1 { color: #fff } .btn-grey1, .btn-orange1 { border: 0 } .btn-red1 { font-size: 30px; font-weight: 700; line-height: 52px; background-color: #9c3039; border-radius: 0; padding: 0 20px; border: 0 } .btn-big { font-size: 30px; line-height: 68px } .navbar { margin-bottom: 0; border: 0; border-radius: 0 } .breadcrumb-navbar { background-color: #F9F9F9; min-height: 60px; margin-top: 110px; } .breadcrumb-navbar ul { list-style: none; padding: 0; margin: 0 } .breadcrumb-navbar ul li { font-size: 13px; font-weight: 700; line-height: 60px; padding: 0 4px; position: relative; float: left } .breadcrumb-navbar ul li.go-back { background-color: #A5A5A5; margin-left: 16px; color: #fff } .breadcrumb-navbar ul li.go-back:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 30px 16px 30px 0; border-color: transparent #A5A5A5 transparent transparent; position: absolute; left: -16px; top: 0 } .breadcrumb-navbar ul li a { display: block } .breadcrumb-navbar ul li .item { display: inline-block } .page-template-template-medical-home .breadcrumb-navbar ul li:last-child .item:before, .page-template-template-profile .breadcrumb-navbar ul li:last-child .item:before { border-color: transparent transparent transparent #0b2265 } .breadcrumb-navbar ul li:first-child .item:before { background: 0 0 } .breadcrumb-navbar ul li .item>span, .breadcrumb-navbar ul li a>span { font-size: 10px; width: 15px; height: 15px; line-height: 15px; text-align: center; background-color: #89d0f2; display: inline-block; border-radius: 50%; position: relative; top: -3px } ._result-hide { display: none !important; } .tmp_btn-hide { display: none !important; } ._result, .tmp_btn { display: inline } nav.navbar.breadcrumb-navbar li a { color: #0b2265 } nav.navbar.breadcrumb-navbar li span { color: #fff } nav.navbar.breadcrumb-navbar li span.item { color: #868484 } .body_text_detail { padding-left: 20px } ._result { font-size: 30px; color: #9c3039; padding: 0 20px; font-weight: 700 } #terms_text, .breadcrumb-navbar ul li { display: none } .p_img.col-md-5 img { border: 0px solid #0b2265!important } .terms_text { background-color: #fff; border: 1px solid grey; border-top: 5px solid #B33C46; border-bottom: 5px solid #A99D9D; padding: 10px 20px; overflow-y: scroll; height: 290px; border-radius: 5px; margin-bottom: 30px } .breadcrumb-navbar ul { margin-left: 1px } .breadcrumb-navbar ul .go-back, .breadcrumb-navbar ul li:last-child, .breadcrumb-navbar ul li:nth-last-child(2) { display: inherit } #slider-home { border-bottom: 7px solid #0b2265; position: relative } #testBlk { background: #0B2265 } #testBlk .corner { position: absolute; top: 0; left: 0; width: 0; height: 0; margin: 0; padding: 0; background: 0 0; border-width: 50px 80px 0 0; border-style: solid; border-color: #9C3038 transparent transparent } #testBlk .testo { position: absolute; top: 0; right: 0; width: 141.4px; height: 20px; line-height: 20px; padding: 118.4px 0 3px; text-align: center; background: rgba(127, 127, 127, .5); color: #f0c } #preview-order-payment, .list-product .card-column, .total-page { position: relative } #preview-select-payment .payment-type .radio label, .btn_ship, .total-page, .upsells label { width: 100% } .list-product { margin-top: 50px; padding: 25px } .list-product .title-list { font-size: 31px; font-weight: 700; color: #000 } .list-product .subtitle-list { font-size: 16px; font-weight: 400; color: #000; margin-bottom: 30px } .title-list { font-size: 31px; font-weight: 700; color: #000 } .subtitle-list { font-size: 16px; font-weight: 400; color: #000; margin-bottom: 20px } .list-product .card-container { margin-bottom: 50px } .list-product .card-container.active, .list-product .card-container:hover { transform: translateY(-20px) } .list-product .card-container .card { padding: 0px 5px; background-color: #89d0f2; color: #fff; height: 41em; } .list-product .card-container .card .title { font-size: 28px; line-height: 36px; font-weight: 400; padding: 10px 0 20px; border-bottom: 1px solid #fff; text-align: center; margin-bottom: 20px } .list-product .card-container.active .card .title { line-height: 33px } .list-product .card-container.active .card .title:after { content: ''; font-size: 22px; font-weight: 400; font-style: italic; display: block; text-align: center } .list-product .card-container .card .content>a { font-size: 23px; font-weight: 700; text-decoration: none; color: #fff; text-align: center; display: block } .list-product .card-container .card .content>a>span { border-bottom: 3px solid #fff } .form-line, .order-line { border-width: 1px; border-style: solid } .list-product .card-container .card .content .price { font-size: 41px; font-weight: 700; line-height: 30px; text-align: center; max-width: none; padding: 15px 0px 20px 0px; } .list-product .card-container .card .content .regular-price { font-size: 30px; font-weight: 700; max-width: none; text-decoration: line-through; float: left; position: relative; left: 25px; top: 5px; } .list-product .card-container .card .content .discount { font-size: 20px; font-weight: 700; line-height: 30px; text-align: center; max-width: none; padding: 0 0 10px; margin-top: -15px } .list-product .card-container .card .content .payment-type { font-size: 17px; font-weight: 700; line-height: 24px; text-align: center; margin-bottom: 20px } .list-product .card-container .card .content .list-accessories ul { list-style: none; padding: 0; margin: 0; } .list-product .card-container .card .content .list-accessories, .list-product .card-container .card .content .list-accessories ul li { font-size: 16px; font-weight: 400; font-style: italic; white-space: nowrap; padding: 0px 2px; text-align: left; } .list-product .card-container .card .content .list-accessories ul li:before { content: "\f00c"; font-family: FontAwesome; color: #da9333; font-size: 20px; margin-right: 10px; } li.list-accessories { text-align: left } .list-accessories { text-align: center; margin: 0 auto } .just_wrap { margin-bottom: 10px; display: inline-block } .p_img { text-align: center } .list-product .card-container.active .card, .list-product .card-container:hover .card { background-color: #0B2265 } .form-order-container, .order-container { background-color: #fff; color: #000 } .discount_cart { margin-top: -10px } .med-home { margin-top: 20px } .time_term { font-size: 16px } span.discount_text { margin-left: 25px } .c_limiter { float: left } .price_up { text-align: right; } .priceme { padding: 0 } a.print_icon, a.print_icon:visited { color: #000 } .list-payment-type { margin-top: 20px; padding: 25px } .order-testo, .order-testo1, .order-testo2 { padding: 10px; font-size: 15px } .list-payment-type .card-container .card .title { color: #02275A; font-size: 29px; line-height: 25px; font-weight: 400 } .list-payment-type .card-container:hover { margin-top: 0 } .order-title { margin-left: 5%; color: brown; font-size: 47px; margin-top: 15px } .order-line { margin-top: 40px; border-color: grey #fff } .order-subtitle { font-weight: 400; color: brown; font-size: 36px; text-align: center } .order-testo1 { margin-left: 7% } .order-testo2 { text-align: center } .order-testo3 { margin-left: 30%; margin-top: 530px } .order-testo4 { text-align: center; margin-bottom: 60px } .order-subtesto { margin-left: 5%; font-size: 15px; margin-bottom: 25px } .order-subtesto .print-order { margin-left: 10px } .order-style { float: right; padding-right: 550px } .you_cant_see_me { visibility: hidden; height: 0 } /*.btn-to-continue { margin: 50px 0 }*/ .btn_ship { font-size: 11px; padding: 10px } .form-group1 { margin-right: 20%; margin-top: 52px } .form-group2 { padding-left: 43px; margin-top: 15px } .form-line { margin-left: 4%; margin-right: 4%; border-color: #696969 #fff } .form-order-container { padding: 10px; min-height: 250px } .form-order-container1 { padding-left: 60px; padding-right: 10%; margin-top: 25px } .form-order-container2 { padding-left: 60px; margin-top: 5px; padding-right: 4% } .form-order-container3 { padding-left: 10px; margin-top: 6px; padding-right: 4% } .form-subtitle1 { font-weight: 400; color: #000; font-size: 36px } .form-subtitle2 { margin-top: 20px } @media screen and (max-width: 991px){ .box-border-thumb-bg { all: unset;} } @media screen and (max-width: 425px){ .total-page { background-image: url('images/thankmob.jpg') !important; background-position: top !important; margin-bottom: -300px !important; } } /*.total-page { background: url(images/thankyou-wintr-768.jpg) center/cover no-repeat; min-height: 690px; max-width: 100%; height: auto; z-index: 1 } */ .total-page { width: 100%; height: 700px; margin-bottom: 50px; margin: 125px 0 50px 0; background-image: url('images/thankyou.jpg'); background-repeat: no-repeat; background-position:center; background-size: contain; } .total-page:before { content: ''; display: block; width: 100%; } .total-page:after { content: ''; background: rgba(11, 34, 101, 0); position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: -99; } .super-text { font-size: 40px } .text-page { float: right; color: #fff; position: relative; margin-top: 7%; font-size: 30px; font-weight: 600; z-index: 3; text-align: center } .list-select .card-select .card1 { padding: 10px; background-color: #696969; color: #fff; min-height: 174px } .card-select.active .checkbox:before, .card-select:hover .checkbox:before { list-style: none; content: "\f00c"; font-family: FontAwesome; color: #da9333; font-size: 40px; float: right } .select-subtitle { margin-top: 30px } .select-container { padding-bottom: 60px } .card-select.active>a.btn, .card-select:hover>a.btn { background: #da9333; color: #fff } #iperCartDetail .product a:visited { color: #fff; font-weight: 700; margin-left: 5px } .btn:focus, .btn:hover, div#preview-order-payment a:visited { color: #fff } #iperCartDetail .product a { color: #0b2265; font-weight: 700; margin-left: 5px } .checkbox a:visited { color: #9c3039 } #preview-select-payment { padding-top: 119px; top: 0 } #preview-select-payment .title { background-color: #89d0f2; color: #fff; font-size: 36px; font-weight: 400; text-align: center; height: 66px; line-height: 66px } #preview-select-payment .order-detail { background-color: #fff; border: 1px solid #cacaca; border-top: 0; padding: 20px 30px; font-size: 16px; color: #3c3c3b; font-weight: 400; margin-bottom: 20px } #preview-select-payment hr { border-color: grey; margin: 10px 0 } #preview-select-payment .rice { float: right; margin-right: 30px } #preview-select-payment ul { list-style: none; margin: 0; padding: 5px } .header-thank p { margin-top: 20px; font-size: 20px; } /*.header-thank { padding: 0 40px }*/ .accessory_price { width: 50px; padding: 2px 10px; background-color: #9c3039; color: #fff; font-weight: 700; border-radius: 3px 3px 0 0 } .modal-body, .modal-body div[class*=col-] { padding: 0 } footer .footer-container { border-top: 7px solid #fff; background-color: #eeedee; height: 310px } footer .footer-bottom { background: #4e7cd4; background: -moz-linear-gradient(top, rgba(78, 124, 212, 1) 0, rgba(44, 84, 161, 1) 100%); background: -webkit-linear-gradient(top, rgba(78, 124, 212, 1) 0, rgba(44, 84, 161, 1) 100%); background: linear-gradient(to bottom, rgba(78, 124, 212, 1) 0, rgba(44, 84, 161, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4e7cd4', endColorstr='#2c54a1', GradientType=0); height: 90px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .4) } .modal-backdrop { background-color: #3c3c3b } .modal-backdrop.in { opacity: .85 } .modal-content { border: 0; box-shadow: none; border-radius: 0; padding: 0; height: 600px; } .modal-body .row { margin: 0 } .modal-body .detail-plan { margin: 0 auto 30px } .modal-body .detail-plan h1 { font-size: 33px; color: #0b2265; margin: 10px 0 0 } .modal-body .detail-plan h2 { font-size: 56px; color: #3c3c3b; margin: 0; padding: 0 0 0px; font-family: 'Source Sans Pro', sans-serif; } .modal-body .detail-plan h3 { font-size: 36px; color: #3c3c3b; margin: 0; padding: 0 0 0px; } .modal-body .detail-plan h3 { margin-bottom: 10px } .modal-body .detail-plan .btn-grey { margin-right: 3px; margin-top: 0 } .modal-body .text-plan { margin-bottom: 20px; font-size: 16px; font-weight: 400; color: #000; } .modal-body .detail-plan p { font-size: 18px; line-height: 32px; font-family: 'Source Sans Pro', sans-serif; } .modal-btns { } #preview-order-payment #iperCartDetail .product a:visited { color: #0b2265 } #preview-order-payment #iperCartDetail .product a { color: #0b2265; text-decoration: underline } #slider-home .item .call-out:hover, #slider-product .item .call-out:hover, .blue_btn, .linkbtn { text-decoration: none } button.close:hover { color: #fff; opacity: 1 } button.close2, button.close2:hover { color: #9c3039; opacity: 1 } button.close2 { position: absolute; right: 5px; top: -15px; font-size: 45px; z-index: 1110; float: none; height: 50px; line-height: 0; width: 50px; padding: 0; background-color: #fff; border: 0 } .container-form-payment { } #form-payment { margin-bottom: 100px } .container-form-payment .form-group { margin-bottom: 15px } .shipping-addresss-block { background-color: #FFF; padding: 0px 20px 0px 20px; box-shadow: -5px 5px 2px -2px rgba(14,14,14,.15); -webkit-box-shadow: -5px 2px 2px -2px rgba(14,14,14,0.15); -moz-box-shadow: -5px 2px 2px -2px rgba(14,14,14,0.15); margin-top:20px; } .billing-address-block { box-shadow: -5px 5px 2px -2px rgba(14,14,14,.15); -webkit-box-shadow: -5px 2px 2px -2px rgba(14,14,14,0.15); -moz-box-shadow: -5px 2px 2px -2px rgba(14,14,14,0.15); padding: 0px 20px 0px 20px; background-color: #FFF; margin-top: 20px; } .shipping-addresss-block .form-control { color: grey; font-size: 16px; background-color: #fff; -webkit-appearance: none; height: 40px; box-shadow: none } .container-form-payment .form-control { box-shadow: -5px 5px 2px -2px rgba(14,14,14,.15); -webkit-box-shadow: -5px 2px 2px -2px rgba(14,14,14,0.15); -moz-box-shadow: -5px 2px 2px -2px rgba(14,14,14,0.15); color: grey; font-size: 16px; background-color: #fff; -webkit-appearance: none; height: 40px; box-shadow: none } .container-form-payment .has-error .form-control { border-color: #9c3039; color: #9c3039 } .container-form-payment .has-error .form-control::-webkit-input-placeholder { color: #9c3039 } .container-form-payment .has-error .form-control:-moz-placeholder { color: #9c3039 } .container-form-payment .has-error .form-control::-moz-placeholder { color: #9c3039 } .container-form-payment .has-error .form-control:-ms-input-placeholder { color: #9c3039 } .container-form-payment .has-success .form-control { border-color: #3c763d; color: #3c763d } .container-form-payment .has-error .form-control-feedback { color: #9c3039; line-height: 40px } .container-form-payment .form-control.bootstrap-select { padding: 0; border: 0 } .container-form-payment .bootstrap-select>.dropdown-toggle { margin: 0; padding: 7px 15px; text-shadow: none; background: #fff; border: 1px solid grey; box-shadow: none; color: grey; border-radius: 0; z-index: 0; font-size: 16px; font-weight: 400; } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; font-size: 16px; } .container-form-payment .bootstrap-select>.dropdown-toggle { margin: 0; padding: 7px 15px; text-shadow: none; background: #fff; border: 1px solid grey; box-shadow: none; color: grey; border-radius: 0; z-index: 0; } .container-form-payment .bootstrap-select>.dropdown-toggle.bs-invalid { border: 1px solid #9c3039; color: #9c3039; outline: 0!important } .container-form-payment .btn-group.open .dropdown-toggle { background: #fff; box-shadow: none } .container-form-payment .btn-default.active.focus, .container-form-payment .btn-default.active:focus, .container-form-payment .btn-default.active:hover, .container-form-payment .btn-default:active.focus, .container-form-payment .btn-default:active:focus, .container-form-payment .btn-default:active:hover, .container-form-payment .open>.dropdown-toggle.btn-default.focus, .container-form-payment .open>.dropdown-toggle.btn-default:focus, .container-form-payment .open>.dropdown-toggle.btn-default:hover { color: grey; background: #fff; border: 1px solid grey; outline: 0!important } .bootstrap-select .dropdown-toggle .filter-option-inner-inner { font-size: 16px; } .container-form-payment .bootstrap-select .dropdown-menu .bs-searchbox .form-control { margin-bottom: 0 } .container-form-payment .bootstrap-select.btn-group .dropdown-menu li a { font-size: 16px; color: grey } .container-form-payment .bootstrap-select .dropdown-menu>li>a:focus, .container-form-payment .bootstrap-select .dropdown-menu>li>a:hover { background: rgba(44, 84, 161, .8); color: #fff } .container-form-payment .bootstrap-select .dropdown-menu>li.active>a, .container-form-payment .bootstrap-select .dropdown-menu>li.active>a:focus, .container-form-payment .bootstrap-select .dropdown-menu>li.active>a:hover { background: #0b2265; color: #fff; font-size: 16px } .container-form-payment .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -10px; width: 20px; height: 20px; color: grey; font-family: FontAwesome; font-size: 20px; line-height: 20px; border: 0 } .container-form-payment .bootstrap-select.btn-group .dropdown-toggle .caret:before { content: '\f107' } .container-form-payment label { color: #60646c; font-size: 16px; font-weight: 600; padding-left: 5px; } .container-form-payment hr { margin-top: 5px; margin-bottom: 15px; border: 0; border-top: 1px solid grey } .container-form-payment small { margin-top: -10px; margin-bottom: 15px; display: block; } .container-form-payment .has-error .checkbox label, .container-form-payment .has-error .checkbox label a { color: #9c3039 } .container-form-payment .radio .name { display: inline-block; width: 170px } .checkbox label, .radio label { color: #3c3c3b; font-size: 16px; font-weight: 400; cursor: pointer; position: relative; padding-left: 5px } .checkbox label { margin-bottom: 10px } .bring_me_up { margin-bottom: -40px } .checkbox label:before { border-radius: 0 } input[type=checkbox], input[type=radio] { margin: 7px 0!important } .loader { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: #f9f9f9 } .spinner { width: 40px; height: 40px; position: relative; margin-left: auto; margin-right: auto; top: 50% } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #333; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out } .double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0) } 50% { -webkit-transform: scale(1) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0) } 50% { transform: scale(1); -webkit-transform: scale(1) } } .col-md-5.ehi { padding: 0 } #home-content { margin-top: 25px; margin-bottom: 25px; text-align: center; } .checkbox, .radio { padding-left: 0 } .p_body_container { display: inline-block } h1.error-title-page { font-weight: 700; color: #D60027; font-size: 35px; } h2.error-title-page { font-size: 24px; font-weight: 900; margin-bottom: 20px; color: #182963 !important; text-shadow: none !important; } .big-title-page { color: #9c3039; font-size: 55px; font-weight: 900; margin-bottom: 20px; } #slider-home .item .call-out, #slider-home .item .disclaimer { color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; right: -100%; display: block; opacity: 0; visibility: hidden; width: 100% } #slider-home .item.active .call-out, #slider-home .item.active .disclaimer { right: 0; opacity: 1; visibility: visible } #slider-home .item .disclaimer { top: 0; background-color: rgba(11, 34, 101, .9); padding: 20px; font-size: 28px; font-weight: 700; height: auto; display: table; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s } #slider-home .item .disclaimer span { display: table-cell; vertical-align: middle } #slider-home .item .call-out { bottom: 0; padding: 15px 20px; background: url(images/arrow-slide-contact.png) 80% top no-repeat rgba(156, 48, 57, .8); -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s } #slider-home .item .call-out small { font-size: 15px; display: block; line-height: 17px } #slider-home .item .call-out .action, #slider-home .item .call-out .number { font-size: 31px; display: block; line-height: 31px } #slider-product { position: relative; margin-top: 2em; } #slider-product .item .call-out, #slider-product .item .disclaimer { position: relative; right: 0; display: block; color: #4C4C4C; width: 100%; text-decoration: none; margin-top: 10px } #slider-product .item .disclaimer { bottom: 0; height: auto; padding: 0 20px; font-size: 16px; color: #797979; font-weight: 700; display: table } #slider-product .item .disclaimer span { display: block; vertical-align: middle; padding-left: 15px; text-align: center } span.virgo { font-size: 70px; height: 70px; margin-top: -40px; transform: rotate(2deg); color: #9E303C } .testimonial_ { color: #0b2265; font-weight: 400 } #slider-product .item .call-out { bottom: 0; padding: 0 20px; text-align: center; font-weight: 600; color: #0b2265; font-size: 26px } #slider-product .item .call-out small { display: block; line-height: 17px } #slider-product .item .call-out .number { display: block; line-height: 26px } #slider-product .item .call-out .action { display: block; line-height: 31px } div#slider-product img { margin: auto } .profile-title-page { margin-top: 15px; color: #9E3039; margin-bottom: 10px; } .title-page { font-size: 17px; font-weight: 400; color: #9c3039; } .most-popular, .title-page>span { color: #fff; background-color: #9c3039; position: relative; font-weight: 700 } .title-page>span { font-size: 24px; width: 36px; height: 36px; line-height: 36px; text-align: center; display: inline-block; border-radius: 50%; top: -5px } .most-popular { font-size: 19px; text-transform: uppercase; padding: 4px 15px; float: left } .most-popular:after { content: ''; position: absolute; right: -21px; top: 0; width: 0; height: 0; border-style: solid; border-width: 19px 0 24px 21px; border-color: transparent transparent transparent #9c3039 } .product-name { font-size: 34px; font-weight: 700; color: #0b2265; float: left; margin-bottom: 10px } .content-product { padding: 20px 0 40px; margin: 20px 25px; border-top: 1px solid #a8a8a7 } .content-product img { display: block; margin: 30px auto; float: none } .modal-content .price { max-width: none } .modal.in .modal-dialog { margin-top: 60px; max-width: 80%; } .content-product h1 { padding: 0; margin: 15px 0 } .less_top { margin-top: -20px } .content-product h6 { font-weight: 100; padding: 0; margin: 0 } button.close { color: #89d0f2; right: -3px; top: -15px; font-size: 40px; z-index: 999; opacity: 1; float: none; height: 30px; line-height: 0; width: 30px; padding-bottom: 2px; position: absolute } .has-feedback .form-control-feedback { top: 0 } .container-form-payment .has-error .dropdown-toggle { border-color: #9c3039; color: #9c3039 } .hide_another_persone_use_the_system, .hide_emergency_contact { display: none } .form-control-feedback { z-index: 1 } /*.pad-left { margin-left: 15px }*/ cite, dfn, em, i { font-style: inherit } #preview-order-payment .payment-type .radio label { width: 100% } #preview-order-payment .title { background: rgba(54,122,207,1); color: #fff; font-size: 36px; font-weight: 400; text-align: center; height: auto; line-height: 40px; padding: 15px 10px; box-shadow: -5px 0px 5px 0px rgba(14,14,14,0.15); -webkit-box-shadow: -5px 0px 5px 0px rgba(14,14,14,0.15); -moz-box-shadow: -5px 0px 5px 0px rgba(14,14,14,0.15); } .list-product .card-container .plan_id, .list-product .card-container .post_id, .upsell_id { visibility: hidden; height: 0 } #preview-order-payment .order-detail { box-shadow: -5px 0px 5px -2px rgba(14,14,14,0.15); -webkit-box-shadow: -5px 0px 5px -2px rgba(14,14,14,0.15); -moz-box-shadow: -5px 0px 5px -2px rgba(14,14,14,0.15); background-color: #fff; border-top: 0; padding: 20px 15px; font-size: 16px; color: #3c3c3b; font-weight: 400; margin-bottom: 20px } #preview-order-payment hr { border-color: grey; margin: 10px 0 } #preview-order-payment .rice { float: right; margin-right: 30px } #preview-order-payment ul { list-style: none; margin: auto; } .has-feedback label { font-size: 13px } .page-template-template-medical-home .breadcrumb-navbar ul li { font-size: 18px; padding: 0 10px } .detail-plan { padding: 0 30px } .detail-plan img.align-left { float: none; max-width: 300px; display: block; margin: auto } .upsell_price { font-size: 36px; font-weight: 600; color: #0b2265 } .blue_big { font-size: 20px; color: #0b2265 } .blue_btn { background-color: #0b2265; color: #fff; font-size: 30px; font-weight: 700; line-height: 81px; border-radius: 0; padding: 0; border: 0 } .blue_btn:hover { background-color: #9c3039; color: #fff } .next_nav_ { display: none!important } span.testimonial_name_s { font-weight: 200; margin: 15px 0 } .plan_check_error { color: #9c3039; font-size: 20px } .plan_select_final { margin-bottom: 20px } .blue_big:visited { font-size: 20px; color: #0b2265 } .help-block ul { margin: 0; padding: 0 } label.exp_date { position: absolute; margin-top: -25px; font-weight: 400 } .distance2 { margin-top: 0 } div#iperOderDetailFinalSummary .row { padding: 0 50px } .super-title { font-size: 30px; font-weight: 500; color: #fff; line-height: 44px; padding-left: 10%; padding-top: 10% } span.thank-span { font-size: 45px; font-weight: 700 } .modal-btns .btn { } .large-btn { width: auto } span.order_id { font-size: 55% } @media only screen and (max-width:418px) { #preview-order-payment .order-detail { font-size: 14px; } } @media (min-width:343px) { span.order_id { font-size: 60% } .btn-custom { font-size: 30px } .btn_ship { font-size: 15px; width: 100%; padding: 10px } } @media screen and (max-width: 375px) { .modal-btns { margin-top: 40px; } .modal-btns { text-align: left !important; } .mod-text { margin-top: 10px !important; } .modal-lg { width: auto !important; } .modbtn-add{ /* margin-right: 0px !important; width: 188px !important;*/ } } @media (min-width:480px) { span.order_id { font-size: 100% } .btn-custom { font-size: 40px } .large-btn { width: 200px } .btn_ship { font-size: 20px; width: 100%; padding: 10px } .super-title { font-size: 34px; padding-left: 22% } .btn-big { font-size: 36px; line-height: 68px; font-weight: 700; padding: 20px } .has-feedback label { font-size: 22px } .breadcrumb-navbar ul li { font-size: 18px; padding: 0 13px } .breadcrumb-navbar ul { margin-left: 10px } .call-out hr { background-color: #9E3039 } button.close { position: absolute; right: 15px; top: 15px; font-size: 65px; height: 50px; width: 50px } .profile-title-page { font-size: 26px !important; margin-top: 20px; } .title-page { font-size: 26px !important; margin-top: 20px; } } @media (min-width:768px) { .super-title { font-size: 34px; padding-left: 25% } div#iperOderDetailFinalSummary .row { padding: 20px } .header-thank, .list-product { padding: 0 } .breadcrumb-navbar ul { margin: auto } .breadcrumb-navbar ul li { display: inherit; font-size: 15.3px; padding: 0 4px } .breadcrumb-navbar ul .go-back { display: none } .content-product { margin: 5px } .list-payment-type { padding: 5px } .container-form-payment { margin-right: 0 } .order-text-space { display: inline-block; float: right; } } span.response_ { font-size: 15px } @media (min-width:992px) { .upsell_img { display: none; } .protection-upsell { display: none; } .fd-upsell { display: none; } #slider-home .item .call-out, #slider-home .item .disclaimer { color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } #slider-home .item .call-out:hover, #slider-home .item .disclaimer, #slider-home .item .disclaimer span, #slider-product .item .disclaimer, .disclaimer { text-decoration: none } .order-text-space { float: right } .c_limiter { width: 60% } .super-title { font-size: 34px; padding-left: 35% } div#iperOderDetailFinalSummary .row { padding: 0 20px } .modal-body .text-plan, .p_img2 { padding: 0 } .distance { margin-top: 0 } .distance2 { margin-top: 10px } .row.distance { margin-top: 20px } .p_img { text-align: left } .upsell_img { display: inline } .detail-plan img.align-left { float: left; max-width: 200px; display: inline } .modal-lg { width: 1000px } .breadcrumb-navbar ul li { display: inherit; font-size: 16px; padding: 0 12.5px } button.close { background-color: transparent; color: #fff } .content-product img.pull-right { margin: 0 0 20px 40px } .content-product img { display: inline; float: right; margin: 10px 0 20px 30px } #slider-home .item .call-out, #slider-home .item .disclaimer { position: absolute; right: -100%; display: block; opacity: 0; visibility: hidden; width: 455px; text-decoration: none } #slider-home .item.active .call-out, #slider-home .item.active .disclaimer { right: 0; opacity: 1; visibility: visible } #slider-home .item .disclaimer { top: 0; background-color: rgba(11, 34, 101, .9); padding: 20px; font-size: 28px; font-weight: 700; height: auto; display: table; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s } #slider-home .item .disclaimer span { display: table-cell; vertical-align: middle } #slider-home .item .call-out { bottom: 0; padding: 15px 20px; background: url(images/arrow-slide-contact.png) 80% top no-repeat rgba(156, 48, 57, .8); -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s } #slider-home .item .call-out small { font-size: 15px; display: block; line-height: 17px } #slider-home .item .call-out .action, #slider-home .item .call-out .number { font-size: 31px; display: block; line-height: 31px } .productListCart a:visited { color: #9E3039 } .card_title { font-size: 15px; font-weight: 700; padding: 8px 0; border-top: 2px solid grey } .no-pad { padding: 0 10px } } @media (min-width:1200px) { .super-title { font-size: 34px } .breadcrumb-navbar ul li { display: inherit; font-size: 18px } } @media (min-width: 375px) and (max-width: 475px) { button.close { color: #0b2265; background-color: transparent; /*text-shadow: 0px 0px 10px black;*/ margin-top: 30px; margin-right: 15px; } .modal-btns { text-align: left; } .mod-text { margin-top: 10px !important; } .modal-lg { width: auto !important; } .modbtn-add{ /* width: 188px !important;*/ } .modal-body .detail-plan h2 { font-size: 48px; line-height: 52px; } .modal-content { height: 650px; } .modal-body .detail-plan { margin-top: 50px; } } @media screen and (max-width:480px) { .modal-btns { text-align: left; } .mod-text { margin-top: 10px; } .modal-lg { width: 355px; } .modal-content { height: 650px; } .btn-to-continue .btn { min-width: auto; display: block } .order-text-space { display: inline-block; float: right; } .modal-body .detail-plan { margin-top: 50px; } button.close { background-color: transparent !important; color: #0b2265 !important; /*text-shadow: 0px 0px 10px black;*/ margin-top: 30px; margin-right: 15px; } .modal-body .detail-plan h2 { font-size: 48px; line-height: 52px; } } .sk-three-bounce { margin: -10px auto 0 -40px; width: 80px; text-align: center; position: absolute; top: 50%; left: 50% } .sk-three-bounce .sk-child { width: 20px; height: 20px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both } .sk-three-bounce .sk-bounce1 { -webkit-animation-delay: -.32s; animation-delay: -.32s } .sk-three-bounce .sk-bounce2 { -webkit-animation-delay: -.16s; animation-delay: -.16s } @-webkit-keyframes sk-three-bounce { 0%, 100%, 80% { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes sk-three-bounce { 0%, 100%, 80% { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } #site-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0, 0, 0, .75) } #iperOderDetailFinalSummary .price { padding-top: 0 } .iperModalProduct, .iperModalProduct:visited, a.iperModalProduct { color: #fff } .btn-grey2, .btn-grey2:hover, .btn-grey2:visited, .btn_to_continue, .btn_to_continue:visited, .iperModalUpsell, .iperModalUpsell:hover, .iperModalUpsell:visited { } .existing-customer { float: right; font-size: 13px!important; padding-top: 5px; padding-left: 3px; margin-right: -10px; border-style: solid; border-left: medium solid #fff; padding-bottom: 4px; text-align: right } .existing-customer-last { text-decoration: underline; font-weight: 600; font-size: 14px } .starting-at { color: #FFFFFF; font-size: 20px; text-align: center; line-height: 20px; margin: 20px 0px 0px 0px; } .card a { color: #02275A; } .card a:hover { color: #fff; } .list-product .card-container.active .card, .list-product .card-container:hover .card .title { color: #fff; } .list-accessories-annually { color: #02275A; font-weight: bold !important; } .list-product .card-container.active .card, .list-product .card-container:hover .list-accessories-annually { color: #FFF; font-weight: bold; } /*Rate plan tab function CSS*/ .ratetab { display: inline-flex; margin-top: 10px; } .ratetab:hover { color: #fff; } /*.lefttab:focus { background: #00285a; color: #fff; } .righttab:active { background: #00285a; color: #fff; }*/ .activetab, .activetab:hover { background: #00285a !important; color: #fff !important; } .righttab a { color: #00285a; } .lefttab a { color: #00285a; } .righttab a:hover{ background: #00285a !important; color: #fff !important; } button:hover.lefttab{ color: #fff !important; } button:hover.righttab{ color: #fff !important; } .lefttab a:hover { background: #00285a !important; color: #fff !important; } .lefttab { background: #ffff; color: #00285a; border: 1px solid #00285a; border-right: 0px; border-radius: 5px 0px 0px 5px; height: 65px; margin-right: 0px; margin-left: 0px; } .righttab{ background: #ffff; border: 1px solid #00285a; border-left: 0px; border-radius: 0px 5px 5px 0px; color: #00285a; height: 65px; margin-right: 0px; margin-left: 0px; } .ratetabtext { text-align: center; } .content-product { text-align: center; } /*Rate plan tab function CSS ends*/ /*media queries changes */ .cursor { cursor: pointer; } @media screen and (max-width: 768px) { .shipping-address {border-right: unset;} .upsell_img { display: none; } .protection-upsell { display: none; } .fd-upsell { display: none; } .navbar { margin-top: 69px; } .modal-dialog { width: 600px; } .mod-text { margin-top: 85px; margin-bottom: 85px; } .modal.in .modal-dialog { all: revert; } button.close { background-color: transparent !important; color: #0b2265 !important; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); font-size: 42px; margin-top: 30px; margin-right: 15px; } } .permo { font-size:28px; } /*Modals CSS*/ .modal-lg { width: 1150px } .modbtn-add { margin-right: 10px; border-radius: 6px !important; } .modbtn-thanks { border-radius: 6px !important; width: 188px; } .mod-text { margin-top: 25px; margin-bottom: 85px; } .protection-text-plan { margin-top: 25px; } /*Modals CSS ends*/ /* SUPPORT SITE CSS BEGINS */ #support-container { display: block; margin-top: 50px; padding-top: 5px; } .support-icon { display: block; margin-left: auto; margin-right: auto; margin-top: 15px; } .support h1 { color: #02275A; font-size: 50px; font-weight: 600; line-height: 68px; text-align: center; } .support h3 { color: #354052; font-size: 30px; line-height: 48px; } .support h4 { color: #354052; font-size: 24px; font-weight: 600; line-height: 30px; text-align: center; margin:40px 0px; } .support h5 { margin-top: 50px; color: #354052; font-size: 16px; font-weight: bold; line-height: 22px; } .vertical-line { border-left: 1px solid #BFBFBF; } .support p { text-align: center; } .support a { color: #000; } .support-product-block { margin-left: auto; margin-right: auto; width: 100%; } .support-responsive-form { max-width: 100%; margin: 50px auto; width: 100%; padding: 8px; } .support-form { margin-left:auto; margin-right: auto; } .support-form-title { margin: 6px 0; } .support-accessories { padding-bottom: 40px; } .support-contact { font-size: 16px; } .article-block { background-color: #F7F8FA; padding: 10px 0px 10px 20px; } .number-list-img { height: 32px; width: 57px; border-radius: 50%; text-align: center; font-size: 18px; background-color: #02275A; color: #fff; margin: 20px 10px 0px 0px; } .disclaimer-exclamation { height: 32px; width: 32px; border-radius: 50%; text-align: center; font-size: 16px; font-weight: 800; background-color: transparent; color: #354052; margin: 8px 10px 15px 0px; border: 2px solid #354052; } .linear-disclaimer { opacity: 0.9; background-color: #FBB0B1; padding: 8px; margin-top: 30px; } .support table { color: #354052; } .support td, th { border: none; width: 20%; padding: 15px; } .support-number-bullet { height: 30px; margin: 20px 10px 20px 0px; } .support-number-bullet-single { height: 30px; margin: 10px 10px 20px 0px; } .support-linear-p { text-align: left !important; } @media (max-width:425px) and (min-width:280px) { .support-img { width:100% !important; } .number-list-single-line { height: 32px; width: 79px; } .hand-img { width: 60% !important; } #support-container { width: 100%; margin-left: 0px; } .support-product-block { width: 100%; } } @media (max-width:994px){ .total-page { width: 100%; height: 700px; margin: auto; background-image: url('images/thankyou.jpg'); background-repeat: no-repeat; background-position: center; background-size: contain; } } @media (max-width:768px){ .mod-text { all: revert; } .modal-body .detail-plan { margin-top: 50px; } .modal-content { border: 0; box-shadow: none; border-radius: 0; padding: 0; height: revert; } .hand-img { width: 35% ; } .baseunit-img { width: 40% !important; } .support-img { width: 70%; } #support-container { width: 100%; margin-left: 0px; } .support-product-block { width: 100%; } } /*SUPPORT SITE CSS ENDS */ /* S.M.I.T.H.E.R.S. BEGIN */ .s-button-wrapper { position: fixed; bottom: 6em; right: 2em; text-align: right; z-index: 2; } .s-button { opacity: .6; height: 5em; width: 5em; font-size: 14px; border-radius: 50%; border: 0 none; color: #fff; cursor: pointer; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 200ms ease; transition: all 200ms ease; } .s-button:hover, .s-button:focus, .s-button:active { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); outline: 0; } .s-button span { display: block; font-size: 2em; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; } .s-button:hover span, .expanded .s-button span, .expanded .s-button span { -webkit-transform: scale(1.25); transform: scale(1.25); } .expanded .s-button { -webkit-transform: scale(0.7); transform: scale(0.7); color: rgba(255, 255, 255, 0.5); background: #9e9e9e; } .s-list { list-style: none; padding: 0; margin: 0; -webkit-transition: all 200ms ease; transition: all 200ms ease; -webkit-transform: translate(0, 90px) scale(0.5); transform: translate(0, 90px) scale(0.5); -webkit-transform-origin: bottom center; transform-origin: bottom center; opacity: 0; } .expanded .s-list { text-align: left; font-size: 14px; -webkit-transform: translate(0px, 20px) scale(1); transform: translate(0px, 20px) scale(1); opacity: 1; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); background-color: #7f5ca3; padding: 20px !important; border-radius: 20px; /* width: 315px; height: 235px;*/ overflow: hidden; opacity: 0.8; } .s-list li { color: #F5F5F5; } .s-list li:last-child { margin-bottom: 0; } .s-list li:hover { color: black; } /* S.M.I.T.H.E.R.S. END */ /* Bootstrap 4 Overrides */ .fade.in { opacity: 1 !important; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .modal-backdrop .fade .in { opacity: 0.5 !important; } .modal-backdrop.fade { opacity: 0.5 !important; } .btn-add { background-color: #1f589f; color: #FFF !important; padding: 10px 10px; font-size: 20px; -webkit-appearance: none; } .btn-add:hover, .btn-add:focus, .btn-add:active, .btn-add.active, .open .dropdown-toggle.btn-add { background-color: #2F3E48; color:#FFF; border-color: #31347B; } .btn-no { background-color: #1f589f; color: #FFF !important; padding: 10px 10px; font-size: 20px; -webkit-appearance: none; } .btn-no:hover, .btn-no:focus, .btn-no:active, .btn-no.active, .open .dropdown-toggle.btn-no { background-color: #2F3E48; color:#FFF; border-color: #31347B; } .bootstrap-select>.dropdown-toggle:after { margin-left: -1px; } .shipping-order-but:hover { color: #fff !important; text-decoration: none; } .bootstrap-select { position: relative !important; } .bootstrap-select .dropdown-menu { right: 0 !important; transform: none !important; max-height: 25vw !important; /* z-index: 1 !important;*/ transition: none !important; } #iperColCartSummary { position: sticky; z-index: 1; right: 0; /* padding-top: 20px; padding-right: 50px;*/ }