@media(max-width: 768px) { .checkout-form.mobile { margin-top:-10px!important } } @media(max-width: 768px) { .container.cus.mobile { padding-top:0; margin-bottom: -17px; margin-left: 0!important } } @media(max-width: 768px) { .content-aline .fa-brands,.fa-solid { margin-bottom:-1px } } #progressbar,#progressbar li { font-family: 'Roboto'; font-weight: 800!important } strong,b { font-weight: 500 } @media only screen and (min-width: 767px) { .container.cus.mobile { margin-top:-14.4px!important; margin-bottom: 60px } .fa-brands.fa-instagram,.fa-brands.fa-youtube,.fa-brands.fa-facebook,.fa-brands.fa-tiktok,.fa-brands.fa-x-twitter,.fa-solid.fa-ellipsis-vertical { margin-top: !important } } @media only screen and (min-width: 767px) { .container.cus.mobile { width:100%; padding-right: 2.8rem!important; padding-left: 3.2rem!important; margin-right: auto; margin-left: auto } } @media(min-width: 768px) { .header { padding-top:24px!important; padding-bottom: .90rem!important; background-color: #3a75fa!important } } @media screen and (min-width: 1004px) and (max-width:1306px) { header .navbar-brand { display:flex; justify-content: center; align-items: center; height: auto; width: 100%; margin-top: -11px!important } header .navbar-brand img { max-width: max-content; height: 100px; width: } } @media(min-width: 768px) { .top-nav-link.btn-primary0 { color:#fff; /* padding-left: 530px; */ font-size: 16px; font-weight: 600 } } @media(max-width: 768px) { .top-nav-link.btn-primary0 { color:#fff; font-size: 16px; font-weight: 600 } } @media(min-width: 768px) { .header { padding-top:24px; padding-bottom: .90rem; background-color: #3a75fa } } @media(min-width: 768px) { .container.checkout.mobile { margin-top:0 } } @media(min-width: 768px) { .nav-item.cart.mobile { display:none } } @media(max-width: 768px) { .container.mobile.hearder { width:100%; padding-right: 0; margin-left: 0; overflow: hidden; padding-top: 8.1px } } @media(min-width: 768px) { .nav-item.mobile.cart { display:none } } @media(max-width: 768px) { .title h1.title-name { font-size:28px; font-weight: 600; padding-top: 10px } } .form-control { height: 3.5rem; color: #9b9b9b } @media(min-width: 768px) { .header { padding-top:24px; padding-bottom: .90rem; background-color: #3a75fa } } @media(max-width: 768px) { .card-footer { padding:1.5rem 1.5rem; background-color: rgb(0 0 0 / .03); border-top: 0 solid rgb(0 40 100 / .12) } } @media(max-width: 768px) { .container.mobile.hearder { width:100%; margin-right: -10px; padding-top: 13px; padding-left: 7px } } @media(max-width: 768px) { .row-new { margin-right:-1.1rem; margin-left: -.9rem } } .btn.btn-pill.btn-submit.btn-gradient.btn-block.mr-1.mb-1 { outline: 0 } .message { padding-left: 20px } @media only screen and (max-width: 768px) { .alert.alert-icon.content.alert-warning { position:relative; margin-bottom: 0; border: 1px solid #fff0; border-radius: .125rem; margin-top: -10px; margin-bottom: 10px } } @media only screen and (min-width: 768px) { .alert.alert-icon.content.alert-warning { margin-bottom:10px } } .roboto-thin { font-family: "Roboto",sans-serif; font-weight: 100; font-style: normal } .roboto-thin-italic { font-family: "Roboto",sans-serif; font-weight: 100; font-style: italic } .roboto-light { font-family: "Roboto",sans-serif; font-weight: 300; font-style: normal } .roboto-light-italic { font-family: "Roboto",sans-serif; font-weight: 300; font-style: italic } .roboto-regular { font-family: "Roboto",sans-serif; font-weight: 400; font-style: normal } .roboto-regular-italic { font-family: "Roboto",sans-serif; font-weight: 400; font-style: italic } .roboto-medium { font-family: "Roboto",sans-serif; font-weight: 500; font-style: normal } .roboto-medium-italic { font-family: "Roboto",sans-serif; font-weight: 500; font-style: italic } .roboto-bold { font-family: "Roboto",sans-serif; font-weight: 700; font-style: normal } .roboto-bold-italic { font-family: "Roboto",sans-serif; font-weight: 700; font-style: italic } .roboto-black { font-family: "Roboto",sans-serif; font-weight: 900; font-style: normal } .roboto-black-italic { font-family: "Roboto",sans-serif; font-weight: 900; font-style: italic } @media(min-width: 992px) { .page { margin-top:-15px } } @media(max-width: 768px) { .container.checkout.mobile { margin-top:-45px } } @media(max-width: 768px) { .checkout-form.mobile { margin-top:-50px } } @media(min-width: 768px) { .checkout-form.mobile { margin-top:-100px } } @media(min-width: 768px) { .title-name { margin-bottom:-30px } } @media(max-width: 768px) { .fs-title.mobile { font-size:25px; color: #3a75fa; margin-bottom: 15px; font-weight: 400; text-align: center; font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; font-weight: 400; line-height: 1.5 } } * { box-sizing: border-box } .btn.btn-outline-danger.btn-md { outline: 0; width: 100% } .cancelbtn { background-color: #04aa6d; color: #fff; padding: 14px 20px; margin: 8px 0; border: 0; cursor: pointer; width: 100%; opacity: .9 } .deletebtn { background-color: #04aa6d; color: #fff; padding: 14px 20px; margin: 8px 0; border: 0; cursor: pointer; width: 100%; opacity: .9 } .close:before { content: '\ea00'; font-family: feather,sans-serif; display: none } button:hover { opacity: 1 } .selectize-dropdown.single.form-control.custom-select { pointer-events: none } .alert-icon>i { top: .69rem } .selectize-control.single .selectize-input,.selectize-control.single .selectize-input input { cursor: pointer; pointer-events: none } .alert-warning { border-color: #ffe9a6!important; background-color: #fff3cd!important; color: #856404!important; margin-top: 10px; margin-bottom: 8px; padding: 6px 1rem; transition: border-color .15s ease-in-out,box-shadow .15s; font-size: 1.05rem; letter-spacing: .2px; font-weight: 450; font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; color: #155724 } .cancelbtn,.deletebtn { width: 35% } .cancelbtn:hover { background-color: #0057a9; color: #fff } .deletebtn:hover { background-color: #e7010f } .cancelbtn { background-color: #0070db; border-radius} .deletebtn { background-color: #ff000f; border-radius} header.container { width: 100%; padding-right: .75rem; padding-left: .75rem; margin-right: auto; margin-left: auto; overflow: hidden; padding-top: 10px; padding-bottom: 12px } @media(max-width: 768px) { .btn.btn-outline-danger.btn-md { width:50%; margin-top: 10px } } @media(max-width: 768px) { .navbar.navbar-expand-lg { /* margin-top:-5px; *//* margin-bottom: -4px; */margin-left: 5px } } .container { padding: 16px; text-align: center } .modal { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0 0 0 / .4); padding-top: 250px } .modal-content { background-color: #fefefe; margin: 5% auto 15% auto; border: 1px solid #888; width: 30% } hr { border: 1px solid #f1f1f1; margin-bottom: 25px } .close { position: absolute; right: 35px; top: 15px; font-size: 40px; font-weight: 700; color: #f1f1f1 } .close:hover,.close:focus { color: #f44336; cursor: pointer } .clearfix::after { content: ""; clear: both; display: table } @media screen and (max-width: 300px) { .cancelbtn,.deletebtn { width:100% } } * { margin: 0; padding: 0 } html { height: 100% } p { color: grey } .container { width: 100%; max-width: 1340px; margin: auto } #heading { text-transform: uppercase; color: #3a75fa; font-weight: 400 } #msform { text-align: center; position: relative; margin-top: 20px } #msform fieldset { border: 0 none; border-radius: .5rem; box-sizing: border-box; width: 100%; margin: 0; padding-bottom: 20px; position: relative } .form-card { text-align: left } .next.action-button { width: 100% } #msform .action-button { width: 100px; background: #3a75fa; font-weight: 700; color: #fff; border: 0 none; border-radius: 0; cursor: pointer; padding: 10px 5px; margin: 10px 0 10px 5px; float: right; FONT-FAMILY: 'ROBOTO'; FONT-WEIGHT: 500 } .quantity-highlight { color: #155724!important; background-color: #d4edda; border-color: #b2dfbc } #msform fieldset:not(:first-of-type) { display: none } #msform input,#msform textarea { padding: 8px 15px 8px 15px; border-radius: 0; margin-bottom: 25px; margin-top: 2px; width: 100%; box-sizing: border-box; font-family: montserrat; color: #2c3e50; background-color: #fff0; font-size: 16px; letter-spacing: 1px; font-family: roboto } #msform input:focus,#msform textarea:focus { -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; border: 1px solid #3a75fa; outline-width: 0 } @media only screen and (max-width: 768px) { #msform .action-button { width:100px; background: #3a75fa; font-weight: 700; color: #fff; border: 0 none; border-radius: 0; cursor: pointer; padding: 10px 5px; margin: -10px 0 6px 5px; float: right; font-family: roboto; font-size: 1.02rem; font-weight: 400 } } #msform .action-button:hover { background-color: #295ccf } #msform .action-button:active { background: #1745ad } #msform .action-button-previous { width: 100px; background: #616161; font-weight: 700; color: #fff; border: 0 none; border-radius: 0; cursor: pointer; padding: 10px 5px; margin: 10px 5px 10px 0; float: right; font-family: roboto; font-size: 1.02rem; font-weight: 400 } #msform .action-button-previous:hover,#msform .action-button-previous:focus { background-color: #000 } .em-card { z-index: 0; border: 0; position: relative } .fs-title { font-size: 27px; color: #3a75fa; margin-bottom: 15px; font-weight: 400; text-align: center; font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; font-weight: 400; line-height: 1.5 } .purple-text { color: #3a75fa; font-weight: 400 } .steps { font-size: 25px; color: gray; margin-bottom: 10px; font-weight: 400; text-align: right } .fieldlabels { color: gray; text-align: left } #progressbar { margin-bottom: 30px; overflow: hidden; color: lightgrey } #progressbar .active { color: #3a75fa } #progressbar li { list-style-type: none; font-size: 15px; width: 33.33%; float: left; position: relative; font-weight: 400 } #progressbar #account:before { font-family: FontAwesome; content: "\f13e" } #progressbar #personal:before { font-family: FontAwesome; content: "\f007" } #progressbar #payment:before { font-family: FontAwesome; content: "\f030" } #progressbar #confirm:before { font-family: FontAwesome; content: "\f00c" } #progressbar li:before { width: 50px; height: 50px; line-height: 45px; display: block; font-size: 20px; color: #fff; background: lightgray; border-radius: 50%; margin: 0 auto 10px auto; padding: 2px } #progressbar li:after { content: ""; width: 100%; height: 2px; background: lightgray; position: absolute; left: 0; top: 25px; z-index: -1 } #progressbar li.active:before,#progressbar li.active:after { background: #3a75fa } .progress { height: 20px } .progress-bar { background-color: #3a75fa } .fit-image { width: 100%; object-fit: cover } .done-service { width: 300px; margin: auto } .form-card { background-color: #fff0; width: 100%; max-width: 100%; margin: auto } .form-card table { width: 100% } .form-card table tr td,.form-card table tr th { border: 1px solid #dee2e6; padding: 1rem; font-family: roboto; font-size: 1.02rem; font-weight: 400; line-height: 1.5 } button.delete-item { border: 0; outline: 0; background: red; padding: .3rem 1rem; color: #fff; font-weight: 600; font-size: 14px } span.unit-title { font-size: 1.5rem; font-weight: 700; color: #3a75fa } span.unit-price { color: #28a745!important; font-weight: 600; margin-left: 1rem; margin-right: 1rem; font-family: roboto; font-size: 1.02rem; font-weight: 600 } .form-card.col-6-cs { max-width: 50% } .delete-item { color: #dc3545; font-weight: 100; font-size: 1.3rem; cursor: pointer; display: flex; align-content: flex-start; flex-direction: column-reverse; flex-wrap: nowrap; justify-content: center; align-items: center } .payment_fieldset { max-width: 65%; margin: auto!important } .form-table { display: none } .hide-desktop { display: none } .header .navbar .navbar-nav .nav-link { .header .navbar .navbar-nav .nav-link { padding: 15px 15px; font-size: 14px; color: #fff; font-weight: 500; padding: 15px 15px; cursor: pointer; position: relative; background: #fff0; font-size: 16.8px; border-radius: .25rem; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; line-height: 23px; padding-top: 17px; padding-bottom: 12px } } .container { width: 100%; max-width: 1360px; margin: auto } @media screen and (min-width: 1306px) and (min-height:53px) { .navbar-expand-lg { -ms-flex-flow:row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: space-around; margin-left: 42.5px; gap: 15px; margin-top: -18px; padding: 0 } .navbar-expand-lg .navbar-toggler { display: none } } @media(max-width: 1279.98px) { .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid { padding-right:0; padding-left: 0 } } @media(min-width: 1280px) { .navbar-expand-xl { -ms-flex-flow:row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } } .site-logo.mb-3+p { color: #fff } .m-b-50 { margin-bottom: 50px!important } .m-t-60 { margin-top: 60px!important } @media(max-width: 767px) { .form-card.col-6-cs { max-width:100% } .payment_fieldset { max-width: 90% } .form-table { padding: 1rem 0; display: flex; gap: 4rem; justify-content: flex-start; position: relative; line-height: 40px } .title-table,.table-information { text-align: left } .title-list { font-size: 1rem; font-weight: 600; color: #3a75fa; margin-bottom: .5rem; line-height: 40.5px } .info-list { margin-bottom: .5rem; font-size: 1.0675rem } .delete-item { position: absolute; top: 10%; right: 5% } .form-table { border-bottom: 1px solid #00000030; font-family: roboto; font-size: 1.02rem; font-weight: 400 } #msform fieldset { padding-left: 1rem; padding-right: 1rem } .hide-mobile { display: none } .mobile-info-total { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; margin-bottom: 13px } .mobile-info-total span.unit-price { font-size: 1.25rem } #msform .action-button-previous { float: left; font-family: roboto; font-size: 1.02rem; font-weight: 400 } @media only screen and (min-width: 768px) { #msform .action-button { width:100px; background: #3a75fa; font-weight: 700; color: #fff; border: 0 none; border-radius: 0; cursor: pointer; padding: 10px 5px; margin: 10px 0 10px 5px; float: right; font-family: roboto; font-size: 1.02rem; font-weight: 400 } } #msform .action-button { width: 100%!important; padding: 1rem } .card-footer button { margin-top: 4rem; width: 100%!important } .card-footer { width: 100%!important; padding: 0; margin-top: -60px } .hide-desktop { display: flex; justify-content: space-between; align-items: center; margin-bottom: 13px } section.checkout-form { padding: 50px 0 50px } section.checkout-form .checkout-header { padding-bottom: 0 } fieldset.payment_fieldset { padding: 0!important } .modal-content { background-color: #fefefe; margin: 5% auto 15% auto; border: 1px solid #888; width: 90% } } @media(min-width: 768px) and (min-width:769px) { .btn.btn-outline-danger.btn-md.moible { display:none } } .alert [class^=icon-] { font-size: 1.5rem; position: absolute; left: -.9375rem } .alert p { margin: .5rem } .alert-empty { padding: 2rem 1rem; margin: 2rem 0; text-indent: 0; text-align: center; color: #6c757d!important; font-size: 1.25rem } @media(min-width: 992px) { .alert-empty { margin:7rem auto 9rem!important; font-size: 1.5rem } } #top-warning { padding: .5rem 1rem; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; width: 100%; background-color: #2e74b1; z-index: 999999; background: url(/img/topbanner/sag-toplu.svg) 100% no-repeat,url(/img/topbanner/sol-toplu.svg) 0 no-repeat; background-size: contain } #top-warning .message { text-align: center; color: #fff; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; position: relative } #top-warning a { padding-top: .3rem; padding-bottom: .3rem; background: #fff; color: #333!important; font-weight: 700; border-radius: 15px } #top-warning .mobile_banner_text,#top-warning .top_banner_mobile_icon { display: none } #top-warning .button_description_banner,#top-warning .desktop_banner_text { display: block } .alert-empty { padding: 2rem 1rem; margin: 2rem 0; text-indent: 0; text-align: center; color: #6c757d!important; font-size: 1.25rem } .alert-tertiary hr { border-top-color: #9ebdd6 } .alert-tertiary .alert-link { color: #091b2a } .alert-pale { color: #383d41; background-color: #e2e3e5; border-color: #cacdd0 } .alert-pale.form-control:active,.alert-pale.form-control:focus,.alert-pale.form-control:hover { background-color: #eff0f1; border-color: #bcc0c4; color: #2c3033 } .alert-pale hr { border-top-color: #bcc0c4 } @media only screen and (max-width: 768px) { .alert { position:relative; margin-bottom: 0; border: 1px solid #fff0; border-radius: .125rem; margin-top: 100px; margin-bottom: 60px } } @media only screen and (min-width: 768px) { .alert { position:relative; margin-bottom: 0; border: 1px solid #fff0; border-radius: .125rem } } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 3.5rem } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .5rem 1rem; color: inherit } .alert-primary { color: #173c5c; background-color: #d5e3ef; border-color: #b3cde3 } .alert-primary.form-control:active,.alert-primary.form-control:focus,.alert-primary.form-control:hover { background-color: #e7eff6; border-color: #a0c1dc; color: #122f48 } .alert-primary hr { border-top-color: #a0c1dc } .alert-primary .alert-link { color: #0d2133 } .alert-tertiary { color: #123654; background-color: #d3e1ec; border-color: #b0c9de } .alert-tertiary.form-control:active,.alert-tertiary.form-control:focus,.alert-tertiary.form-control:hover { background-color: #e5edf4; border-color: #9ebdd6; color: #0e293f } .alert-tertiary hr { border-top-color: #9ebdd6 } @media only screen and (max-width: 768px) { .btn-md { padding:.75rem 0; font-size: 1rem; line-height: 1.5; border-radius: .2rem; margin-left: -5px; font-family: roboto; font-size: 1.02rem; font-weight: 400 } } @media only screen and (min-width: 768px) { .btn-md { padding:.75rem 0; font-size: 1rem; line-height: 1.5; border-radius: .2rem; margin-right: -25px; margin-left: -5px font-family:roboto; font-size: 1.02rem; font-weight: 400 } } @media only screen and (max-device-width: 390px) and (min-device-width:768px) { .btn.btn-outline-danger.btn-md.moible { display:none } } @media(max-width: 768px) { .header .navbar .navbar-nav { padding:0 1rem } .header .navbar .navbar-nav .nav-link { border-radius: 0!important } } @media(max-width: 768px) { .top-header { background:#295ccf; padding: 0; margin: -8px } } @media(min-width: 768px) { .top-header { background:#295ccf; padding: 0; margin-top: -8px; margin-bottom: -8px } } @media(max-width: 768px) { .container.cus.mobile { padding-top:0; margin-bottom: -17px } } @media(max-width: 768px) { .title h1.title-name { font-size:28px; font-weight: 600; padding-top: 10px } } @media(max-width: 768px) { .form-control { height:3.5rem; color: #9b9b9b } } @media(min-width: 768px) { .form-control { height:3rem; color: #9b9b9b } } @media(min-width: 768px) { .header { padding-top:24px; padding-bottom: .75rem; background-color: #3a75fa } } @media(max-width: 768px) { .card-footer { padding:1.5rem 1.5rem; background-color: rgb(0 0 0 / .03); border-top: 0 solid rgb(0 40 100 / .12) } } @media(max-width: 768px) { .container.mobile.hearder { width:100%; margin-right: -10px; padding-top: 13px; padding-left: 7px } } @media(max-width: 768px) { .row-new { margin-right:-1.1rem; margin-left: -.9rem } } .btn.btn-pill.btn-submit.btn-gradient.btn-block.mr-1.mb-1 { outline: 0 } .message { padding-left: 20px } @media only screen and (max-width: 768px) { .alert.alert-icon.content.alert-warning { position:relative; margin-bottom: 0; border: 1px solid #fff0; border-radius: .125rem; margin-top: -10px; margin-bottom: 10px } } @media only screen and (min-width: 768px) { .alert.alert-icon.content.alert-warning { margin-bottom:10px } } @media(min-width: 992px) { .page { margin-top:-15px } } @media(max-width: 768px) { .container.checkout.mobile { margin-top:-50px } } @media(max-width: 768px) { .checkout-form.mobile { margin-top:-50px } } @media(min-width: 768px) { .checkout-form.mobile { margin-top:-100px } } @media(min-width: 768px) { .title-name { margin-bottom:-30px } } @media(max-width: 768px) { .fs-title.mobile { font-size:25px; color: #3a75fa; margin-bottom: 15px; font-weight: 400; text-align: center; font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; font-weight: 400; line-height: 1.5 } } * { box-sizing: border-box } .btn.btn-outline-danger.btn-md { outline: 0; width: 100% } .cancelbtn { background-color: #04aa6d; color: #fff; padding: 14px 20px; margin: 8px 0; border: 0; cursor: pointer; width: 100%; opacity: .9 } .deletebtn { background-color: #04aa6d; color: #fff; padding: 14px 20px; margin: 8px 0; border: 0; cursor: pointer; width: 100%; opacity: .9 } .close:before { content: '\ea00'; font-family: feather,sans-serif; display: none } button:hover { opacity: 1 } .selectize-dropdown.single.form-control.custom-select { pointer-events: none } .alert-icon>i { top: .69rem } .selectize-control.single .selectize-input,.selectize-control.single .selectize-input input { cursor: pointer; pointer-events: none } .alert-warning { border-color: #ffe9a6!important; background-color: #fff3cd!important; color: #856404!important; margin-top: 10px; margin-bottom: 8px; padding: 6px 1rem; transition: border-color .15s ease-in-out,box-shadow .15s; font-size: 1.05rem; letter-spacing: .2px; font-weight: 450; font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; color: #155724 } .cancelbtn,.deletebtn { width: 35% } .cancelbtn:hover { background-color: #0057a9; color: #fff } .deletebtn:hover { background-color: #e7010f } .cancelbtn { background-color: #0070db; border-radius} .deletebtn { background-color: #ff000f; border-radius} header.container { width: 100%; padding-right: .75rem; padding-left: .75rem; margin-right: auto; margin-left: auto; overflow: hidden; padding-top: 10px; padding-bottom: 12px } @media(max-width: 768px) { .btn.btn-outline-danger.btn-md { width:50%; margin-top: 10px } } @media(min-width: 768px) { .navbar.navbar-expand-lg { /* margin-top:-5px; *//* margin-bottom: -4px; *//* margin-left: 5px; */ } } .container { padding: 16px; text-align: center } .modal { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0 0 0 / .4); padding-top: 250px } .modal-content { background-color: #fefefe; margin: 5% auto 15% auto; border: 1px solid #888; width: 30% } hr { border: 1px solid #f1f1f1; margin-bottom: 25px } .close { position: absolute; right: 35px; top: 15px; font-size: 40px; font-weight: 700; color: #f1f1f1 } .close:hover,.close:focus { color: #f44336; cursor: pointer } .clearfix::after { content: ""; clear: both; display: table } @media screen and (max-width: 300px) { .cancelbtn,.deletebtn { width:100% } } .top-nav-link.btn-primary0 { color: #fff; font-size: 16px; font-weight: 600 } } @media(min-width: 768px) { .header { padding-top:24px; padding-bottom: .90rem; background-color: #3a75fa } } @media(min-width: 768px) { .nav-item.cart.mobile { display:none } } @media(max-width: 768px) { .container.mobile.hearder { width:100%; padding-right: 0; margin-left: 0; overflow: hidden; padding-top: 8.1px } } @media(min-width: 768px) { .nav-item.mobile.cart { display:none } } @media(max-width: 768px) { .title h1.title-name { font-size:28px; font-weight: 600; padding-top: 10px } } @media(min-width: 768px) { .header { padding-top:24px; padding-bottom: .90rem; background-color: #3a75fa } } @media(max-width: 768px) { .card-footer { padding:1.5rem 1.5rem; background-color: rgb(0 0 0 / .03); border-top: 0 solid rgb(0 40 100 / .12) } } @media(max-width: 768px) { .container.mobile.hearder { width:100%; margin-right: -10px; padding-top: 13px; padding-left: 7px } } @media(max-width: 768px) { .row-new { margin-right:-1.1rem; margin-left: -.9rem } } .btn.btn-pill.btn-submit.btn-gradient.btn-block.mr-1.mb-1 { outline: 0 } .message { padding-left: 20px } @media only screen and (max-width: 768px) { .alert.alert-icon.content.alert-warning { position:relative; margin-bottom: 0; border: 1px solid #fff0; border-radius: .125rem; margin-top: -10px; margin-bottom: 10px } } @media only screen and (min-width: 768px) { .alert.alert-icon.content.alert-warning { margin-bottom:10px } } * { margin: 0; padding: 0 } html { height: 100% } p { color: grey } .container { width: 100%; max-width: 1340px; margin: auto } #heading { text-transform: uppercase; color: #3a75fa; font-weight: 400 } #msform { text-align: center; position: relative; margin-top: 20px } #msform fieldset { border: 0 none; border-radius: .5rem; box-sizing: border-box; width: 100%; margin: 0; padding-bottom: 20px; position: relative } .form-card { text-align: left } .next.action-button { width: 100% } #msform .action-button { width: 100px; background: #3a75fa; font-weight: 700; color: #fff; border: 0 none; border-radius: 0; cursor: pointer; padding: 10px 5px; margin: 10px 0 10px 5px; float: right; FONT-FAMILY: 'ROBOTO'; FONT-WEIGHT: 500 } .quantity-highlight { color: #155724!important; background-color: #d4edda; border-color: #b2dfbc } #msform fieldset:not(:first-of-type) { display: none } #msform input,#msform textarea { padding: 8px 15px 8px 15px; border-radius: 0; margin-bottom: 25px; margin-top: 2px; width: 100%; box-sizing: border-box; font-family: montserrat; color: #2c3e50; background-color: #fff0; font-size: 16px; letter-spacing: 1px; font-family: roboto } #msform input:focus,#msform textarea:focus { -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; border: 1px solid #3a75fa; outline-width: 0 } @media only screen and (max-width: 768px) { #msform .action-button { width:100px; background: #3a75fa; font-weight: 700; color: #fff; border: 0 none; border-radius: 0; cursor: pointer; padding: 10px 5px; margin: -10px 0 6px 5px; float: right; font-family: roboto; font-size: 1.02rem; font-weight: 400 } } #msform .action-button:hover { background-color: #295ccf } #msform .action-button:active { background: #1745ad } #msform .action-button-previous { width: 100px; background: #616161; font-weight: 700; color: #fff; border: 0 none; border-radius: 0; cursor: pointer; padding: 10px 5px; margin: 10px 5px 10px 0; float: right; font-family: roboto; font-size: 1.02rem; font-weight: 400 } #msform .action-button-previous:hover,#msform .action-button-previous:focus { background-color: #000 } .em-card { z-index: 0; border: 0; position: relative } .fs-title { font-size: 27px; color: #3a75fa; margin-bottom: 15px; font-weight: 400; text-align: center; font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; font-weight: 400; line-height: 1.5 } .purple-text { color: #3a75fa; font-weight: 400 } .steps { font-size: 25px; color: gray; margin-bottom: 10px; font-weight: 400; text-align: right } .fieldlabels { color: gray; text-align: left } #progressbar { margin-bottom: 30px; overflow: hidden; color: lightgrey } #progressbar .active { color: #3a75fa } #progressbar li { list-style-type: none; font-size: 15px; width: 33.33%; float: left; position: relative; font-weight: 400 } #progressbar #account:before { font-family: FontAwesome; content: "\f13e" } #progressbar #personal:before { font-family: FontAwesome; content: "\f007" } #progressbar #payment:before { font-family: FontAwesome; content: "\f030" } #progressbar #confirm:before { font-family: FontAwesome; content: "\f00c" } #progressbar li:before { width: 50px; height: 50px; line-height: 45px; display: block; font-size: 20px; color: #fff; background: lightgray; border-radius: 50%; margin: 0 auto 10px auto; padding: 2px } #progressbar li:after { content: ""; width: 100%; height: 2px; background: lightgray; position: absolute; left: 0; top: 25px; z-index: -1 } #progressbar li.active:before,#progressbar li.active:after { background: #3a75fa } .progress { height: 20px } .progress-bar { background-color: #3a75fa } .fit-image { width: 100%; object-fit: cover } .done-service { width: 300px; margin: auto } .form-card { background-color: #fff0; width: 100%; max-width: 100%; margin: auto } .form-card table { width: 100% } .form-card table tr td,.form-card table tr th { border: 1px solid #dee2e6; padding: 1rem; font-family: roboto; font-size: 1.02rem; font-weight: 400; line-height: 1.5 } button.delete-item { border: 0; outline: 0; background: red; padding: .3rem 1rem; color: #fff; font-weight: 600; font-size: 14px } span.unit-title { font-size: 1.5rem; font-weight: 700; color: #3a75fa } span.unit-price { color: #28a745!important; font-weight: 600; margin-left: 1rem; margin-right: 1rem; font-family: roboto; font-size: 1.02rem; font-weight: 600 } .form-card.col-6-cs { max-width: 50% } .delete-item { color: #dc3545; font-weight: 100; font-size: 1.3rem; cursor: pointer; display: flex; align-content: flex-start; flex-direction: column-reverse; flex-wrap: nowrap; justify-content: center; align-items: center } .payment_fieldset { max-width: 65%; margin: auto!important } .form-table { display: none } .hide-desktop { display: none } .header .navbar .navbar-nav .nav-link { .header .navbar .navbar-nav .nav-link { padding: 15px 15px; font-size: 14px; color: #fff; font-weight: 500; padding: 15px 15px; cursor: pointer; position: relative; background: #fff0; font-size: 16.8px; border-radius: .25rem; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; line-height: 23px; padding-top: 17px; padding-bottom: 12px } } .container { width: 100%; max-width: 1360px; margin: auto } @media screen and (min-width: 1306px) and (min-height:53px) { .navbar-expand-lg { -ms-flex-flow:row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: space-around; margin-left: 42.5px; gap: 15px; margin-top: -18px; padding: 0 } .navbar-expand-lg .navbar-toggler { display: none } } @media(max-width: 1279.98px) { .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid { padding-right:0; padding-left: 0 } } @media(min-width: 1280px) { .navbar-expand-xl { -ms-flex-flow:row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } } .site-logo.mb-3+p { color: #fff } .m-b-50 { margin-bottom: 50px!important } .m-t-60 { margin-top: 60px!important } @media(max-width: 767px) { .form-card.col-6-cs { max-width:100% } .payment_fieldset { max-width: 90% } .form-table { padding: 1rem 0; display: flex; gap: 4rem; justify-content: flex-start; position: relative; line-height: 40px } .title-table,.table-information { text-align: left } .title-list { font-size: 1rem; font-weight: 600; color: #3a75fa; margin-bottom: .5rem; line-height: 40.5px; MARGIN-LEFT: 5PX; } .info-list { margin-bottom: .5rem; font-size: 1.0675rem } .delete-item { position: absolute; top: 10%; right: 5% } .form-table { border-bottom: 1px solid #00000030; font-family: roboto; font-size: 1.02rem; font-weight: 400 } #msform fieldset { padding-left: 10PX; padding-right: 1rem } .hide-mobile { display: none } .mobile-info-total { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; margin-bottom: 13px } .mobile-info-total span.unit-price { font-size: 1.25rem } #msform .action-button-previous { float: left; font-family: roboto; font-size: 1.02rem; font-weight: 400 } @media only screen and (min-width: 768px) { #msform .action-button { width:100px; background: #3a75fa; font-weight: 700; color: #fff; border: 0 none; border-radius: 0; cursor: pointer; padding: 10px 5px; margin: 10px 0 10px 5px; float: right; font-family: roboto; font-size: 1.02rem; font-weight: 400 } } #msform .action-button { width: 100%!important; padding: 1rem } .card-footer button { margin-top: 4rem; width: 100%!important } .card-footer { width: 100%!important; padding: 0; margin-top: -60px } .hide-desktop { display: flex; justify-content: space-between; align-items: center; margin-bottom: 13px } section.checkout-form { padding: 50px 0 50px } section.checkout-form .checkout-header { padding-bottom: 0 } fieldset.payment_fieldset { padding: 0!important } .modal-content { background-color: #fefefe; margin: 5% auto 15% auto; border: 1px solid #888; width: 90% } } @media(min-width: 768px) and (min-width:769px) { .btn.btn-outline-danger.btn-md.moible { display:none } } .alert [class^=icon-] { font-size: 1.5rem; position: absolute; left: -.9375rem } .alert p { margin: .5rem } .alert-empty { padding: 2rem 1rem; margin: 2rem 0; text-indent: 0; text-align: center; color: #6c757d!important; font-size: 1.25rem } @media(min-width: 992px) { .alert-empty { margin:7rem auto 9rem!important; font-size: 1.5rem } } #top-warning { padding: .5rem 1rem; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; width: 100%; background-color: #2e74b1; z-index: 999999; background: url(/img/topbanner/sag-toplu.svg) 100% no-repeat,url(/img/topbanner/sol-toplu.svg) 0 no-repeat; background-size: contain } #top-warning .message { text-align: center; color: #fff; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; position: relative } #top-warning a { padding-top: .3rem; padding-bottom: .3rem; background: #fff; color: #333!important; font-weight: 700; border-radius: 15px } #top-warning .mobile_banner_text,#top-warning .top_banner_mobile_icon { display: none } #top-warning .button_description_banner,#top-warning .desktop_banner_text { display: block } .alert-empty { padding: 2rem 1rem; margin: 2rem 0; text-indent: 0; text-align: center; color: #6c757d!important; font-size: 1.25rem } .alert-tertiary hr { border-top-color: #9ebdd6 } .alert-tertiary .alert-link { color: #091b2a } .alert-pale { color: #383d41; background-color: #e2e3e5; border-color: #cacdd0 } .alert-pale.form-control:active,.alert-pale.form-control:focus,.alert-pale.form-control:hover { background-color: #eff0f1; border-color: #bcc0c4; color: #2c3033 } .alert-pale hr { border-top-color: #bcc0c4 } @media only screen and (max-width: 768px) { .alert { position:relative; margin-bottom: 0; border: 1px solid #fff0; border-radius: .125rem; margin-top: 100px; margin-bottom: 60px } } @media only screen and (min-width: 768px) { .alert { position:relative; margin-bottom: 0; border: 1px solid #fff0; border-radius: .125rem } } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 3.5rem } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .5rem 1rem; color: inherit } .alert-primary { color: #173c5c; background-color: #d5e3ef; border-color: #b3cde3 } .alert-primary.form-control:active,.alert-primary.form-control:focus,.alert-primary.form-control:hover { background-color: #e7eff6; border-color: #a0c1dc; color: #122f48 } .alert-primary hr { border-top-color: #a0c1dc } .alert-primary .alert-link { color: #0d2133 } .alert-tertiary { color: #123654; background-color: #d3e1ec; border-color: #b0c9de } .alert-tertiary.form-control:active,.alert-tertiary.form-control:focus,.alert-tertiary.form-control:hover { background-color: #e5edf4; border-color: #9ebdd6; color: #0e293f } .alert-tertiary hr { border-top-color: #9ebdd6 } @media only screen and (max-width: 768px) { .btn-md { padding:.75rem 0; font-size: 1rem; line-height: 1.5; border-radius: .2rem; margin-left: -5px; font-family: roboto; font-size: 1.02rem; font-weight: 400 } } @media only screen and (min-width: 768px) { .btn-md { padding:.75rem 0; font-size: 1rem; line-height: 1.5; border-radius: .2rem; margin-right: -25px; margin-left: -5px font-family:roboto; font-size: 1.02rem; font-weight: 400 } } @media only screen and (max-device-width: 390px) and (min-device-width:768px) { .btn.btn-outline-danger.btn-md.moible { display:none } } @media(max-width: 768px) { .header .navbar .navbar-nav { padding:0 1rem } .header .navbar .navbar-nav .nav-link { border-radius: 0!important } } @media(max-width: 768px) { .top-header { background:#295ccf; padding: 0; margin: -8px } } @media(min-width: 768px) { .top-header { background:#295ccf; padding: -10rem 0; margin-top: -16px!important; margin-bottom: -16px!important; } } @media(max-width: 768px) { .container.cus.mobile { padding-top:0; margin-bottom: -17px; margin-left: .5px } } @media(min-width: 768px) { .top-nav-link.btn-primary0 { color:#fff; /* padding-left: 530px; */ font-size: 16px; font-weight: 600 } } .roboto-thin { font-family: "Roboto",sans-serif; font-weight: 100; font-style: normal } .roboto-thin-italic { font-family: "Roboto",sans-serif; font-weight: 100; font-style: italic } .roboto-light { font-family: "Roboto",sans-serif; font-weight: 300; font-style: normal } .roboto-light-italic { font-family: "Roboto",sans-serif; font-weight: 300; font-style: italic } .roboto-regular { font-family: "Roboto",sans-serif; font-weight: 400; font-style: normal } .roboto-regular-italic { font-family: "Roboto",sans-serif; font-weight: 400; font-style: italic } .roboto-medium { font-family: "Roboto",sans-serif; font-weight: 500; font-style: normal } .roboto-medium-italic { font-family: "Roboto",sans-serif; font-weight: 500; font-style: italic } .roboto-bold { font-family: "Roboto",sans-serif; font-weight: 700; font-style: normal } .roboto-bold-italic { font-family: "Roboto",sans-serif; font-weight: 700; font-style: italic } .roboto-black { font-family: "Roboto",sans-serif; font-weight: 900; font-style: normal } .roboto-black-italic { font-family: "Roboto",sans-serif; font-weight: 900; font-style: italic } .header-top.d-none.d-lg-block { display: none!important } @media only screen and (min-width: 767px) { .container.cus.mobile { max-width:1360px!important } .fa-brands.fa-instagram,.fa-brands.fa-youtube,.fa-brands.fa-facebook,.fa-brands.fa-tiktok,.fa-brands.fa-x-twitter,.fa-solid.fa-ellipsis-vertical { margin-top: !important } } @media(min-width: 768px) { .header { padding-top:24px!important; padding-bottom: .9rem!important; background-color: #3a75fa!important } } @media(min-width: 768px) { .header { padding-top:24px!important; padding-bottom: ; background-color: #3a75fa!important } } .quantity-highlight { color: #151d26!important; background: #207d36; border-color: #b2dfbc } .highlight { background-color: #e8f0fe!important; border-radius: 3px } .payment-option--disabled { opacity: .5 } .discount-text { color: #28a745!important; margin-left: 10px; font-weight: 300; font-size: 15px } .payment-image { height: 22px; margin-left: 10px; margin-top: 2.5px; margin-right: 10px } .payment-option { display: flex; align-items: center; border-bottom: 1px solid #eee; padding: 10px 15px; cursor: pointer; transition: background-color .3s ease; border-radius: 3px } #progressbar #account:before { font-family: FontAwesome; content: "\f13e "!important } #progressbar li:after { content: ""; width: 200%!important; height: 2px; background: lightgray; position: absolute; left: 0; top: 25px; z-index: -1; margin-left: -30% } @media only screen and (max-width: 768px) { #progressbar li:after { content:""; width: 200%; height: 2px; background: lightgray; position: absolute; left: 0; top: 25px; z-index: -1; margin-left: -40px!important } } @media only screen and (min-width: 768px) { #progressbar li:after { content:""; width: 200%; height: 2px; background: lightgray; position: absolute; left: 0; top: 25px; z-index: -1; margin-left: -100px!important } } @media(max-width: 768px) { .fs-title.mobile { font-family:roboto!important } } @media(min-width: 768px) { .fs-title.mobile { font-family:roboto!important } } @media(MAX-width: 768px) { .progress { height: 20px; margin-top: -10px; MARGIN-LEFT: -2PX } } .progress { height: 20px; margin-top: -10px; } #msform input,#msform textarea { border-radius: .125rem!important; margin-bottom: 25px; margin-top: 2px; width: 100%; box-sizing: border-box; font-family: montserrat; color: #2c3e50; background-color: #fff; font-size: 16px; letter-spacing: .6px!important; font-family: roboto!important; padding: 23.5px 15px 23.5px 15px } .price { color: #28a745!important; font-weight: 600; margin-right: .5rem; font-family: 'roboto'; font-weight: 500; margin-bottom: -1.75px } @media(min-width: 768px) { .form-control { height:3rem; color: #9b9b9b; font-family: roboto } } .form-group { display: block; font-family: 'Roboto' } .card-footer:last-child { border-radius: 0 0 calc(.25rem-1px)calc(.25rem-1px); font-family: 'Roboto' } .selectize-control.single.selectize-input:after { visibility: hidden } .selectize-control.single.selectize-input,.selectize-control.single.selectize-input input { cursor: pointer; pointer-events: none; border-radius: 3px } .dollar-amount { color: green } .card-footer.text-left { font-family: 'roboto' } @media(min-width: 768px) { .payment-list { padding:0; background: #fff; max-width: 1200px } } .payment-label1 { width: 100%; margin-left: 10px; font-size: 16px; color: #333; font-weight: 500; margin-bottom: -1.5px; margin-top: 1.5px } .payment-label1 { display: flex; align-items: center; justify-content: flex-start; width: 100%; cursor: pointer; flex-direction: row; flex-wrap: nowrap; align-content: center; font-family: 'roboto'; color: #363638 } @media(max-width: 768px) { .form-group.mobileplaceorder { padding-bottom:10px } } .form-control,.dataTables_wrapper.dataTables_length select,.dataTables_wrapper.dataTables_filter input { display: block; width: 100%; height: 2.375rem; padding: .375rem .75rem; font-size: .9375rem; font-weight: 400; line-height: 1.6; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 3px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media(min-width: 768px) { .header { padding-top:24px!important; padding-bottom: .90rem!important; background-color: #3a75fa!important } } .header-top.d-none.d-lg-block { display: none!important } .title-name.che { color: #3a75fa; font-family: Roboto; font-weight: 500; display: none } @media screen and (min-width: 1004px) and (max-width:1306px) { .header { padding-top:23px!important; padding-bottom: .90rem!important; background-color: #3a75fa!important } } @media (max-width: 768px) { #apply_coupon { white-space: nowrap; margin-left: 0px !important; margin-top: -22px !important; border-radius: 0.025rem; padding-top: 11.5px; padding-right: 40.5px; padding-bottom: 11.5px; PADDING-LEFT: 26.5px; } #coupon_code { flex-grow: 1; margin-right: 10px; } #apply_coupon { white-space: nowrap; } } /* Initial state (hidden) */ #couponInputContainer { display: none; opacity: 0; transition: opacity 0.5s ease-in-out; /* Adjust the duration as needed */ } /* Fade-in state */ .fade-in { display: block; opacity: 1; } .btn-outline-danger.cpn:hover { color: #fff; background-color: #4247ff80; border-color: #4247ff80; } .btn-outline-danger.cpn:focus.cpn, .btn-outline-danger.cpn.focus { box-shadow: 0 0 0 2px #4247ff66; } .btn-outline-danger.cpn.disabled, .btn-outline-danger.cpn:disabled { color: #4247ff80; background-color: transparent; } .btn-outline-danger.cpn:not(:disabled):not(.disabled):active, .btn-outline-danger.cpn:not(:disabled):not(.disabled).active,.show > .btn-outline-danger.cpn.btn-dm-toggle { color: #fff; background-color: #4247ff80; border-color: #4247ff80; } .btn-outline-danger.cpn:not(:disabled):not(.disabled):active:focus, .btn-outline-danger.cpn:not(:disabled):not(.disabled).active:focus,.show > .btn-outline-danger.cpn.btn-dm-toggle:focus { box-shadow: 0 0 0 2px #4247ff80; } @media(max-width: 768px) { .btn.btn-outline-danger.btn-md { width: 100%; margin-top: 10px !important; margin-left: 0px !important; /padding-left: 5; /* margin-right: 6px !important; */ } } @media only screen and (min-width: 768px) and (max-width: 768px) { .container.cus.mobile { margin-top: 0px !important; margin-bottom: 40px !important; } #msform { text-align: center; position: relative; margin-top: 30px!important; } .mobilepromocode { display: none; } } @media only screen and (min-width: 767px) and (max-width: 767px) { .container.cus.mobile { margin-top: 0px !important; margin-bottom: 40px !important; } }