@font-face {
    font-display: swap;
    font-family: font1;
    src: url("/file/font1/file.woff2") format("woff2"),
        url("/file/font1/file.woff") format("woff"),
        url("/file/font1/file.ttf") format("ttf");
}

@font-face {
    font-display: swap;
    font-family: font2;
    src: url("/file/font2/file.woff2") format("woff2"),
        url("/file/font2/file.woff") format("woff"),
        url("/file/font2/file.ttf") format("ttf");
}

@font-face {
    font-display: swap;
    font-family: font3;
    src: url("/file/font3/file.woff2") format("woff2"),
        url("/file/font3/file.woff") format("woff"),
        url("/file/font3/file.ttf") format("ttf");
}

body { background-color: #ffb804; font-family: font2, Arial, sans-serif;}
body.plitica { background-color: #d4d4d4; font-family: font2, Arial, sans-serif;}
body.contact { background-color: #fec254; font-family: font2, Arial, sans-serif;}
body.payment { background-color: #fec254; font-family: Arial, sans-serif;}
body.payment .home { background-color: white; font-family: Arial, sans-serif;}
body.contact header { background-color: #ffb804; min-height: 146px;}
body.error-page {background: white;}
body.error-page header { background-color: #ffb804; min-height: 146px;}
body.success-page {background: white;}
body.success-page header { background-color: #ffb804; min-height: 146px;}
body.redirect-page {background: white;}
body.redirect-page header { background-color: #ffb804; min-height: 146px;}
body header { min-height: 146px; }
.loader {width: 48px; height: 48px; border-radius: 50%; position: relative; animation: rotate 1s linear infinite; display: flex ; justify-content: center; align-items: center; margin: 0 auto;}
.loader::before, .loader::after { content: ""; box-sizing: border-box; position: absolute; inset: 0px; border-radius: 50%; border: 5px solid #000; animation: prixClipFix 2s linear infinite ; }
.loader::after{ border-color: #ffb804; animation: prixClipFix 2s linear infinite , rotate 0.5s linear infinite reverse; inset: 6px; } @keyframes rotate { 0%   {transform: rotate(0deg)} 100%   {transform: rotate(360deg)} } @keyframes prixClipFix { 0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)} 25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)} 50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)} 75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)} 100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)} }
#gneral {width: 100%;}
.logo {width: 120px; height: 79px; margin-top: 30px;}

.whatsapp { width: 198px; height: 42px; transition: all 0.2s ease, visibility 0s; border: 0px solid rgb(153, 53, 0); background: #86F323; border-radius: 50px; display: flex ; text-decoration: none; align-items: center; justify-content: center;}
.whatsapp:hover {background: linear-gradient(90deg, #e09d7a 0%, #eac9b3 100%);}
.whatsapp svg {width: 48px; height: 48px; }
.whatsapp .text { transition: inherit; display: initial; margin: 0px 3px 0px 0px; font-size: 17px; margin-right: 0px; font-family: helvetica-w01-bold, sans-serif; color: #000000; margin-left: 0px;}

.nav {}
.nav li {}
.nav li  span {font-size: 18px; color: white; margin-right: 10px;}
.nav li  .tel {color: black; font-size: 20px; text-decoration: none;}
.nav li  .nav-item { margin-left: 20px; color: black; font-size: 20px; text-decoration: none; margin-left: 40px;}

.nav-bar {display: flex ; align-items: center; margin-top: 50px; justify-content: end;}
.bg-home {position: absolute; z-index: -1; top: -199px; min-height: 1080px; object-fit: cover;}
.bg-home.desktop {}
.bg-home.mobile {display: none;}

.form-and-text {margin-top: 60px; min-height: 600px;}
.form-and-text .text-left {font-size: 60px; color: white; font-weight: 900; line-height: 70px;}
.form-and-text .formGroup {height: auto; width: 342px;  border-top-left-radius: 30px; border-top-right-radius: 30px;  border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; float: right;overflow: hidden; margin-bottom: 20px;}
.form-and-text form {height: auto; width: 342px; background: white ; border-top-left-radius: 30px; border-top-right-radius: 30px;  border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; float: right;overflow: hidden; margin-bottom: 20px;}
.form-and-text form .head-form {background: #fec254;border-top-left-radius: 30px;border-top-right-radius: 30px;}
.form-and-text form .head-form h4 {font-size: 24px; color: white; height: 55px; display: flex ; align-items: center; justify-content: center; }
.form-and-text .formGroup  [data-toggle="modal"] {background: white; border: 0; margin: 0 auto; width: 171px; height: 50px; color: black; border-radius: 22px; display: flex ; align-items: center; justify-content: center; font-size: 19px;}

.form-and-text form .body { padding: 20px; }
.form-and-text form .body input {font-family: 'font1';}
.form-and-text form .body .title-form {font-size: 14px; margin-bottom: 15px;}
.form-and-text form .body select {border: 0; width: 100%; font-size: 12px; margin-bottom: 20px; outline: 0; box-shadow: inherit; max-width: 95%; font-family: 'font1';}
.form-and-text form .body .price {font-size: 24px;}
.form-and-text form .body .size {font-size: 24px; color: #FEC254;}
.form-and-text form .body .text {font-size: 14px; font-family: 'font1';}
.form-and-text form .body .btn-custom {color: white; border: 0; height: 42px; font-size: 20px; display: flex ; align-items: center; justify-content: center; margin: 0 auto 4px auto; background: #ffb804; width: 140px;}
.form-and-text form .body .form-control[disabled], .form-and-text form .body .form-control[readonly], .form-and-text form .body fieldset[disabled] .form-control {background: white; border: 0; font-size: 14px; outline: 0; box-shadow: inherit !important; padding: 0;}
.form-and-text form .body  .input-group-addon {background: white; border: 0; font-size: 18px;}
.form-and-text form .body .date svg {width: 20px; height: 20px; padding: 2px; fill: currentColor; color: #8d8888;}
.form-and-text form .body.two {display: none;}
.form-and-text form .body.two div {margin-bottom: 10px;}
.form-and-text form .body.two div:last-child {margin: 0;}
.form-and-text form .body.two label {font-size: 16px; font-family: 'font1';}
.form-and-text form .body.two input {height: 40px; border: 0; border-radius: 0; width: 100%; margin-top: 5px;}
.form-and-text form .body.two input::placeholder {color: #ccc; font-family: 'font1'; font-size: 14px; }

.selct-two {background: #f5f3ed; margin-top: 246px; padding: 120px 0;}
.selct-two .inner {max-width: 1200px; margin: 0 auto;}
.selct-two img {max-width: 500px;}
.selct-two .line-wrap {max-width: 480px; float: right;}
.selct-two .line-head {font-size: 38px; line-height: 60px; margin-bottom: 30px;}
.selct-two .line-head.mobile {display: none;}
.selct-two .line {display: flex ; align-items: center; color: black; font-size: 22px;margin-bottom: 30px;}
.selct-two .line span {width: 46px; height: 46px; background: #fec254; border-radius: 100%; display: flex ; align-items: center; justify-content: center; color: white; font-size: 21px; margin-right: 15px;}
.selct-two .line p {margin: 0;}

.line-time {background: rgb(254, 194, 84);}
.line-time .item {text-align: center; width: 100%; padding: 90px 0;}
.line-time .title {display: block; font-size: 27px; margin: 15px 0;}
.line-time .text {font-family: 'font1'; display: block; font-size: 20px;}


.line-tab {background: #ffffff; padding: 90px 0;}
.line-tab h3 {text-align: center; font-size: 27px; margin-bottom: 60px;}
.line-tab ul {list-style: none; padding: 0; margin: 0 auto; max-width: 900px;}
.line-tab ul li {}
.line-tab ul li h4 {font-size: 20px; color: black; margin: 0;}
.line-tab ul li p {font-size: 18px; font-family: 'font1'; color: black;}
.line-tab ul li .acordion {}
.line-tab ul li .ac-head {display: flex ; align-items: center; justify-content: space-between; min-height: 82px; cursor: pointer;}
.line-tab ul li .ac-body {display: none;}
.line-tab ul li .ac-body.active {display: block;}
.line-tab ul li .ac-head .pozitif {}
.line-tab ul li .ac-head .negatif {display: none;}
.line-tab ul li .ac-head.active .negatif {display: block;}
.line-tab ul li .ac-head.active .pozitif {display: none;}
.line-tab ul li .item-ac {border-bottom: 1px solid rgba(212, 212, 212, 0.71);}

.line-three {background: white;}
.line-three img {width: 100%;}
.line-three img.mobile {display: none;}
.line-three .line-wrap {background-color: #fec254; max-width: 1060px; margin: 0 auto; border-radius: 30px; padding: 80px;}
.line-three .line-wrap .head-title {font-size: 27px; margin-bottom: 20px;}
.line-three .line-wrap .head-title.mobile {display: none;}
.line-three .line-wrap ul {margin: 0; padding: 0; list-style: none;}
.line-three .line-wrap ul li {margin-bottom: 30px;}
.line-three .line-wrap ul li a {text-decoration: none; color: black; background: white; padding: 0px 27px; width: 100%; display: flex ; align-items: center; justify-content: space-between; border-radius: 35px; min-height: 75px; font-size: 20px;}
.line-three .line-wrap ul li svg {width: 41px; height: 41px; transform: rotate(180deg); max-width: 41px; max-height: 41px; min-width: 41px; min-height: 41px;margin-left: 10px;}
.line-three .line-wrap .inner-text {font-size: 20px; margin-bottom: 36px;}
.line-three .line-wrap .sub-text {font-size: 16px; font-family: 'font1'; color: white;}


.line-three .line-wrap-twp {max-width: 1060px; margin: 0 auto; border-radius: 30px; margin-top: 70px;}
.line-three .line-wrap-twp .head-title {background-color: #fec254; border-top-left-radius: 30px; border-top-right-radius: 30px; min-height: 115px; display: flex ; align-items: center; justify-content: center; margin: 0;}
.line-three .line-wrap-twp .text-container-wrap {background-color: #f1f1f1;width: 100%; display: flex ; flex-wrap: wrap;padding: 40px 90px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
.line-three .line-wrap-twp .text-container-wrap .text-item {width: 100%; display: flex ; flex-wrap: wrap; height: 150px; overflow: hidden; margin-bottom: 30px;}
.line-three .line-wrap-twp .text-container-wrap .text-item.active {height: auto;}
.line-three .line-wrap-twp .text-container-wrap .text-item p {width: 100%; display: flex ; flex-wrap: wrap; margin: 0; font-size: 25px; font-family: 'font1';}
.line-three .line-wrap-twp .text-container-wrap .text-item p span {margin-bottom: 20px; display: block; width: 100%;}
.line-three .line-wrap-twp .text-container-wrap .btn-height {color: #fec254; cursor: pointer; text-align: center; display: block; width: 100%; font-size: 21px; border: 0;}
.line-three .line-wrap-twp .text-container-wrap .btn-height:hover {color: #606060;}
.line-three .line-wrap-twp .text-address {background: white; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; text-align: center; margin-top: 80px;}
.line-three .line-wrap-twp .text-address .title {font-size: 26px; margin-bottom: 20px;}
.line-three .line-wrap-twp .text-address .sub {font-size: 24px; margin-bottom: 10px; font-family: 'font1';}
.line-three .line-wrap-twp .text-inst {background: white; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; text-align: center; margin-top: 80px; margin-bottom: 80px;}
.line-three .line-wrap-twp .text-inst .title {font-size: 26px; margin-bottom: 20px;}
.line-three .line-wrap-twp .text-inst a {text-decoration: none;}
.line-three .line-wrap-twp .text-inst img {width: 84px; height: 84px;}



footer {background: #ebe9e5; padding: 80px 0 50px 0;}
footer .top {}
footer .top ul.nav {margin: 0; padding: 0;}
footer .top ul.nav li {margin-right: 60px;}
footer .top ul.nav li:last-child {margin-right: 0px;}
footer .top ul.nav li a {font-size: 15px; color: black;}
footer .top ul.cbtn {margin: 0; padding: 0; display: flex ; float: right;}
footer .top ul.cbtn li {margin-right: 30px;}
footer .top ul.cbtn li:last-child {margin-right: 0px;}
footer .top ul.cbtn li a {background: white; display: flex ; min-height: 44px; align-items: center; padding: 0 30px; border-radius: 30px; color: black;}
footer .top ul.cbtn li a svg {color: black; fill: currentColor; width: 28px; height: 28px; margin-right: 15px;}
footer .bottom ul.copy {margin: 0; padding: 0;margin-top: 60px;}
footer .bottom ul.copy li {width: 100%;}
footer .bottom ul.copy li h4 {font-size: 14px; font-family: 'font1';}
footer .bottom ul.info {margin: 0; padding: 0; float: right; display: flex; align-items: center; margin-top: 68px;}
footer .bottom ul.info li {margin-right: 20px;}
footer .bottom ul.info li img {}


.plitica-wrap { max-width: 920px; margin: 60px auto; }
.plitica-wrap p {font-size: 14px; font-family: 'font1';}
.plitica-wrap h1 {font-size: 28px; font-family: 'font1'; margin-bottom: 20px;}

.contact-wrap {max-width: 540px; width: 100%; margin: 90px auto; padding: 40px;}
.contact-wrap form {}
.contact-wrap form h1 {font-size: 30px; margin-bottom: 30px;}
.contact-wrap form label {font-size: 20px; }
.contact-wrap form input:focus, .contact-wrap form input:hover, .contact-wrap form input {border: 0; border-radius: 0; height: 40px; border-bottom: 2px solid black; background: 0;}
.contact-wrap form textarea:focus, .contact-wrap form textarea:hover, .contact-wrap form textarea {border: 0; border-radius: 0; border-bottom: 2px solid black; background: 0;}
.contact-wrap form input::placeholder, .contact-wrap form textarea::placeholder {color: white; font-family: 'font1';}
.contact-wrap form .btn-custom-contact { font-size: 18px; background: black; color: white; width: 149px; border-radius: 40px; font-family: 'font1'; border: 2px solid black; }
.contact-wrap form .btn-custom-contact:hover { background: white; color: black; }

.whatsapp-tool {position: fixed; bottom: 30px; right: 20px; width: 50px; height: 50px; border-radius: 50%; display: block; padding: 5px; box-sizing: border-box; cursor: pointer; overflow: hidden; box-shadow: rgba(136, 136, 136, 0.4) 0px 1px 7px; transition: all 0.5s ease 0s; z-index: 200; text-decoration: none !important; background-color: rgb(77, 194, 71) !important;}
.phone-tool {width: 50px; height: 50px; border-radius: 50%; display: block; padding: 5px; box-sizing: border-box; cursor: pointer; overflow: hidden; box-shadow: rgba(136, 136, 136, 0.4) 0px 1px 7px; transition: all 0.5s ease 0s; position: relative; z-index: 200; text-decoration: none !important; background-color: rgb(236, 89, 35) !important; position: fixed; bottom: 90px; right: 20px;}


#delivery__area {max-width: 900px; margin: 0 auto; padding-bottom: 90px; margin-top: 70px;}
#delivery__area a {color: black;}
.contracts .contract-body p {font-size: 16px; font-family: Arial, sans-serif;;}
#delivery__area .head__area { margin-top: 30px; margin-bottom: 40px; }
.summary-container .checkout-summary .summary-heading span { font-weight: 700; border-bottom: 1px solid #a1a0a0; text-transform: uppercase; font-size: 1rem; display: block; letter-spacing: 0.085em; line-height: 1.4; margin-top: 0; padding-bottom: 0.5rem; }
.summary-basket .cb-container .product-item { padding: 20px 0.71429rem; }
.summary-basket .cb-container .product-item .cb-info .cb-name a { font-size: 1em; color: #362d2e; line-height: 1.4; font-weight: bold; text-transform: uppercase; }
.summary-basket .cb-container .product-item .cb-info .cb-code { margin-bottom: 5px; }
.summary-basket .cb-container .product-item .cb-info .cb-code strong { font-size: 14px; color: #362d2e; font-weight: normal; letter-spacing: 0.05em; margin-right: 0.5em; text-transform: uppercase; }
.summary-basket .cb-container .product-item .cb-info .cb-code span { font-size: 14px; color: #362d2e; font-weight: normal; letter-spacing: 0.05em; text-transform: uppercase; }
.summary-basket .cb-container .product-item .cb-info .sb-info { margin-top: 10px; margin-bottom: 0.25em; }
.summary-basket .cb-container .product-item .cb-info .sb-info p { margin-bottom: 5px; }
.summary-basket .cb-container .product-item .cb-info .sb-info strong { font-size: 14px; color: #362d2e; font-weight: normal; letter-spacing: 0.05em; margin-right: 0.5em; line-height: 1.2; }
.summary-basket .cb-container .product-item .cb-info .sb-info span { font-size: 14px; color: #362d2e; font-weight: normal; letter-spacing: 0.05em; line-height: 1.2; }
.summary-basket .cb-container .product-item .cb-info .sb-info .cb-price { line-height: 2; }
.contracts .contract-container { margin-bottom: 20px; float: left; widtH: 100%; }
.contracts .contract-head { font-size: 18px; margin-bottom: 20px; margin-top: 40px; }
.contracts .contract-body { border: 1px solid #b3b0b0; padding: 20px 10px; overflow: scroll; height: 200px;}
.contracts .contract-check { margin: 10px 0; float: left; width: 100%; }
.contracts .contract-check .chk-contract { padding-left: 27px; display: block; margin-bottom: 10px; position: relative; font-size: 14px; color: black; font-family: 'form1'; font-weight: bold;}
.contracts .contract-check .chk-contract .check-area { position: absolute; top: 0; left: 0; }
.credit-card .btn-all-installments { margin-top: 33px; display: inline-block; }
.credit-card .payment-campaign ul li { width: 100%; float: left; border-bottom: 1px solid #c7c7c7; padding: 10px 0; }
.credit-card .payment-campaign ul li span { display: block; }
.credit-card .payment-campaign .b-img { float: left; }
.credit-card .payment-campaign .b-ins { float: right; line-height: 30px; }
.credit-card .payment-campaign ul li { width: 100%; float: left; border-bottom: 1px solid #f7f7f7; padding: 10px 0; }
.credit-card .payment-campaign ul li span { display: block; }
.credit-card .payment-campaign .b-img { float: left; }
.credit-card .payment-campaign .b-ins { float: right; line-height: 30px; } a .custom-check { position: relative; width: 19px; height: 19px; display: block; } a .custom-check:before { content: ""; position: absolute; outline: none; display: inline-block; width: 19px; height: 19px; border: solid 1px #afaeae; border-radius: 0; background: #fff; right: 0; top: 0; } a.js-active .custom-check:after, a.js-checked .custom-check:after { border-radius: 0; background: #333; content: ""; display: block; height: 11px; width: 11px; position: absolute; left: 4px; top: 4px; }
.cb-container p { margin-bottom: 3px !important; line-height: 16px; }
.cb-container .product-item { padding: 20px 0.71429rem; }
.cb-container .product-item .cb-image a img { max-width: 90px; }
.cb-container .product-item .cb-info .cb-name { display: -webkit-box; display: -ms-flexbox; display: flex; }
.cb-container .product-item .cb-info .cb-name a { font-size: 1em; color: #362d2e; line-height: 1.4; font-weight: 700; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; }
.cb-container .product-item .cb-info .cb-code { margin-bottom: 5px; }
.cb-container .product-item .cb-info .cb-code strong { font-size: 14px; color: #362d2e; font-weight: 400; letter-spacing: 0.05em; margin-right: 0.5em; text-transform: uppercase; }
.cb-container .product-item .cb-info .cb-code span { font-size: 14px; color: #362d2e; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; }
.cb-container .product-item .cb-info .sb-info { margin-top: 10px; margin-bottom: 0.25em; }
.cb-container .product-item .cb-info .sb-info p { margin-bottom: 5px; }
.cb-container .product-item .cb-info .sb-info strong { font-size: 14px; color: #362d2e; font-weight: 400; letter-spacing: 0.05em; margin-right: 0.5em; line-height: 1.2; }
.cb-container .product-item .cb-info .sb-info span { font-size: 14px; color: #362d2e; font-weight: 400; letter-spacing: 0.05em; line-height: 1.2; }
.cb-container .product-item .cb-info .sb-info .cb-price { line-height: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.cb-container .product-item .cb-info .sb-info .cb-price .old-price { text-decoration: line-through; font-size: 0.88em; color: #362d2e; line-height: 1.2; text-align: right; font-weight: 500; display: block; }
.cb-container .product-item .cb-info .sb-info .cb-price .new-price { color: #c03; font-size: 1em; line-height: 1.2; text-align: right; font-weight: 500; display: block; }
.cb-container .product-item .cb-info .sb-info .cb-price .one-price { font-size: 1em; padding-left: 0.65em; text-align: right; line-height: 1.2; color: #362d2e; font-weight: 500; letter-spacing: 0.05em; display: block; }
.summary__area .summary__heading-area { display: block; font-size: 16px; color: #151515; text-transform: uppercase; position: relative; font-weight: 700; white-space: nowrap; margin: 0; margin-bottom: 12px; line-height: 1; }
.summary__area .summary__heading-area span { font-size: 22px; }
.summary__area .summary__list-area { overflow: hidden; }
.summary__area .summary__list-area ul { overflow: hidden; width: 100%; float: left; border-top: 1px solid #151515; border-bottom: 1px solid #151515; margin:0; padding: 0;}
.summary__area .summary__list-area ul li { padding: 0px 0 11px 0; width: 100%; float: left; color: #151515; font-size: 1em; }
.summary__area .summary__list-area ul li:first-child { padding-top: 14px; }
.summary__area .summary__list-area ul li:last-child { padding-bottom: 14px; }
.summary__area .summary__list-area ul li.summary__total-first { font-weight: bold; }
.summary__area .summary__list-area ul li .summary__title { float: left; font-weight: bold; font-family: Arial, sans-serif; }
.summary__area .summary__list-area ul li .summary__value { float: right; }
.summary__area .summary__list-area .summary__total { font-size: 1em; line-height: 1.3em; float: left; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 18px; margin-top: 9px; color: #151515; }
.summary__area .summary__list-area .summary__total .summary__title { font-weight: bold;  font-family: Arial, sans-serif;;}
.summary__area .summary__list-area .summary__total .summary__title .summary__desc { font-size: 1em; color: #151515; font-weight: 100; font-family: Arial, sans-serif;; font-weight: bold; }
.summary__area .summary__list-area .summary__total .summary__value { float: right; font-size: 1.28571em; font-weight: bold; color: #151515; margin-top: -5px; }
.summary__area .summary-address { width: 100%; float: left; border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.summary__area .summary-address span { display: block; width: 100%; }
.summary__area .summary-address .head { color: #151515; font-weight: bold; }
.summary__area .gift { width: 100%; float: left; border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.summary__area .gift .title { color: #151515; font-weight: bold; }
.summary__area .gift .value { float: right; }
.summary__area .gift-note { width: 100%; float: left; border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.summary__area .gift-note .head { color: #151515; font-weight: bold; }
.summary__area .gift-note .content p { display: block; width: 100%; margin-bottom: 5px; font-style: italic; }
.summary__area .sale-note { width: 100%; float: left; border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.summary__area .sale-note .head { color: #151515; font-weight: bold; }
.summary__area .sale-note .content p { display: block; width: 100%; margin-bottom: 5px; font-style: italic; }
.summary__area { overflow: hidden; }
.btn-payment {background: black; color: white!important; width: 100%; height: 51px; display: flex ; align-items: center; justify-content: center; border-radius: 40px; margin-top: 30px; border:2px solid black!important;}
.btn-payment:hover {background: white; color: black!important; }
#frm-cartpayment input, #frm-cartpayment select {height: 50px; border: 0; border-radius: 0; margin-top: 11px; background: 0; border-bottom: 2px solid black; color: black!important; outline: 0; box-shadow: inherit;}
#frm-cartpayment input:hover, #frm-cartpayment select:hover, #frm-cartpayment input:focus, #frm-cartpayment select:focus {border-bottom: 2px solid black;  outline: 0; box-shadow: inherit; background: 0; color: black!important;}
#frm-cartpayment input::placeholder, #frm-cartpayment select::placeholder {color: black;font-family: Arial, sans-serif;; font-weight: bold; font-size: 14px;}
#frm-cartpayment label {font-family: Arial, sans-serif;; font-weight: bold; font-size: 17px; }
#delivery__area .head__area h1 {font-family: Arial, sans-serif; font-weight: 700;}

.errorList {padding: 0px 30px 30px 30px; display: none;}
.errorList .lineTitle {font-size: 16px; color: red; text-transform: uppercase;}
.errorList .line {padding-left: 20px; color: gray; font-size: 14px;}

.sldier-banner {margin-top: 50px;}
.sldier-banner .title {text-align: center; font-size: 32px; margin-bottom: 30px;}
.sldier-banner .slider {}
.sldier-banner .slider .item, .sldier-banner .slider, .owl-carousel .owl-stage-outer {border-radius: 20px;}
.sldier-banner .slider .item {height: 100%;}
.sldier-banner .slider .item.one {background: #ffc000;}
.sldier-banner .slider .item.two {background: #58b4f1;}
.sldier-banner .slider .item.three {background: #ecd08c;}
.sldier-banner .slider .item.four {background: #fb3078;}
.sldier-banner .slider .item.five {background: #48cde8;}
.sldier-banner .slider .item.six {background: #77abe5;}
.sldier-banner .slider .item img.banner-img {border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.sldier-banner .slider .item .banner-logo {max-width: 220px; margin: 0 auto 20px auto; display: block;}
.sldier-banner .slider .item .content {height: 100%; display: flex ; align-items: center; justify-content: center;}
.sldier-banner .slider .item .content p { text-align: center; color: white; font-size: 30px; margin: 0; } 
.sldier-banner .slider .item .content span { font-size: 22px; margin: 0; margin-top: 10px; } 
.sldier-banner .slider .item .content a { background: white; border-radius: 30px; padding: 11px 26px; width: 129px; display: flex; margin: 35px auto 0 auto; text-align: center; color: black; align-items: center; justify-content: center; }

.owl-dots {display: flex ; align-items: center; justify-content: center; margin-top: 30px;}
.owl-dots .owl-dot {background: #ffb804 !important; width: 10px; height: 10px; margin-right: 10px; border-radius: 100%;}
.owl-dots .owl-dot.active {background: #a17405 !important;}

.owl-carousel .owl-nav button.owl-prev { position: absolute; background: rgb(255 255 255 / 52%); color: white; width: 50px; height: 50px; border-radius: 100%; font-size: 30px; font-weight: 100; display: flex ; align-items: center; justify-content: center; top: 38%; left: 10px;}
.owl-carousel .owl-nav button.owl-next { position: absolute; background: rgb(255 255 255 / 52%); color: white; width: 50px; height: 50px; border-radius: 100%; font-size: 30px; font-weight: 100; display: flex ; align-items: center; justify-content: center; top: 38%; right: 10px;}

.tab {}
.tab li {display: flex ; align-items: center; justify-content: end; flex-wrap: wrap;}
.tab li .frm-btn {background: white; color: #ffb804; width: 342px; display: flex ; align-items: center; justify-content: center; height: 60px; border-radius: 27px; font-size: 20px; margin-bottom: 20px; transition: ease all .3s; position: relative;}
.tab li .frm-btn span {margin-left: 29px; font-size: 18px; font-family: auto; font-weight: initial;transition: ease all .3s; position: relative;}
.tab li .frm-btn:hover span {transition: ease all .3s; position: relative; left: 18px;}
.select-form {display: flex ; background: 0; align-items: center; justify-content: center; text-align: center; color: #000000; padding: 8px 13px; font-weight: 700; font-size: 17px !important; margin: 12px auto 0 auto; width: 100% !important; border: 1px solid black !important; max-width: 100% !important; border-radius: 0;}


.error-payment {}
.error-payment img {text-align: center; max-width: 200px; margin: 0 auto; display: block; filter: brightness(0) saturate(100%) invert(15%) sepia(80%) saturate(3785%) hue-rotate(351deg) brightness(103%) contrast(93%); margin-bottom: 32px;}
.error-payment h2 {text-align: center; color: #d11f1f; margin: 0 auto; display: block; filter: brightness(0) saturate(100%) invert(15%) sepia(80%) saturate(3785%) hue-rotate(351deg) brightness(103%) contrast(93%); margin-bottom: 32px;}
.error-payment p {text-align: center; color: #d11f1f; margin: 0 auto; display: block; filter: brightness(0) saturate(100%) invert(15%) sepia(80%) saturate(3785%) hue-rotate(351deg) brightness(103%) contrast(93%); margin-bottom: 32px;}

.success-payment {}
.success-payment img {text-align: center; max-width: 200px; margin: 0 auto; display: block; filter: brightness(0) saturate(100%) invert(59%) sepia(85%) saturate(778%) hue-rotate(78deg) brightness(90%) contrast(94%); margin-bottom: 32px;}
.success-payment h2 {text-align: center; color: #1acb38; margin: 0 auto; display: block; filter: brightness(0) saturate(100%) invert(59%) sepia(85%) saturate(778%) hue-rotate(78deg) brightness(90%) contrast(94%); margin-bottom: 32px;}
.success-payment p {text-align: center; color: #1acb38; margin: 0 auto; display: block; filter: brightness(0) saturate(100%) invert(59%) sepia(85%) saturate(778%) hue-rotate(78deg) brightness(90%) contrast(94%); margin-bottom: 32px;}

.redirect-payment {}
.redirect-payment img {text-align: center; max-width: 200px; margin: 0 auto; display: block; filter: brightness(0) saturate(100%) invert(66%) sepia(76%) saturate(557%) hue-rotate(353deg) brightness(101%) contrast(105%); margin-bottom: 32px;}
.redirect-payment h2 {text-align: center; color: #ffb804; margin: 0 auto; display: block; filter: brightness(0) saturate(100%) invert(66%) sepia(76%) saturate(557%) hue-rotate(353deg) brightness(101%) contrast(105%); margin-bottom: 32px;}
.redirect-payment p {text-align: center; color: #ffb804; margin: 0 auto; display: block; filter: brightness(0) saturate(100%) invert(66%) sepia(76%) saturate(557%) hue-rotate(353deg) brightness(101%) contrast(105%); margin-bottom: 32px;}
.redirect-page .contact-wrap {max-width: 900px; padding: 150px 40px;}

#svModal .close {background-color: white; border: 0; outline: 0; box-shadow: inherit; right: 26px; position: absolute; font-size: 29px; font-weight: 100;}
#svModal .modal-header {background-color: white; border: 0; outline: 0; box-shadow: inherit; padding: 15px 15px 0 15px;border-radius: 22px;}
#svModal .modal-content {border-radius: 22px;}
#svModal .modal-content p {font-family: 'font1';}
    
.datepicker-dropdown { border-radius: 12px !important; border: 1px solid #ddd !important; box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important; font-family: "Segoe UI", Roboto, sans-serif; padding: 8px !important; }
.datepicker-dropdown .datepicker-switch { font-size: 16px; font-weight: bold; color: #333; }
.datepicker-dropdown th.dow { font-size: 13px; color: #666; font-weight: 600; } 
.datepicker-dropdown td.day { border-radius: 8px; font-size: 14px; transition: all 0.2s; }
.datepicker-dropdown td.day:hover { background-color: #ff9800; color: #fff; cursor: pointer; } 
.datepicker-dropdown td.today { background-color: #2196f3 !important; color: #fff !important; border-radius: 8px; }
.datepicker-dropdown td.active { background-color: #4caf50 !important; color: #fff !important; border-radius: 8px; }
.datepicker-dropdown td.disabled, .datepicker-dropdown td.disabled:hover { color: #bbb !important; background: #f5f5f5 !important; border-radius: 100%; cursor: not-allowed; max-width: 40px !important; max-height: 40px !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important;} 
.datepicker-dropdown th.prev, .datepicker-dropdown th.next { color: #333; transition: all 0.2s; } 
.datepicker-days table tbody th {color: #bbb !important; background: #f5f5f5 !important; border-radius: 100%; cursor: not-allowed; max-width: 40px !important; max-height: 40px !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important;}
.datepicker-days table tbody th th.prev:hover, .datepicker-dropdown th.next:hover { background: #eee; border-radius: 50%; }
.in-range { background-color: #ffc107 !important;color: #fff !important;  border-radius: 50% !important; }
.datepicker-days table {border-collapse: separate; border-spacing: 6px;}
.datepicker table tr td.active.active, .datepicker table tr td.active.active { background: #dc3545 !important; }

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #eeeeee; cursor: pointer; max-width: 40px !important; max-height: 40px !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; border-radius: 100%; background: #dc3545 !important; }
.datepicker td, .datepicker th, .datepicker table tr td.active.active {max-width: 40px !important; max-height: 40px !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; border-radius: 100%;}




@media (max-width:1024px) {
    body header { min-height: 130px; }
    .bg-home.mobile {display: block; position: relative; top: 0; margin-top: 40px; height: auto; min-height: auto;}
    .bg-home.desktop {display: none;}
    .nav-bar {flex-wrap: wrap; justify-content: end; text-align: end; margin-top: 15px; }
    .whatsapp {order: 2; height: 22px; width: 106px;}
    .whatsapp svg { width: 25px; height: 25px; }
    .whatsapp .text { font-size: 12px; }
    header .nav {order: 1; width: 100%; justify-content: end;}
    header .nav li span {width: 100%; display: block;}
    header .nav li:last-child {display: none;}
    .logo, .logo svg {width: 100px;}
    .form-and-text {order: 2; background: #f5f3ed; margin-top: -1px; width: 100%;min-height: auto;}
    .selct-two {order: 1; margin-top: 0; padding-top: 60px; padding-bottom: 80px;width: 100%;}
    .selct-two img {max-width: 320px; margin: 0 auto; display: block;}
    .wrap-doble {display: flex ; flex-wrap: wrap; background: #f5f3ed; padding-bottom: 120px;}
    .selct-two .line-head.mobile {display: block; font-size: 27px; text-align: center; max-width: 290px; line-height: 34px; width: 100%; margin: 0 auto; margin-bottom: 50px;}
    .selct-two .line-head.desktop {display: none;}
    .selct-two .line {flex-wrap: wrap; text-align: center; justify-content: center;}
    .selct-two .line p { display: block; width: 100%; margin-top: 15px; font-size: 22px;}
    .selct-two .line-wrap {margin-top: 60px; max-width: 100%; width: 100%;}
    .form-and-text .text-left {display: none;}
    .form-and-text form {width: 100%;}
    .form-and-text form .body .title-form { font-size: 18px; }
    .form-and-text form .body label { font-size: 18px; margin-bottom: 18px; }
    .form-and-text form .body select {margin-bottom: 40px; font-size: 16px; font-family: 'font1';}
    .form-and-text form .body input {font-size: 16px!important; font-family: 'font1'; margin-bottom: 18px;}
    .form-and-text form .body .btn-custom { max-width: 200px; }
    .tab li .frm-btn {width: 100%}
    .tab {padding: 0;}
    .line-time .item {padding-bottom: 0;}
    .line-time .col-md-4:last-child .item {padding-bottom: 90px;}
    .line-tab { padding-left: 15px; padding-right: 15px;}
    .line-three .line-wrap {padding: 40px 15px 80px 15px;}
    .line-three .line-wrap .head-title {text-align: center; font-size: 23px;}
    .line-wrap .col-md-6:first-child {order: 2;}
    .line-wrap .col-md-6:last-child {order: 1;}
    .line-three img.desktop {display: none;}
    .line-three img.mobile {display: block; max-width: 300px; margin: 60px auto;}
    .line-three .line-wrap .inner-text {text-align: center;font-size: 18px;}
    .line-three .line-wrap .sub-text {text-align: center;}
    .line-three { padding: 0 10px; }
    .line-three .line-wrap ul li a {font-size: 18px;}
    .line-three .line-wrap-twp .head-title {text-align: center; font-size: 21px; padding: 10px;}
    .line-three .line-wrap-twp .text-container-wrap {padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
    .line-three .line-wrap-twp .text-container-wrap .text-item p {font-size: 15px;}
    .line-three .line-wrap-twp .text-container-wrap .text-item p span {margin-bottom: 11px;}
    .line-three .line-wrap-twp .text-container-wrap .text-item { margin-bottom: 10px;}
    .line-three .line-wrap-twp .text-address .title {font-size: 22px;}
    .line-three .line-wrap-twp .text-address .sub {font-size: 18px; }
    .line-three .line-wrap-twp .text-inst {margin-top: 60px; margin-bottom: 60px; }
    .line-three .line-wrap-twp .text-address {margin-top: 60px;}
    footer {padding-top: 50px;}
    footer .top ul.nav {display: flex ; align-items: center; justify-content: center; margin-bottom: 40px;}
    footer .top ul.cbtn {float: inherit; flex-wrap: wrap; justify-content: center;}
    footer .top ul.cbtn li {margin: 0; margin-bottom: 40px; width: 100%; display: flex ; align-items: center; justify-content: center;}
    footer .bottom {text-align: center;}
    footer .bottom .col-md-6:first-child {order: 2;}
    footer .bottom .col-md-6:last-child {order: 1;}
    footer .bottom ul.info {float: inherit; justify-content: center; margin: 0;}
    footer .bottom ul.info li:first-child {width: 84px;}
    footer .bottom ul.info li:last-child {width: 168px;}
    footer .bottom ul.info img {max-width: 100%;}
    footer .bottom ul.copy {margin-top: 40px;}
    .contact-wrap {margin: 40px 0;}
    .line-time .title {font-size: 30px;}
    .line-time .text {font-size: 24px;}
    .summary__area {margin-top: 40px;}
    #delivery__area {margin-top: 40px;}
    #delivery__area .head__area h1 {font-size: 30px; margin: 0;}
    .sldier-banner .slider .item img.banner-img {border-top-left-radius: 20px; border-bottom-right-radius: 20px; padding-bottom: 20px;}
    .sldier-banner .slider .item .content {padding-bottom: 60px;}
    .owl-nav {display: none;}
    .sldier-banner .slider .item .banner-logo { max-width: 180px; }
}