/* --------------------------------------------------------- / * Name: cooShop * URI: https://www.metbi.net/cooshop * Version: 1.0 --------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } :focus { outline: 0; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } html { margin: 0 !important; scroll-behavior: smooth; } body { font-family: "Montserrat" !important; background: var(--theme_bg); position: relative; padding: 0 !important; } a { text-decoration: none; outline: none; } img { vertical-align: middle; } ol, ul { list-style: none; } @-webkit-keyframes blink { to { opacity: 0; } 50% { opacity: 1; } } @keyframes blink { to { opacity: 0; } 50% { opacity: 1; } } @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(180deg); } } @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes sk-bounce { 0%, 50% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes pulse-border { 0% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @-webkit-keyframes showcopied { 0% { opacity: 0; transform: translatey(100%); -webkit-transform: translatey(100%); -moz-transform: translatey(100%); -ms-transform: translatey(100%); -o-transform: translatey(100%); } 70% { opacity: 1; transform: translatey(0); -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); } 100% { opacity: 0; } } @keyframes showcopied { 0% { opacity: 0; transform: translatey(100%); -webkit-transform: translatey(100%); -moz-transform: translatey(100%); -ms-transform: translatey(100%); -o-transform: translatey(100%); } 70% { opacity: 1; transform: translatey(0); -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); } 100% { opacity: 0; } } .fixed-top { top: -40px; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: -webkit-transform 0.6s; transition: -webkit-transform 0.6s; transition: transform 0.6s; transition: transform 0.6s, -webkit-transform 0.6s; -webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; -ms-transition: transform 0.6s; -o-transition: transform 0.6s; background: #fff; } body.modal-open html { overflow: hidden; padding: 0; } /* Loader */ #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999 !important; overflow: hidden; background: var(--theme_post_bg); } #preloader .spinner { margin: auto; width: 40px; height: 40px; position: relative; text-align: center; position: absolute; left: 50%; right: 50%; margin-left: -20px; top: 50%; -webkit-animation: sk-rotate 2s infinite linear; animation: sk-rotate 2s infinite linear; } #preloader .dot1 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background: var(--theme_color_1); border-radius: 100%; -webkit-animation: sk-bounce 1s infinite ease-in-out; animation: sk-bounce 3s infinite ease-in-out; } #preloader .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background: var(--theme_color_2_btn); border-radius: 100%; -webkit-animation: sk-bounce 1s infinite ease-in-out; animation: sk-bounce 3s infinite ease-in-out; top: auto; bottom: 0; -webkit-animation-delay: -2s; animation-delay: -1s; } /* Header */ .header_top { background: var(--theme_top_bg); height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header_top .header_top_container { 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; } .header_top .header_top_container .top_info { width: 100%; text-align: right; } .header_top .header_top_container .top_info p { font-weight: 500; font-size: 14px; line-height: 17px; color: #fff; overflow: hidden; } .header_top .header_top_container .top_info p svg { margin-right: 8px; } .header_top .header_top_container .top_info p svg path { fill: var(--theme_icn); } .header_top .header_top_container .top_ticker { max-height: 21px; color: #000; height: 21px; width: 100%; } .header_top .header_top_container .top_ticker ul li { text-align: left; font-weight: 500; font-size: 14px; line-height: 17px; color: #fff; } .header_top .header_top_container .top_ticker ul li a { color: var(--theme_color_2); margin-left: 7px; } header .header_bottom { background: var(--theme_header_color); } header .header_bottom .navbar { padding: 0; } header .header_bottom .navbar .navbar-nav .nav-item { position: relative; } header .header_bottom .navbar .navbar-nav .nav-item:not(:first-child) { margin-left: 32px; } header .header_bottom .navbar .navbar-nav .nav-item .nav-link { position: relative; padding: 0; font-weight: 500; font-size: 15px; color: var(--theme_color_1); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header .header_bottom .navbar .navbar-nav .nav-item .nav-link svg path { color: var(--theme_color_1); } header .header_bottom .navbar .navbar-nav .nav-item .nav-link:hover { color: var(--theme_color_2_hover); } header .header_bottom .navbar .navbar-nav .nav-item .nav-link:hover svg { fill: var(--theme_color_2_hover) !important; } header .header_bottom .navbar .navbar-nav .nav-item .nav-link.active { color: var(--theme_color_2); background: transparent; } header .header_bottom .navbar .navbar-nav .nav-item .nav-link.active::before { content: ""; position: absolute; width: 36px; height: 1px; background: var(--theme_color_2); bottom: 35px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header .header_bottom .navbar .navbar-nav .nav-item .blinking { position: absolute; border-radius: 10px 10px 10px 0px; padding: 5px 11px; color: #fff; font-weight: 600; font-size: 10px; line-height: 8px; top: 15px; background: var(--theme_color_2_btn); -webkit-animation: 2s blink ease infinite; animation: 2s blink ease infinite; } header .header_bottom .navbar .top_ticker { color: var(--theme_color_1); font-weight: 600; } header .header_bottom .navbar .top_ticker a { color: var(--theme_color_2); margin-left: 7px; } header .header_bottom .navbar .navbar-brand { padding: 0; margin: 0; } header .header_bottom .navbar .navbar-brand { max-height: 45px; } header .header_bottom .navbar .navbar-toggler:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } /* Main Home */ section#main-home { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background: var(--theme_post_bg); } section#main-home .home_container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } section#main-home .home_container .home_left { z-index: 2; } section#main-home .home_container .home_left .item-text-info .i_top { font-size: 22px; line-height: 27px; color: var(--theme_color_1); } section#main-home .home_container .home_left .item-text-info h2 { padding: 30px 0 40px 0; line-height: 65px; } section#main-home .home_container .home_left .item-text-info h2 span { font-weight: 600; font-size: 55px; line-height: 60px; color: var(--theme_color_1); } section#main-home .home_container .home_left .item-text-info h2 span.t_one { font-weight: 600; font-size: 55px; line-height: 60px; } section#main-home .home_container .home_left .item-text-info .info_button { max-width: 285px; } section#main-home .home_container .home_left .item-text-info .info_button a { display: block; width: 100%; text-align: center; font-weight: 500; font-size: 15px; line-height: 18px; color: #fff; padding: 21px 0; background: var(--theme_color_2_btn); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#main-home .home_container .home_left .item-text-info .info_button a svg { margin-left: 7px; } section#main-home .home_container .home_right { z-index: 1; } section#main-home .home_container .home_right .side-img { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } section#main-home .home_container .home_right .side-img .side-img1 { text-align: center; height: 600px; width: 520px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } section#main-home .home_container .home_right .side-img .side-img1 img { -o-object-fit: scale-down; object-fit: scale-down; height: 100%; } section#main-home .home_container .home_right::before { content: ""; position: absolute; top: 0; right: 345px; width: 481px; height: 585px; z-index: -1; background: var(--theme_top_img_bg); border-radius: 0px 0px 500px 500px; } /* Order Info */ section#order-info { overflow: hidden; padding: 60px 0; } section#order-info .order_container .order_left { position: relative; } section#order-info .order_container .order_left .side-img { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } section#order-info .order_container .order_left .side-img .side-img1 { text-align: center; height: 550px; width: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } section#order-info .order_container .order_left .side-img .side-img1 img { height: 100%; -o-object-fit: scale-down; object-fit: scale-down; } section#order-info .order_container .order_left::before { content: ""; position: absolute; bottom: 0; left: 13px; -webkit-transform: translate(0, 0); transform: translate(0, 0); z-index: -1; width: 495px; max-width: 495px; height: 550px; background: var(--theme_order_img_bg); border-radius: 500px 500px 10px 10px; } section#order-info .order_container .order_right .info-container .info_top { font-size: 22px; line-height: 27px; color: var(--theme_color_1); margin-bottom: 30px; } section#order-info .order_container .order_right .info-container h2 { line-height: 50px; margin: 25px 0 30px 0; } section#order-info .order_container .order_right .info-container h2 .text_one { font-weight: 600; font-size: 50px; line-height: 55px; color: var(--theme_color_1); } section#order-info .order_container .order_right .info-container h2 .text_second { font-weight: 600; font-size: 50px; line-height: 55px; color: var(--theme_color_1); } section#order-info .order_container .order_right .info-container h2 .text_second strong { font-size: 50px; color: var(--theme_color_2); } section#order-info .order_container .order_right .info-container p { font-weight: 500; font-size: 16px; line-height: 25px; color: var(--theme_color_3); } section#order-info .order_container .order_right .info-container .text-feature ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -30px; } section#order-info .order_container .order_right .info-container .text-feature ul li { width: calc(50% - 30px); margin-left: 30px; margin-top: 30px; } section#order-info .order_container .order_right .info-container .text-feature .f_wrapper { display: table; } .owl-carousel .owl-stage-outer { min-width: 350px; } section#order-info .order_container .order_right .info-container .text-feature ul li .feature-icon { vertical-align: middle; color: var(--theme_icn); display: table-cell; width: 40px; text-align: center; } section#order-info .order_container .order_right .info-container .text-feature ul li .feature-icon i { font-size: 22px; } section#order-info .order_container .order_right .info-container .text-feature ul h6 .t_one { font-weight: 500; font-size: 16px; line-height: 20px; color: var(--theme_color_1); margin-bottom: 5px; } section#order-info .order_container .order_right .info-container .text-feature ul h6 .t_second { font-weight: 500; font-size: 14px; line-height: 17px; color: var(--theme_color_3); } /* Trending Products */ section#trending-products { padding: 68px 0 30px 0; background: var(--theme_post_bg); } section#trending-products .title { margin-bottom: 40px; } section#trending-products .title span { font-size: 14px; line-height: 17px; color: var(--theme_color_3); } section#trending-products .title h6 { font-weight: 500; font-size: 20px; line-height: 24px; margin-top: 6px; color: var(--theme_color_1); } section#trending-products .product-box .trend_item .trend_detail { position: relative; padding: 30px 0 0 0; background-color: #fff; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; display: flex; flex-direction: column; height: 100%; } section#trending-products .product-box .trend_item { margin-bottom: 30px; } section#trending-products .product-box .owl-item .trend_item .trend_detail .content h2 { min-height: 36px !important; } section#trending-products .product-box .trend_item .trend_detail .discount { position: absolute; left: 18px; top: 20px; padding: 11px 5px; font-weight: 500; font-size: 11px; line-height: 13px; color: #fff; background: var(--theme_color_2_btn); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } section#trending-products .product-box .trend_item .trend_detail .trend_img { margin: 0 auto; height:250px; /* width: 170px;*/ } section#trending-products .product-box .trend_item .trend_detail .trend_img img { height: 250px; -o-object-fit: cover; object-fit: cover; /*width: 170px;*/ border-radius: 5px; } section#trending-products .product-box .trend_item .trend_detail .content { height: 100%; padding-top: 25px; } section#trending-products .product-box .trend_item .trend_detail span { font-weight: 500; font-size: 13px; line-height: 16px; color: var(--theme_color_3); } section#trending-products .product-box .trend_item .trend_detail .content h2 { font-weight: 600; font-size: 15px; height: 40px; line-height: 18px; padding: 0 10px; margin-top: 5px; color: var(--theme_color_1); display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 992px) { section#trending-products .product-box .trend_item .trend_detail .content h2 { height: 70px !important; } } section#trending-products .product-box .trend_item .trend_detail .price-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 30px; } section#trending-products .product-box .trend_item .trend_detail .price-box .price { border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; padding: 30px 0; width: 100%; height: 93px; justify-content: center; } section#trending-products .product-box .trend_item .trend_detail .price-box .price .old-price { font-size: 13px; line-height: 16px; color: var(--theme_color_3); width: 100%; margin-bottom: 1px; } section#trending-products .product-box .trend_item .trend_detail .price-box .price .new-price { font-weight: 600; font-size: 20px; line-height: 24px; color: var(--theme_color_2); width: 100%; } section#trending-products .product-box .trend_item .trend_detail .price-box .product-rating { width: 100%; padding: 10px 0; border-top: 1px solid #f2f2f2; height: 93px; } section#trending-products .product-box .trend_item .trend_detail .price-box .product-rating .star { line-height: 19px; } section#trending-products .product-box .trend_item .trend_detail .price-box .product-rating .star i { font-size: 15px; margin-right: -5px; color: var(--theme_color_2); } section#trending-products .product-box .trend_item .trend_detail .buy-btn button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: 15px; line-height: 18px; color: #fff; border: none; padding: 21px 0; width: 100%; background: var(--theme_color_2_btn); border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; } section#trending-products .product-box .trend_item .trend_detail .buy-btn button:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } section#trending-products .modal .modal-dialog { margin: 10px auto 0 auto; padding: 0 10px; } section#trending-products .modal .modal-dialog .modal-content { border-radius: 0; border: none; background: transparent; } section#trending-products .modal .modal-dialog .modal-content .modal-header { padding: 0; border: none; position: absolute; right: 20px; top: 20px; z-index: 2; } section#trending-products .modal .modal-dialog .modal-content .modal-header .pull-right { opacity: 1; margin-left: auto; background-color: var(--theme_post_bg) !important; background: url("../../assets/img/close-bgn.svg") center/1em auto no-repeat; } section#trending-products .modal .modal-dialog .modal-content .modal-header .pull-right:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } section#trending-products .modal .modal-dialog .modal-content .modal-body { padding: 0; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_inner { min-width: 350px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_inner .owl-img { width: 350px; height: 350px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_inner .owl-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_inner .owl-nav { position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 10px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_inner .owl-nav .owl-next { position: absolute; right: 10px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_inner .owl-nav [class*="owl-"]:hover { background: transparent; color: #fff; text-decoration: none; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content { min-width: 460px; background-color: #fff; padding: 20px 15px 20px 20px; height: 350px; overflow-y: auto; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .product_info { border-top: 1px solid #f2f2f2; padding: 13px 0; margin-top: 13px; font-size: 12px; line-height: 18px; color: var(--theme_color_3); border-bottom: 1px solid #f2f2f2; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content::-webkit-scrollbar { -webkit-appearance: none; width: 5px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content::-webkit-scrollbar-thumb { background: rgba(191, 191, 191, 0.5); border-radius: 0; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper { padding: 13px 0; } .body-swatch select { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: var(--theme_color_1); font-size: 14px; font-weight: 500; background: url(https://demobi.info/cooshop/public/assets/img/ar1.png) no-repeat 95% 50% transparent; background-color: #fff; background-clip: content-box; border: 1px solid #ebedef; width: 100%; height: 45px; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .body-swatch select:focus { border-color: #ced4da; box-shadow: none; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size td { padding-bottom: 13px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr:last-child td { padding-bottom: 0; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr td.label { font-size: 10px; line-height: 12px; color: var(--theme_color_3); text-align: left; vertical-align: middle; min-width: 65px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr td.label label::after { content: ":"; margin-left: 2px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button { width: 25px; height: 25px; background: var(--theme_post_bg); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; border: none; color: var(--theme_color_1); font-size: 10px; line-height: 12px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button:not(:last-child) { margin-right: 10px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.active { background: var(--theme_color_2_btn); color: #fff; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.disabled { color: var(--theme_color_3); } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button { width: 25px; height: 25px; cursor: pointer; border: none; font-size: 10px; line-height: 15px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button:not(:last-child) { margin-right: 10px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.select_red { background: #dc3545; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.select_green { background: #ff4545; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.select_black { background: #212121; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.select_blue { background: #0d6efd; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.active { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.disabled { color: var(--theme_color_3); } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .product_name { font-weight: 600; font-size: 18px; line-height: 22px; color: var(--theme_color_1); } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content h3.price { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content h3.price .old-price { font-size: 13px; line-height: 19px; margin-right: 15px; color: var(--theme_color_3); } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content h3.price .old-price.kargo { font-weight: 600; font-size: 16px; line-height: 20px; color: var(--theme_color_2); } .owl-carousel .owl-stage { min-width: 350px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content h3.price .new-price { font-weight: 600; font-size: 16px; line-height: 20px; color: var(--theme_color_2); margin-right: 5px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom { padding-top: 13px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .quantity-box { background: #f2f2f2; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 150px; margin-right: 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .quantity-box .input-number { width: 45px; border: none; vertical-align: top; outline: none; background: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; line-height: 21px; color: var(--theme_color_1); position: relative; margin: 0 15px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .quantity-box::after { content: "Adet"; font-size: 14px; line-height: 21px; color: var(--theme_color_1); position: absolute; left: 70px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .quantity-box .input-number-decrement { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; text-align: center; cursor: pointer; border-right: none; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .quantity-box .input-number-increment { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; text-align: center; cursor: pointer; border-left: none; margin-left: 10px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .btn-ground { width: 100%; } .whatsapp-order-btn button { border: none; height: 50px; width: 100%; color: #fff; font-size: 15px; background: #4fce5d; border-radius: 5px; display: flex; align-items: center; justify-content: center; } .whatsapp-order-btn button svg { margin-right: 7px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .btn-ground button { height: 50px; display: block; text-align: center; width: 100%; color: #fff; font-size: 15px; line-height: 22px; border: none; background: var(--theme_color_2_btn); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#trending-products.not_slider .trend_item { margin-bottom: 30px; padding-right: 5px !important; padding-left: 5px !important; } /* Ürün sayfası */ section#urunliste { padding: 50px 0 50px 0; } section#urunliste .modal-body { padding: 0; } section#urunliste .title { margin-bottom: 40px; } section#urunliste .title span { font-size: 14px; line-height: 17px; color: var(--theme_color_3); } section#urunliste .title h6 { font-weight: 500; font-size: 20px; line-height: 24px; margin-top: 6px; color: var(--theme_color_1); } section#urunliste .product-box .trend_item .trend_detail { position: relative; padding: 30px 0 0 0; background-color: #fff; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; display: flex; flex-direction: column; height: 100%; } section#urunliste .product-box .owl-item .trend_item .trend_detail .content h2 { min-height: 36px !important; } section#urunliste .product-box .trend_item .trend_detail .discount { position: absolute; left: 18px; top: 20px; padding: 11px 5px; font-weight: 500; font-size: 11px; line-height: 13px; color: #fff; background: var(--theme_color_2_btn); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } section#urunliste .product-box .trend_item .trend_detail .trend_img { margin: 0 auto; height: 170px; width: 170px; } section#urunliste .product-box .trend_item .trend_detail .trend_img img { height: 170px; -o-object-fit: cover; object-fit: cover; width: 170px; border-radius: 5px; } section#urunliste .product-box .trend_item .trend_detail .content { height: 100%; padding-top: 25px; } section#urunliste .product-box .trend_item .trend_detail span { font-weight: 500; font-size: 13px; line-height: 16px; color: var(--theme_color_3); } section#urunliste .product-box .trend_item .trend_detail .content h2 { font-weight: 600; font-size: 15px; line-height: 18px; padding: 0 10px; margin-top: 5px; color: var(--theme_color_1); display: flex; align-items: center; justify-content: center; } section#urunliste .product-box .trend_item .trend_detail .price-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 30px; } section#urunliste .product-box .trend_item .trend_detail .price-box .price { border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; padding: 30px 0; width: 100%; height: 93px; justify-content: center; } section#urunliste .product-box .trend_item .trend_detail .price-box .price .old-price { font-size: 13px; line-height: 16px; color: var(--theme_color_3); width: 100%; margin-bottom: 1px; } section#urunliste .product-box .trend_item .trend_detail .price-box .price .new-price { font-weight: 600; font-size: 20px; line-height: 24px; color: var(--theme_color_2); width: 100%; } section#urunliste .product-box .trend_item .trend_detail .price-box .product-rating { width: 100%; padding: 30px 0; border-top: 1px solid #f2f2f2; height: 93px; } section#urunliste .product-box .trend_item .trend_detail .price-box .product-rating .star { line-height: 19px; } section#urunliste .product-box .trend_item .trend_detail .price-box .product-rating .star i { font-size: 15px; margin-right: -5px; color: var(--theme_color_2); } section#urunliste .product-box .trend_item .trend_detail .buy-btn button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: 15px; line-height: 18px; color: #fff; border: none; padding: 21px 0; width: 100%; background: var(--theme_color_2_btn); border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; } section#urunliste .product-box .trend_item .trend_detail .buy-btn button:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } section#urunliste .pull-right { opacity: 1; margin-left: auto; background-color: var(--theme_post_bg) !important; background: url("../../assets/img/close-bgn.svg") center/1em auto no-repeat; } section#urunliste .pull-right:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } section#urunliste .modal-body .product_inner { min-width: 350px; border-radius: 5px; overflow: hidden; } section#urunliste .modal-body .product_inner .owl-img { width: 400px; height: 500px; } section#urunliste .modal-body .product_inner .owl-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; } section#urunliste .modal-body .product_inner .owl-nav { position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 10px; } section#urunliste .modal-body .product_inner .owl-nav .owl-next { position: absolute; right: 10px; } section#urunliste .modal-body .product_inner .owl-nav [class*="owl-"]:hover { background: transparent; color: #fff; text-decoration: none; } section#urunliste .modal-body .product_content { width: 100%; padding-left: 40px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } section#urunliste .body-swatch { background: #fff; border-radius: 5px; } section#urunliste .modal-body .product_content .product_info { border-top: 1px solid #e5e5e5; margin-top: 20px; padding: 20px 0 20px 0; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--theme_color_3); border-bottom: 1px solid #e5e5e5; } section#urunliste .modal-body .product_content::-webkit-scrollbar { -webkit-appearance: none; width: 5px; } section#urunliste .modal-body .product_content::-webkit-scrollbar-thumb { background: rgba(191, 191, 191, 0.5); border-radius: 0; } section#urunliste .modal-body .product_content .select-wrapper { padding: 13px 0 0 0; } section#urunliste .modal-body .product_content .select-wrapper table tr { display: flex; align-items: flex-start; flex-direction: column; } section#urunliste .modal-body .product_content .select-wrapper table tr label { min-width: 80px; } section#urunliste .body-swatch select { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: var(--theme_color_1); font-size: 13px; font-weight: 500; background: url(https://demobi.info/cooshop/public/assets/img/ar1.png) no-repeat 95% 50% transparent; background-color: #fff; background-clip: content-box; border: 1px solid #ebedef; width: 100%; height: 45px; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#urunliste .body-swatch select:focus { border-color: #ced4da; box-shadow: none; } section#urunliste .modal-body .product_content .select-wrapper .product-size td { padding-top: 13px; } section#urunliste .modal-body .product_content .select-wrapper .product-size td:nth-child(2) { width: 100%; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr td.label { font-size: 13px; line-height: 12px; color: var(--theme_color_3); text-align: left; vertical-align: middle; padding-right: 30px; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr td.label label::after { content: ":"; margin-left: 2px; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button { width: 40px; height: 40px; background: var(--theme_post_bg); display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #e5e5e5 !important; color: var(--theme_color_1); font-size: 13px; line-height: 12px; border-radius: 5px; padding: 0; transition: all 0.3s ease-in-out; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .hover__body button:hover { background: var(--theme_color_2_btn); color: #fff; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .hover__body button.active { background: var(--theme_color_2_btn); border: 1px solid var(--theme_color_2_btn) !important; color: #fff; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button p { width: 25px; height: 25px; border-radius: 5px; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button:not(:last-child) { margin-right: 10px; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.active { border: 1px solid #000; color: #fff; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .color__box button.active { border: 1px solid var(--theme_top_bg) !important; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.disabled { color: var(--theme_color_3); } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button { width: 40px; height: 40px; border: 1px solid #000; cursor: pointer; border: none; font-size: 13px; line-height: 15px; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button:not(:last-child) { margin-right: 10px; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.select_red { background: #dc3545; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.select_green { background: #ff4545; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.select_black { background: #212121; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.select_blue { background: #0d6efd; } section#urunliste .modal-body .product_content .select-wrapper .product-size tr .with-swatches .liste button.disabled { color: var(--theme_color_3); } section#urunliste .modal-body .product_content .product_name { color: var(--theme_color_1); font-weight: 500; font-size: 25px; line-height: 32px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; padding-bottom: 20px; } section#urunliste .modal-body .product_content h3.price { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } section#urunliste .modal-body .product_content h3.price .old-price { font-weight: 500; font-size: 15px; line-height: 19px; margin-right: 15px; color: var(--theme_color_3); } section#urunliste .modal-body .product_content h3.price .old-price.kargo { font-weight: 600; font-size: 16px; line-height: 20px; color: var(--theme_color_2); } .owl-carousel .owl-stage { min-width: 350px; } section#urunliste .modal-body .product_content h3.price .new-price { color: var(--theme_color_2); margin-right: 5px; font-weight: 600; font-size: 22px; line-height: 28px; } section#urunliste .modal-body .product_content .content_bottom { padding-top: 13px; margin-top: 13px; border-top: 1px solid #e5e5e5; } section#urunliste .modal-body .product_content .content_bottom .quantity-box { background: #fff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 150px; margin-right: 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#urunliste .modal-body .product_content .content_bottom .quantity-box .input-number { width: 45px; border: none; vertical-align: top; outline: none; background: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; line-height: 21px; color: var(--theme_color_1); position: relative; margin: 0 15px; } section#urunliste .modal-body .product_content .content_bottom .quantity-box::after { content: "Adet"; font-size: 14px; font-weight: 500; line-height: 21px; color: var(--theme_color_1); position: absolute; left: 70px; } section#urunliste .modal-body .product_content .content_bottom .quantity-box .input-number-decrement { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; text-align: center; cursor: pointer; border-right: none; } section#urunliste .modal-body .product_content .content_bottom .quantity-box .input-number-increment { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; text-align: center; cursor: pointer; border-left: none; margin-left: 10px; } section#urunliste .modal-body .product_content .content_bottom .btn-ground { width: 100%; } section#urunliste .whatsapp-order-btn button { border: none; height: 50px; width: 100%; color: #fff; font-size: 15px; font-weight: 500; background: #4fce5d; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; display: flex; align-items: center; justify-content: center; } .whatsapp-order-btn button svg { margin-right: 7px; } section#urunliste .product_content .content_bottom .btn-ground button { height: 50px; display: block; text-align: center; width: 100%; color: #fff; font-size: 15px; font-weight: 500; line-height: 22px; border: none; background: var(--theme_color_2_btn); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#urunliste.not_slider .trend_item { margin-bottom: 30px; } /* FAQ */ section#faq { padding: 62px 0 60px 0; } section#faq .faq_container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 0px 0px; grid-auto-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } section#faq .left_faq { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 6; grid-area: 1 / 1 / 3 / 7; } section#faq .left_faq .faq_item { background: #fff; padding: 33px 38px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: default; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#faq .left_faq .faq_item h6 { font-weight: 600; font-size: 20px; line-height: 24px; margin-bottom: 9px; color: var(--theme_color_2); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } section#faq .left_faq .faq_item p { font-size: 14px; line-height: 23px; color: var(--theme_color_3); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } section#faq .left_faq .faq_item.center { margin: 30px 0; } section#faq .left_faq .faq_item:hover { background: var(--theme_color_2_hover); } section#faq .left_faq .faq_item:hover h6, section#faq .left_faq .faq_item:hover p { color: #fff; } section#faq .faq_img { z-index: -1; -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 6; -ms-grid-column-span: 7; grid-area: 1 / 6 / 3 / 13; } section#faq .faq_img img { width: 705px; height: 578px; max-height: 578px; -o-object-fit: cover; object-fit: cover; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } /* Comments */ section#comments { padding-top: 60px; padding-bottom: 60px; position: relative; background: var(--theme_post_bg); } section#comments .title { margin-bottom: 40px; } section#comments .title span { font-size: 14px; line-height: 17px; color: var(--theme_color_3); } section#comments .title p { font-weight: 500; font-size: 20px; line-height: 24px; margin-top: 6px; color: var(--theme_color_1); } section#comments .custom-comments .comment { background: #fff; padding: 40px 25px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#comments .custom-comments .comment .comment-img { margin: 0 auto; width: 100px; height: 100px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } section#comments .custom-comments .comment .comment-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } section#comments .custom-comments .comment span svg path { fill: var(--theme_icn); } section#comments .custom-comments .comment p.comment-text { padding: 15px 0; font-size: 13px; line-height: 20px; color: var(--theme_color_3); } section#comments .custom-comments .comment .c_name { font-weight: 500; font-size: 14px; line-height: 17px; color: var(--theme_color_1); } .owl-dots { position: absolute; top: -90px; right: 0; } .owl-dots .owl-dot span { width: 15px !important; height: 15px !important; margin: 0 0 0 10px !important; background: #d2d2d2 !important; border: 3px solid #f2f2f2; -webkit-box-shadow: 0 0 0 2px #d2d2d2; box-shadow: 0 0 0 2px #d2d2d2; } .owl-dots .owl-dot:hover span { background: var(--theme_icn) !important; } .owl-dots .owl-dot.active span { background: var(--theme_icn) !important; } /* Gallery */ section#gallery { padding: 60px 0; } section#gallery .title { margin-bottom: 40px; } section#gallery .title span { font-size: 14px; line-height: 21px; color: var(--theme_color_3); } section#gallery .title h6 { font-weight: 600; font-size: 20px; line-height: 30px; color: var(--theme_color_1); } section#gallery .video .video-inner { max-width: 600px; position: relative; } section#gallery .video .video-inner .video-image { max-width: 600px; max-height: 600px; } section#gallery .video .video-inner .video-image2 { max-width: 600px; max-height: 600px; } section#gallery .video .video-inner .video-image2 img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } section#gallery .video .video-inner .video-image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#gallery .video .video-inner .video-image::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: var(--theme_top_bg); content: ""; opacity: 0.7; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#gallery .video .video-inner .video-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } section#gallery .video .video-inner .video-link .video-link-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 500px; } section#gallery .video .video-inner .video-link .video-link-inner .play-btn-wrap { position: relative; } section#gallery .video .video-inner .video-link .video-link-inner .play-btn-wrap::after { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; width: 90px; height: 90px; border: 2px solid #fff; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border-radius: 50%; display: block; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; } section#gallery .video .video-inner .video-link .video-link-inner .item_text { text-align: center; font-weight: 500; font-size: 16px; line-height: 23px; color: #fff; } section#gallery .video .video-inner .video-link .video-link-inner strong { font-weight: 600; font-size: 40px; line-height: 49px; color: #fff; padding: 20px 0; } section#gallery .gallery-box .g_item { margin-bottom: 30px; } section#gallery .gallery-box .g_item img { min-height: 285px; max-height: 285px; width: 100%; object-fit: cover; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } @media (max-width: 768px) { section#gallery .gallery-box .g_item img { min-height: 150px; max-height: 150px; } } section#gallery .gallery-box .g_item.mb_0 { margin-bottom: 0; } .lb-data .lb-details { display: none; } #lightbox .lb-container .lb-image { border: none !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } /* Contact */ section#contact { background: var(--theme_post_bg); padding: 60px 0; } section#contact .title { margin-bottom: 40px; } section#contact .title span { font-size: 14px; line-height: 17px; color: var(--theme_color_3); } section#contact .title h6 { font-weight: 600; font-size: 20px; line-height: 30px; color: var(--theme_color_1); } section#contact .form-group { margin-bottom: 30px; } section#contact .form-group .icon { padding-left: calc(1.5em + 25px); background-repeat: no-repeat; background-position: center left calc(0.375em + 15px); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } section#contact .form-group .icon.i_name { background-image: url(../../assets/img/contact_name.svg); } section#contact .form-group .icon.i_tel { background-image: url(../../assets/img/contact_telephone.svg); } section#contact .form-group .icon.i_email { background-image: url(../../assets/img/contact_email.svg); } section#contact .form-group input { width: 100%; border: none; font-size: 13px; line-height: 16px; color: var(--theme_color_1); padding: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#contact .form-group input::-webkit-input-placeholder { color: #868485; } section#contact .form-group input:-ms-input-placeholder { color: var(--theme_color_3_placeholder); } section#contact .form-group input::-ms-input-placeholder { color: var(--theme_color_3_placeholder); } section#contact .form-group input::placeholder { color: var(--theme_color_3_placeholder); } section#contact .form-group input:focus { outline: none; border: none; -webkit-box-shadow: none; box-shadow: none; } section#contact .form-group textarea { width: 100%; border: none; font-size: 13px; line-height: 16px; color: var(--theme_color_1); padding: 20px; min-height: 137px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#contact .form-group textarea::-webkit-input-placeholder { color: #868485; } section#contact .form-group textarea:-ms-input-placeholder { color: var(--theme_color_3_placeholder); } section#contact .form-group textarea::-ms-input-placeholder { color: var(--theme_color_3_placeholder); } section#contact .form-group textarea::placeholder { color: var(--theme_color_3_placeholder); } section#contact .contact-submit .btn { display: block; width: 100%; background: var(--theme_color_2_btn); border: none; font-weight: 500; font-size: 15px; line-height: 18px; color: #fff; padding: 21.5px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#contact .contact-submit .btn:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; border: none; } /* Blog */ section#blog { padding: 60px 0; } section#blog .title { margin-bottom: 40px; } section#blog .title span { font-size: 14px; line-height: 17px; color: var(--theme_color_3); } section#blog .title h6 { font-weight: 500; font-size: 20px; line-height: 24px; margin-top: 6px; color: var(--theme_color_1); } section#blog .blog-container a.blog-img { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; } section#blog .blog-container a.blog-img img { width: 100%; max-height: 200px; object-fit: cover; height: 200px; } section#blog .blog-container a.blog-img span.blog-icn { color: #fff; font-size: 18px; position: absolute; height: 40px; width: 40px; background-color: var(--theme_color_2_btn); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; z-index: 1; opacity: 0; visibility: visible; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } section#blog .blog-container a.blog-img::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; opacity: 0; visibility: hidden; background-color: rgba(51, 51, 51, 0.25); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; pointer-events: none; } section#blog .blog-container a.blog-img:hover::before { visibility: visible; opacity: 1; } section#blog .blog-container a.blog-img:hover span.blog-icn { visibility: visible; opacity: 1; } section#blog .blog-container .blog-bottom { background: #fff; padding: 25px; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; height: 226px; display: flex; flex-direction: column; justify-content: space-between; } section#blog .blog-container .blog-bottom a.blog-title { font-size: 14px; font-weight: 500; line-height: 21px; color: var(--theme_color_1); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } section#blog .blog-container .blog-bottom .blog-text { font-size: 13px; line-height: 19px; color: var(--theme_color_3); padding: 15px 0; } section#blog .blog-container .blog-bottom .blog-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: 15px; line-height: 18px; color: #fff; padding: 13px 0; width: 100%; background: var(--theme_color_2_btn); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } /* Blog Page */ section#blog-page { padding: 60px 0 30px 0; } section#blog-page .blog-container { margin-bottom: 30px; } section#blog-page .blog-container a.blog-img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px 5px 0 0; overflow: hidden; } section#blog-page .blog-container a.blog-img img { width: 100%; height: 200px; object-fit: cover; } section#blog-page .blog-container a.blog-img span.blog-icn { color: #fff; font-size: 18px; position: absolute; height: 40px; width: 40px; background-color: var(--theme_color_2_btn); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; z-index: 1; opacity: 0; visibility: visible; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } section#blog-page .blog-container a.blog-img::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; opacity: 0; visibility: hidden; background-color: rgba(51, 51, 51, 0.25); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; pointer-events: none; } section#blog-page .blog-container a.blog-img:hover::before { visibility: visible; opacity: 1; } section#blog-page .blog-container a.blog-img:hover span.blog-icn { visibility: visible; opacity: 1; } section#blog-page .blog-container .blog-bottom { background: #fff; padding: 25px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 226px; display: flex; justify-content: space-between; flex-direction: column; } section#blog-page .blog-container .blog-bottom a.blog-title { font-size: 14px; font-weight: 500; line-height: 21px; color: var(--theme_color_1); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } section#blog-page .blog-container .blog-bottom .blog-text { font-size: 13px; line-height: 19px; color: var(--theme_color_3); padding: 15px 0; min-height: 90px; } section#blog-page .blog-container .blog-bottom .blog-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; font-size: 15px; line-height: 18px; color: #fff; padding: 13px 0; width: 100%; background: var(--theme_color_2_btn); border-radius: 5px; } /* Blog Text */ section#blog-text { padding: 30px 0; } section#blog-text .text-wrapper .text-img { max-width: 600px; max-height: 300px; } section#blog-text .text-wrapper .text-img img { width: 100%; height: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#blog-text .text-wrapper .text-container h1 { font-weight: bold; font-size: 35px; color: var(--theme_color_1); } .text-container h1, .text-container h2, .text-container h3, .text-container h4, .text-container h5, .text-container h6, .text-container b { font-weight: bold; } .text-container { font: unset; } section#blog-text .text-wrapper .text-container p { font-size: 16px; line-height: 24px; color: var(--theme_color_3); margin-top: 30px; } /* Instagram */ section#instagram { background: var(--theme_post_bg); padding: 60px 0; } section#instagram .title { margin-bottom: 40px; } section#instagram .title span { font-size: 14px; line-height: 17px; color: var(--theme_color_3); } section#instagram .title h6 { font-weight: 500; font-size: 20px; line-height: 24px; margin-top: 6px; color: var(--theme_color_1); } section#instagram .instagram-post .post-item a.post-detail { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; } section#instagram .instagram-post .post-item a.post-detail img.insta_img { width: 100%; height: 180px; object-fit: cover; } section#instagram .instagram-post .post-item a.post-detail span.post-hover { color: #fff; font-size: 18px; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; z-index: 1; opacity: 0; visibility: visible; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } section#instagram .instagram-post .post-item a.post-detail::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; opacity: 0; visibility: hidden; background: var(--theme_top_bg); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; pointer-events: none; } section#instagram .instagram-post .post-item a.post-detail:hover::before { visibility: visible; opacity: 0.8; } section#instagram .instagram-post .post-item a.post-detail:hover span.post-hover { visibility: visible; opacity: 1; } /* ---------- SEPET ---------- */ section#home-top { background: var(--theme_post_bg); } section#home-top .top_container { text-align: center; padding: 70px 0; } section#home-top .top_container .span { font-size: 25px; line-height: 37px; color: var(--theme_color_1); } section#home-top .top_container p { font-weight: 600; font-size: 35px; color: var(--theme_color_1); } section#order-form { padding: 60px 0; } section#order-form .form-left .order-steps { background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#order-form .form-left .order-steps .order-top { border-bottom: 1px solid #f2f2f2; padding: 25px; } section#order-form .form-left .order-steps .order-top span { font-weight: 500; font-size: 16px; line-height: 24px; color: var(--theme_color_1); } section#order-form .form-left .order-steps .order-top p { font-size: 12px; line-height: 18px; color: var(--theme_color_3); } section#order-form .form-left .order-steps .steps { padding: 25px; } section#order-form .form-left .order-steps .steps .form-group { margin-bottom: 25px; } section#order-form .form-left .order-steps .steps .form-group .c-label { font-weight: 500; font-size: 16px; line-height: 19px; color: var(--theme_color_1); margin-bottom: 10px; } section#order-form .form-left .order-steps .steps .form-group .select_box { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("../../img/paymentarrow.svg"); background-repeat: no-repeat; background-origin: content-box; background-position: right; border-radius: 0; } section#order-form .form-left .order-steps .steps .form-group .form-control { width: 100%; border: 1px solid #f1f1f1; font-size: 13px; line-height: 19px; color: var(--theme_color_1); padding: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#order-form .form-left .order-steps .steps .form-group .form-control.select_box { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("../../img/paymentarrow.svg"); background-repeat: no-repeat; background-origin: content-box; background-position: right; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#order-form .form-left .order-steps .steps .form-group .form-control::-webkit-input-placeholder { color: var(--theme_color_3_placeholder); } section#order-form .form-left .order-steps .steps .form-group .form-control:-ms-input-placeholder { color: var(--theme_color_3_placeholder); } section#order-form .form-left .order-steps .steps .form-group .form-control::-ms-input-placeholder { color: var(--theme_color_3_placeholder); } section#order-form .form-left .order-steps .steps .form-group .form-control::placeholder { color: var(--theme_color_3_placeholder); } section#order-form .form-left .order-steps .steps .form-group .form-control:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } section#order-form .form-left .order-steps .steps .form-group textarea { width: 100%; border: 1px solid #f1f1f1; font-size: 13px; line-height: 19px; color: var(--theme_color_1); padding: 20px; min-height: 82px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#order-form .form-left .order-steps .steps .form-group textarea::-webkit-input-placeholder { color: var(--theme_color_3_placeholder); } section#order-form .form-left .order-steps .steps .form-group textarea:-ms-input-placeholder { color: var(--theme_color_3_placeholder); } section#order-form .form-left .order-steps .steps .form-group textarea::-ms-input-placeholder { color: var(--theme_color_3_placeholder); } section#order-form .form-left .order-steps .steps .form-group textarea::placeholder { color: var(--theme_color_3_placeholder); } section#order-form .order-info .order-info-inner { background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#order-form .order-info .order-info-inner .inner-top { padding: 25px; } section#order-form .order-info .order-info-inner .inner-top span { font-weight: 500; font-size: 16px; line-height: 24px; color: var(--theme_color_1); } section#order-form .order-info .order-info-inner .inner-top p { font-size: 12px; line-height: 18px; color: var(--theme_color_3); } section#order-form .order-info .order-info-inner .inner-middle { padding: 25px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; } section#order-form .order-info .order-info-inner .inner-middle li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; line-height: 22px; color: var(--theme_color_1); } section#order-form .order-info .order-info-inner .inner-middle li svg path { fill: var(--theme_icn); } section#order-form .order-info .order-info-inner .inner-middle li:last-child { color: var(--theme_color_2); font-weight: 700; } section#order-form .order-info .order-info-inner .inner-middle li:last-child svg path { fill: var(--theme_color_2); } section#order-form .order-info .order-info-inner .inner-middle li svg, section#order-form .order-info .order-info-inner .inner-middle li img { margin-right: 10px; } section#order-form .order-info .order-info-inner .inner-middle li:not(:last-child) { margin-bottom: 25px; } section#order-form .order-info .order-info-inner .inner-middle li:first-child { font-weight: 600; } section#order-form .order-info .order-info-inner .inner-middle li.order-price .order-old-price del { font-weight: 600; font-size: 15px; line-height: 22px; color: var(--theme_color_3); } section#order-form .order-info .order-info-inner .inner-middle li.order-price .order-new-price { font-size: 15px; line-height: 22px; } section#order-form .order-info .order-info-inner .inner-bottom { padding: 25px; } section#order-form .order-info .order-info-inner .inner-bottom button { display: block; width: 100%; border: none; color: #fff; background: var(--theme_color_2_btn); font-weight: 600; font-size: 15px; line-height: 22px; padding: 11px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#bank { position: relative; padding: 60px 0 30px 0; } section#bank .bank-item { margin-bottom: 30px; } section#bank .bank-item .bank-container .bank-content { padding: 40px; background-color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#bank .bank-item .bank-container .bank-content .topContent { border-bottom: 1px solid #f1f1f1; margin-bottom: 40px; padding-bottom: 40px; 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; } section#bank .bank-item .bank-container .bank-content .topContent .topRight a { font-weight: 500; font-size: 15px; line-height: 22px; color: var(--theme_color_1); padding: 15px 36px; background: #f6f7fc; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#bank .bank-item .bank-container .bank-content .topContent .topRight a:hover { background: var(--theme_color_2_hover); color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } section#bank .bank-item .bank-container .bank-content .bank-icon { height: 25px; max-height: 25px; margin-bottom: 4px; } section#bank .bank-item .bank-container .bank-content .bank-name { font-size: 22px; line-height: 34px; font-weight: 600; color: var(--theme_color_1); } section#bank .bank-item .bank-container .bank-content button { border: none; background-color: var(--theme_color_2_btn); text-align: center; vertical-align: text-bottom; padding: 1px 6px; } section#bank .bank-item .bank-container .bank-content button:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } section#bank .bank-item .bank-container .bank-content button i { font-size: 14px; } section#bank .bank-item .bank-container .bank-content p { font-weight: 500; font-size: 18px; line-height: 27px; color: var(--theme_color_1); } section#bank .bank-item .bank-container .bank-content p b { font-weight: 700; } section#bank .bank-item .bank-container .bank-content p:not(:last-child) { margin-bottom: 20px; } .popover { margin-left: 14px !important; } .popover .popover-header { border: none; background: transparent; border-radius: none; font-size: 14px; color: var(--theme_color_1); } section#alert { padding-top: 60px; } section#alert .order_alert_container { background: var(--theme_color_2_btn); padding: 20px 30px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#alert .order_alert_container p { font-size: 17px; line-height: 25px; color: #fff; } section#alert .order_alert_container p strong { font-weight: 600; } section#alert.order-information { padding-top: 60px; } section#payment-notif { padding: 60px 0; } section#payment-notif form { background: #fff; padding: 25px; } section#payment-notif form .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 25px; } section#payment-notif form .form-group .c-label { font-weight: 500; font-size: 16px; line-height: 19px; color: #000000; margin-bottom: 20px; } section#payment-notif form .form-group .c-control { border: 1px solid #f1f1f1; padding: 13px 17px; font-size: 15px; height: 50px; line-height: 18px; color: var(--theme_color_1); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#payment-notif form .form-group .c-control::-webkit-input-placeholder { font-size: 15px; line-height: 18px; color: var(--theme_color_3_placeholder); } section#payment-notif form .form-group .c-control:-ms-input-placeholder { font-size: 15px; line-height: 18px; color: var(--theme_color_3_placeholder); } section#payment-notif form .form-group .c-control::-ms-input-placeholder { font-size: 15px; line-height: 18px; color: var(--theme_color_3_placeholder); } section#payment-notif form .form-group .c-control::placeholder { font-size: 15px; line-height: 18px; color: var(--theme_color_3_placeholder); } section#payment-notif form .form-group .c-control:focus { outline: none; } section#payment-notif form .form-group .form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 50px; background-image: url("../../img/paymentarrow.svg"); background-repeat: no-repeat; background-origin: content-box; background-position: right; border-radius: 0; } section#payment-notif form .form-group .form-control:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; color: var(--theme_color_1); } section#payment-notif form .form-group .form-control.c-control { color: #acacac; } section#payment-notif form .form-group .form-control option { font-size: 15px; color: #acacac; } section#payment-notif form .form-group._bank .c-control:focus { color: var(--theme_color_1); } section#payment-notif form .form-group.date input { color: #acacac; } section#payment-notif form .form-group textarea { min-height: 80px; } section#payment-notif form .form-group .formaction-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--theme_color_2_btn); border-radius: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 16px 0; color: #fff; font-size: 15px; line-height: 18px; font-weight: 500; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } /* Fake Notif */ .custom-social-proof { position: fixed; bottom: 95px; left: 20px; z-index: 3 !important; } .custom-social-proof .custom-notification { border: 0; text-align: left; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 400; border-radius: 6px; -webkit-box-shadow: 1px 1px 12px 1px rgb(11 10 10 / 10%); box-shadow: 1px 1px 12px 1px rgb(11 10 10 / 10%); background-color: #fff; position: relative; cursor: pointer; max-width: 360px; } .custom-social-proof .custom-notification .custom-notification-container { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 480px; } .custom-social-proof .custom-notification .custom-notification-container .custom-notification-image-wrapper img { height: 140px; width: 75px; overflow: hidden; border-radius: 6px 0 0 6px; -o-object-fit: cover; object-fit: cover; } .custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper { margin: 0; height: 100%; color: var(--theme_color_1); border-radius: 0 6px 6px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content { font-family: inherit !important; margin: 0 !important; padding: 0 5px 0 20px; font-size: 15px; line-height: 16px; } .custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content small { margin-top: 3px !important; display: block !important; font-size: 12px !important; opacity: 0.8; } .custom-social-proof .custom-notification .custom-close { position: absolute; top: 12px; right: 8px; height: 12px; width: 12px; cursor: pointer; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 1; } .custom-social-proof .custom-notification .custom-close::before { content: ""; display: block; width: 100%; height: 2px; background-color: gray; position: absolute; left: 0; top: 5px; } .custom-social-proof .custom-notification .custom-close::after { content: ""; display: block; height: 100%; width: 2px; background-color: gray; position: absolute; left: 5px; top: 0; } .poweredby { font-weight: 600; text-decoration: none; margin-left: 3px; color: #3498db; } /* window popup */ .popupimg { width: 100%; height: 110px; object-fit: cover; object-position: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } #myModal .modal-dialog .modal-content .modal-body .modal-img { margin-bottom: 30px; } #myModal .modal-dialog { max-width: 600px; } #myModal .modal-dialog .modal-content { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: none; } #myModal .modal-dialog .modal-content .modal-header { border-bottom: 1px solid #f5f3f3; padding: 27px 30px; } #myModal .modal-dialog .modal-content .modal-header .header-icn { margin-right: 11px; } #myModal .modal-dialog .modal-content .modal-header .header-text h6 { font-weight: 600; font-size: 18px; line-height: 22px; color: var(--theme_color_1); } #myModal .modal-dialog .modal-content .modal-header .header-text p { font-weight: 500; font-size: 14px; line-height: 17px; margin-top: 3px; color: var(--theme_color_3); } .product-modal .modal-content { border: none; background: transparent; } .product-modal .modal-header { border-bottom: none; padding: 1rem 0; } .product-modal .modal-header .btn-close { color: #fff; background: none; opacity: 1; margin-right: 0; } .product-modal .modal-header .btn-close:focus { outline: none; box-shadow: none; } .product-modal .modal-body { padding: 0; } #myModal .modal-dialog .modal-content .modal-header .btn-close { background-color: #f2f2f2 !important; background: url("../../assets/img/close-bgn.svg") center/1em auto no-repeat; opacity: 1; } #myModal .modal-dialog .modal-content .modal-header .btn-close:focus { outline: none; border: none; -webkit-box-shadow: none; box-shadow: none; } #myModal .modal-dialog .modal-content .modal-body { padding: 27px 30px; } #myModal .modal-dialog .modal-content .modal-body .modal-info .text_one { font-weight: 600; font-size: 18px; line-height: 22px; margin-bottom: 30px; color: var(--theme_color_1); } #myModal .modal-dialog .modal-content .modal-body .modal-info .text_second { font-size: 24px; line-height: 30px; font-weight: 600; color: var(--theme_color_1); } #myModal .modal-dialog .modal-content .modal-body .modal-info .text_second strong { color: var(--theme_color_2); } #myModal .modal-dialog .modal-content .modal-body .modal-info p { font-weight: 500; font-size: 14px; line-height: 20px; color: var(--theme_color_3); } #myModal .modal-dialog .modal-content .modal-footer { border-top: none; padding: 0 30px 27px 30px; } #myModal .modal-dialog .modal-content .modal-footer a { display: block; text-align: center; width: 100%; background: var(--theme_color_2_btn); font-size: 15px; line-height: 22px; color: #fff; padding: 13px 0; } #myModal.show { padding-right: 0 !important; background: rgba(34, 34, 34, 0.7); display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Order inquiry */ section#order-inquiry { padding: 30px 0 60px 0; } section#order-inquiry .order-inquiry-wrapper { background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#order-inquiry .order-inquiry-wrapper .order-inquiry_top { padding: 25px; border-bottom: 1px solid #f2f2f2; } section#order-inquiry .order-inquiry-wrapper .order-inquiry_top h6 { font-weight: 500; font-size: 16px; line-height: 24px; color: var(--theme_color_1); } section#order-inquiry .order-inquiry-wrapper .order-inquiry_top p { font-size: 12px; line-height: 18px; color: var(--theme_color_3); } section#order-inquiry .order-inquiry-wrapper .order-inquiry_body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 25px; } section#order-inquiry .order-inquiry-wrapper .order-inquiry_body .o_label { font-weight: 500; font-size: 16px; line-height: 19px; color: var(--theme_color_1); margin-bottom: 10px; } section#order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control { border: 1px solid #f1f1f1; width: 100%; font-size: 13px; height: 50px; padding: 15px; line-height: 19px; color: var(--theme_color_1); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control::-webkit-input-placeholder { color: var(--theme_color_3_placeholder); } section#order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control:-ms-input-placeholder { color: var(--theme_color_3_placeholder); } section#order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control::-ms-input-placeholder { color: var(--theme_color_3_placeholder); } section#order-inquiry .order-inquiry-wrapper .order-inquiry_body .order_control::placeholder { color: var(--theme_color_3_placeholder); } section#order-inquiry .order-inquiry-wrapper .order-action-btn { padding: 0 25px 30px 25px; } section#order-inquiry .order-inquiry-wrapper .order-action-btn button { display: block; height: 50px; width: 100%; border: none; color: #fff; background: var(--theme_color_2_btn); font-weight: 500; font-size: 15px; line-height: 18px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } section#fixed-whatsapp { position: fixed; right: 30px; bottom: 90px; z-index: 3; } section#fixed-whatsapp .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #4dc247; cursor: pointer; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; } section#fixed-whatsapp .item .item-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } section#fixed-whatsapp .item .item-detail .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; } section#fixed-whatsapp .item .item-detail span { padding: 0 20px 0 0; font-size: 14px; color: #fff; position: absolute; visibility: hidden; opacity: 0; margin-left: -30px; font-weight: 500; } .catbody { background-color: #fff; padding: 30px; border-radius: 5px; } .catbody .card .card-body { padding: 0; } .catbody .card { padding: 0; background: transparent; border: none; } .catbody .card:not(:last-child) { border-bottom: 1px solid #f2f2f2; padding-bottom: 30px; margin-bottom: 30px; } .cs .dropdown-toggle svg { transition: all 0.3s ease 0s; fill: var(--theme_color_1); } .cs .dropdown-toggle.active svg { fill: var(--theme_color_2); } .menukate { font-weight: 600; font-size: 15px; line-height: 18px; color: var(--theme_color_1); transition: all 0.3s ease 0s; } .menukate:hover { color: var(--theme_color_2); } .back-to-top { visibility: hidden; background-color: var(--theme_color_2_btn); color: #fff; width: 50px; height: 50px; text-align: center; line-height: 38px; position: fixed; bottom: 30px; right: 30px; z-index: 90; cursor: pointer; opacity: 0; border-radius: 3px; -webkit-transition: all 0.4s; transition: all 0.4s; } .back-to-top.show { visibility: visible; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; } .cookieConsentContainer { z-index: 999; max-width: 380px; text-align: center; min-height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 20px; background: var(--theme_top_bg); opacity: 0.8; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; position: fixed; bottom: 30px; right: 30px; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } .cookieConsentContainer .cookieTitle { font-family: "Montserrat"; font-weight: 600; font-size: 20px; line-height: 24px; color: #fff; } .cookieConsentContainer .cookieDesc { font-family: "Montserrat"; font-weight: 500; font-size: 12px; line-height: 16px; color: #fff; padding: 18px 0; } .cookieConsentContainer .cookieDesc a { font-weight: 700; color: #fff; text-decoration: none; } .cookieConsentContainer .cookieButton button { display: inline-block; cursor: pointer; background: var(--theme_color_2_btn); max-width: 153px; width: 100%; margin: 0 auto; font-weight: 600; font-size: 13px; line-height: 13px; color: #fff; padding: 16px 0; border: none; } .cookieConsentContainer.hidden { opacity: 0; z-index: -99; display: none; } .cookieConsentContainer:hover { -webkit-transition: all 0.3s; transition: all 0.3s; background: var(--theme_top_bg); opacity: 1; } .product_view .modal-dialog { max-width: 830px; width: 100%; } .space-ten { padding: 10px 0; } /* Footer */ footer { padding: 60px 0; } footer .footer_top { 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; border-bottom: 1px solid #e8e8e8; padding-bottom: 30px; } footer .footer_top .footer_left { max-width: 400px; } footer .footer_top .footer_left .footer_img { margin-bottom: 20px; } footer .footer_top .footer_left p { font-size: 13px; line-height: 16px; color: var(--theme_color_3); } footer .footer_top .footer_right .footer_icons { display: -webkit-box; display: -ms-flexbox; display: flex; } footer .footer_top .footer_right .footer_icons a { width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; margin-left: 20px; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } footer .footer_top .footer_right .footer_icons a svg path { fill: #333333; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } footer .footer_top .footer_right .footer_icons a:first-child { margin-left: 0; } footer .footer_top .footer_right .footer_icons a:hover { background: var(--theme_color_2_hover); } footer .footer_top .footer_right .footer_icons a:hover svg path { fill: #fff; } footer .footer_middle { padding: 30px 0; margin-bottom: 30px; 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; border-bottom: 1px solid #e8e8e8; } footer .footer_middle .middle_left { max-width: 500px; } footer .footer_middle .middle_left li { font-size: 13px; line-height: 16px; color: var(--theme_color_3); margin-top: 15px; margin-right: 55px; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } footer .footer_middle .middle_left li:first-child { margin-top: 0; margin-right: 0; } footer .footer_middle .middle_left li a { color: var(--theme_color_3); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } footer .footer_middle .middle_left li svg { margin-right: 11px; } footer .footer_middle .middle_left li svg path { fill: var(--theme_color_3); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } footer .footer_middle .middle_left li a:hover { color: var(--theme_color_2_hover); } footer .footer_middle .middle_left li a:hover svg path { fill: var(--theme_color_2_hover); } footer .footer_middle .middle_right { text-align: right; } footer .footer_middle .middle_right .card_f { margin-bottom: 10px; } footer .footer_middle .middle_right span { font-size: 13px; line-height: 16px; color: var(--theme_color_3); } footer .footer_bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } footer .footer_bottom a { font-size: 13px; line-height: 16px; color: var(--theme_color_3); } footer .footer_bottom a:not(:last-child) { margin-right: 58px; } ._bank p { font-size: 16px; font-weight: 600; } ._bank p b { font-weight: 500; } /* RESPONSIVE */ @media (max-width: 1599px) { section#main-home .home_container .home_left .item-text-info h2 span { font-size: 55px; } section#main-home .home_container .home_right::before { right: 8%; } } @media (min-width: 1366px) { .container { max-width: 1254px; } } @media (min-width: 1200px) { .offcanvas { visibility: visible; position: relative; background: none; border: none; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; color: red; } header .header_bottom .navbar .navbar-nav .nav-item .nav-link { line-height: 100px; } } @media (min-width: 1200px) and (max-width: 1365px) { section#gallery .gallery-box .g_item { max-height: 285px; } header .header_bottom .navbar { padding: 15px 0 0 !important; } header .header_bottom .navbar .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1200px) { .cs .dropdown-menu { display: none !important; margin-top: 13px !important; } .cs .dropdown-menu.show { display: block !important; } .container { max-width: 95%; } header .header_bottom .navbar .navbar-nav .nav-item .nav-link { line-height: 15px; } header .header_bottom .navbar .navbar-nav .nav-item .nav-link.active::before { bottom: -10px; } header .header_bottom .navbar { padding: 25px 0; } section#main-home .home_container .home_left .item-text-info h2 .t_one { font-size: 55px; } section#main-home .home_container .home_left .item-text-info h2 span { font-size: 45px; } section#blog .blog-container { margin-bottom: 30px; } header .header_bottom .container { width: 100%; } .offcanvas { width: 250px !important; height: 100vh; } .offcanvas .text-reset svg path { fill: var(); } .offcanvas-start-xl { top: 0; left: 0; border-right: 1px solid rgba(0, 0, 0, 0.2); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-backdrop { height: 100vh; } header .header_bottom .navbar .navbar-nav { margin-bottom: 50px; } header .header_bottom .navbar .navbar-nav .nav-item { margin-left: 0 !important; margin-bottom: 28px; } header .header_bottom .navbar .navbar-nav .nav-item .blinking { display: none; } .cookieConsentContainer { left: 6%; right: 6%; } section#order-info .order_container .order_right .info-container .text-feature ul h6 .t_one { font-size: 16px; line-height: 16px; margin-bottom: 4px; } section#order-info .order_container .order_right .info-container .text-feature ul h6 .t_second { line-height: 14px; } section#gallery .video .video-inner .video-link .video-link-inner strong { line-height: 45px; font-size: 40px; } } @media (min-width: 992px) and (max-width: 1200px) { section#gallery .gallery-box .g_item { margin-bottom: 30px; } section#bank .bank-item .bank-container .bank-content .topContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } section#bank .bank-item .bank-container .bank-content .topContent .topRight { margin-top: 30px; } } @media (min-width: 992px) and (max-width: 1130px) { section#order-info .order_container .order_right { padding-top: 25px; } section#order-info .order_container .order_right .info-container .text-feature ul h6 .t_second { font-size: 12px; } section#order-info .order_container .order_right .info-container h2 .text_second { font-size: 50px; } section#order-info .order_container .order_right .info-container h2 .text_second strong { font-size: 50px; } .navbar-expand-lg .navbar-nav { -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } header .header_bottom .navbar .navbar-nav .nav-item:last-child { margin-left: 32px; margin-right: 21px; } } @media (max-width: 998px) { section#urunliste .modal-body .modal-inner { flex-direction: column; } section#urunliste .modal-body .product_content { padding-left: 0; margin-top: 30px; } } @media (min-width: 992px) { section#gallery .video .video-inner .video-image, section#gallery .video .video-inner .video-image2 { height: 600px; } .navbar .dropdown-menu-end { right: 0; left: auto; } .navbar .nav-item .dropdown-menu { display: block; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; margin-top: 0; } .navbar .nav-item:hover .nav-link { color: #fff; } .navbar .nav-item:hover .dropdown-menu { -webkit-transition: 0.3s; transition: 0.3s; opacity: 1; visibility: visible; top: 100%; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .navbar .dropdown-menu.fade-down { top: 80%; -webkit-transform: rotateX(-75deg); transform: rotateX(-75deg); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } .navbar .dropdown-menu.fade-up { top: 180%; } section#fixed-whatsapp .item .item-detail span { padding: 0 20px 0 0; font-size: 14px; color: #fff; position: absolute; visibility: hidden; opacity: 0; margin-left: -30px; font-weight: 500; } section#fixed-whatsapp .item .item-detail:hover { -webkit-transition: 0.4s cubic-bezier(0, 0, 0.34, 0.81); transition: 0.4s cubic-bezier(0, 0, 0.34, 0.81); } section#fixed-whatsapp .item .item-detail:hover span { position: relative; opacity: 1; visibility: visible; margin-left: 0; -webkit-transition: 0.4s cubic-bezier(0, 0, 0.34, 0.81); transition: 0.4s cubic-bezier(0, 0, 0.34, 0.81); } } @media (max-width: 991px) { .header_top .header_top_container .top_ticker { display: none; } .header_top .header_top_container .top_info { margin-left: 0 !important; text-align: left; } section#main-home .home_container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 25px 0; } section#main-home .home_container .home_left { text-align: center; margin-top: 30px; } section#order-info .order_container .order_right .info-container h2 .text_one, section#order-info .order_container .order_right .info-container h2 .text_second { font-size: 30px; line-height: 45px; } section#main-home .home_container .home_left .item-text-info .info_button { margin: 0 auto; } section#main-home .home_container .home_left .item-text-info .i_top { font-size: 28px; } section#main-home .home_container .home_left .item-text-info h2 { line-height: 45px; } section#main-home .home_container .home_left .item-text-info h2 span.t_one { font-size: 34px; line-height: 45px; } section#main-home .home_container .home_left .item-text-info h2 span { font-size: 39px; line-height: 45px; } section#main-home .home_container .home_right .right_container { margin-left: unset; margin: 0 auto; } section#main-home .home_container .home_right::before { content: none; } section#order-info .order_container { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; display: -webkit-box; display: -ms-flexbox; display: flex; } section#order-info .order_container .order_right .info-container { text-align: center; } section#order-info .order_container .order_right .info-container .text-feature { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } section#order-info .order_container .order_right .info-container .text-feature ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } section#order-info .order_container .order_right .info-container .text-feature ul li { width: 100%; padding-right: 30px; text-align: left; } section#order-info .order_container .order_left { padding-top: 60px; } section#order-info .order_container .order_left .left_inner { margin-bottom: 25px; } section#order-info .order_container .order_left::before { content: none; } section#faq .faq_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } section#faq .faq_container .left_faq { margin-bottom: 30px; } section#faq .faq_container .left_faq .faq_item { text-align: center; } section#order-form .form-left { margin-bottom: 30px; } section#gallery .video .video-inner { margin: 0 auto; } section#gallery .gallery-box { margin-top: 30px; } section#gallery .gallery-box .g_item { margin-bottom: 0; } .custom-social-proof { /* display: none !important;*/ } .custom-social-proof .custom-notification { /*display: none !important;*/ } section#fixed-whatsapp { right: 30px; bottom: 30px; left: unset; } section#order-info .order_container .order_left .side-img { margin-bottom: 30px; } } @media (min-width: 768px) and (max-width: 840px) { footer .footer_bottom a { margin-bottom: 15px; margin-right: 58px; } footer .footer_bottom a:first-child { margin-left: 0; } footer .footer_bottom a:last-child { margin-left: 0; } } @media (max-width: 830px) { section#trending-products .modal .modal-dialog .modal-content .modal-body .modal-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_inner .owl-img { width: 100%; } section#trending-products .modal .modal-dialog .modal-content .modal-body .modal-inner .product_inner .owl-img { height: 250px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .modal-inner .product_content, .owl-carousel .owl-stage, .owl-carousel .owl-stage-outer, section#trending-products .modal .modal-dialog .modal-content .modal-body .product_inner { min-width: 100%; } } @media (max-width: 767px) { footer .footer_top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } footer .footer_top .footer_left { text-align: center; margin-bottom: 30px; } footer .footer_middle { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } footer .footer_middle .adress_num { flex-direction: column; } footer .footer_middle .adress_num .mai { margin-bottom: 15px; } footer .footer_middle .middle_left { margin-bottom: 30px; } footer .footer_middle .middle_left ul { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } footer .footer_middle .middle_left ul li { margin-right: 0; } footer .footer_middle .middle_right { text-align: center; } footer .footer_bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } footer .footer_bottom a { margin-bottom: 15px; margin-right: 0 !important; } section#gallery .gallery-box { text-align: center; } section#gallery .gallery-box .g_item { margin-bottom: 30px; } section#gallery .gallery-box .g_item img { max-width: 285px; } #myModal .modal-dialog .modal-content .modal-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } #myModal .modal-dialog .modal-content .modal-body .modal-img { margin-bottom: 15px; } [data-aos-delay] { -webkit-transition-delay: 0 !important; transition-delay: 0 !important; } section#trending-products .modal { max-height: 99vh; overflow: auto; } section#trending-products .modal .modal-dialog .modal-content .modal-body .modal-inner .product_content { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; height: 100%; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .modal-inner .product_inner { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } section#trending-products .modal .modal-dialog .modal-content .modal-body .modal-inner .product_inner .owl-img { height: 250px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_inner { max-width: 100%; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_inner .owl-img { width: 100%; } section#trending-products .modal .modal-dialog .modal-content .modal-header { top: 20px; } section#gallery .video .video-inner .video-image, section#gallery .video .video-inner .video-image2 { height: 600px; } section#gallery .video .video-inner .video-image img, section#gallery .video .video-inner .video-image img { height: 100%; } } @media (min-width: 768px) { section#trending-products .modal.show { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 576px) { section#urunliste .modal-body .product_inner { min-width: 100%; } section#urunliste .modal-body .product_content .content_bottom .btn-group { flex-direction: column; } section#urunliste .modal-body .product_content .content_bottom .btn-group .quantity-box { height: 50px; margin-bottom: 15px; } section#home-top .top_container p { font-size: 24px; margin-top: 5px; } section#main-home .home_container .home_left .item-text-info h2 span { font-size: 23px; } #myModal .modal-dialog .modal-content { max-height: 600px; overflow-x: auto; } section#main-home .home_container .home_left .item-text-info .i_top, section#order-info .order_container .order_right .info-container .info_top { font-size: 20px; } section#main-home .home_container .home_right .side-img .side-img1 { height: auto; } section#order-info .order_container .order_left .side-img .side-img1 { height: auto; } section#bank .bank-item .bank-container .bank-content .topContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } section#bank .bank-item .bank-container .bank-content .topContent .topRight { margin-top: 30px; } section#gallery .video .video-inner .video-link .video-link-inner { padding: 0 15px; } section#gallery .video .video-inner .video-link .video-link-inner strong { font-size: 30px; padding: 15px 0; } section#gallery .video .video-inner .video-link .video-link-inner .item_text { font-size: 13px; line-height: 17px; } section#gallery .video .video-inner .video-link .video-link-inner img { width: 60px; } section#gallery .gallery-box .g_item.mb_0 { margin-bottom: 30px; } section#gallery .gallery-box .g_item:last-child { margin-bottom: 0; } #myModal .modal-dialog { margin: 5.5rem 15px; } #myModal .modal-dialog .modal-content .modal-header .header-left { padding-right: 15px; } #myModal .modal-dialog .modal-content .modal-body .modal-info .text_one { font-size: 22px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .quantity-box::after { left: 70px; font-size: 12px; bottom: 15px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .quantity-box .input-number { width: 50px; margin: 0 10px; font-size: 12px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .quantity-box .input-number-increment { margin-left: 0; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .btn-ground button { font-size: 12px; } section#urunliste .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .quantity-box::after { left: 70px; font-size: 12px; bottom: 15px; } section#urunliste .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .quantity-box .input-number { width: 50px; margin: 0 10px; font-size: 12px; } section#urunliste .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .quantity-box .input-number-increment { margin-left: 0; } section#urunliste .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .btn-ground button { font-size: 12px; } .header_top .header_top_container .top_info p { font-weight: 500; font-size: 14px; line-height: 17px; } .header_top .header_top_container .top_info p i { margin-right: 10px; } .header_top .header_top_container .top_info p img { height: 15px; margin-right: 0; } .whatsapp-order-btn button { font-size: 12px; } } @media (max-width: 412px) { .body-swatch select { font-size: 10px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content .content_bottom .quantity-box::after { bottom: 14px; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content h3.price { flex-direction: column; align-items: flex-start; } section#trending-products .modal .modal-dialog .modal-content .modal-body .product_content h3.price .cr1 { margin-bottom: 4px; } section#urunliste .modal-body .product_content .content_bottom .quantity-box::after { bottom: 14px; } section#urunliste .modal-body .product_content h3.price { flex-direction: column; align-items: flex-start; } section#urunliste .modal-body .product_content h3.price .cr1 { margin-bottom: 4px; } } @media (min-width: 576px) { #myModal .modal-dialog { margin: 15.75rem auto; } } .ozelresim img { width: 100%; object-fit: cover; } header .header_bottom .navbar .navbar-brand { max-height: 55px; } header .header_bottom .navbar .navbar-brand img { width: 100%; height: 55px; } /*# sourceMappingURL=style.css.map */

.product-select select {
    display: none;
}

.product-select button {
    width: 100%;
    text-align: left;
}

.product-select .dropdown-menu, .product-select .inner {
    width: 100%;
    min-height: auto;
    overflow: unset !important;
}

.product-select li:hover {
    background: var(--theme_color_2_btn);
    cursor: pointer;
}

.product-select li:hover a{
    color: #FFF !important;
}
.static-heading {
    font-size: 32px; /* Font boyutunu istediğiniz ölçüde ayarlayabilirsiniz */
    font-weight: bold; /* Kalın font */
    /* Diğer h1 başlığı özelliklerini burada ayarlayabilirsiniz */
}