@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); .iti__flag {background-image: url("../img/flags.png");} *{outline:none !important;} .btn:focus, .btn.focus,.form-control,.accordion-button{box-shadow: none !important;} body.login-page{background-image:url("../img/login-bg.png");background-size:100% 100%;background-repeat: no-repeat;background-position: center center;display:flex;height:100vh;overflow:hidden;flex-wrap:wrap;} body{background-image:url("../img/login-bg.png");background-size:100% 950px;background-repeat: no-repeat;background-position: center top;display:flex;flex-wrap:wrap;} .login-page{} .login-page .texts{color:#fff;} .login-page .texts h3{font-size:36px;font-family:'Poppins';font-weight: normal;} .login-page .texts h3 strong{font-weight:700;} .login-page .texts p{} .login-page .login-box{background:#fff;padding:20px 30px 20px 20px;border-radius:28px;width:calc(100% - 20px);margin:0 auto;display:inline-block;} .login-page .login-box h3{font-size:40px;color:#312783;font-weight:700;} .login-page .login-box small{font-size:14px;color:#b3b8cd;font-family:'Poppins;';margin-bottom:10px;display:block;} .login-page .login-box .form-control{border:1px solid #f1f1f1;color:#b3b8cd;font-family:'Poppins';font-size:14px;line-height:30px;width:100%;border-radius: 10px;} .login-page .login-box .form-control:nth-child(2){margin-top:20px;} .login-page .login-box .form-control:focus{border-color:#312783;} .login-page .login-box form p{font-family:'Poppins';font-size:14px;font-weight: normal;color:#312783;margin:40px 0;} .login-page .login-box form p a{color:#312783;} .login-page .login-box .btn{background:#312783;color:#fff;line-height:30px;width:180px;padding-left:20px;padding-bottom:10px;padddisplay:inline-block;border-radius:10px;} .login-page .login-box .btn em{position:relative;bottom:-1px;margin-left:30px;display:inline-block;} .login-page .login-box .btn-forgot-password{line-height:30px;color:#312783;text-decoration: none;display:inline-block;} .login-page .login-box .btn-forgot-password em{margin-right:10px;} .login-page .login-box hr{width:calc(100% + 20px);margin-left:-10px;opacity:1;background:#312783;margin:30px 0;} .login-page .login-box p.text-center{font-family:'Poppins';font-size:13px;font-weight: normal;color:#312783;margin:0 0 15px 0;} .login-page .login-box p.text-center a{color:#312783;} .login-page .logos{position:absolute;bottom:20px;width:100%;} nav{width:100%;} .navbar-nav{margin-left:20px;} .navbar .logo-shadow{background:url("../img/logo-shadow.png") 0 center no-repeat;padding-left:30px;line-height:90px;} .navbar-nav .nav-item{display: flex;margin:0;} .navbar-nav .nav-item .nav-link{font-family:'Poppins';display:flex;font-size:16px;font-weight:300;color:#fff;border-radius: 10px;padding:9px 15px;} .navbar-nav .nav-item .nav-link:focus{color:#fff;} .navbar-nav .nav-item .nav-link .icon{width:24px;height:24px;background-repeat: no-repeat;fill:#fff;margin:0 3px;} .navbar-nav .nav-item .nav-link.active,.navbar-nav .nav-item .nav-link:hover{color:#312783;background:#fff;} .navbar-nav .nav-item .nav-link.active .icon,.navbar-nav .nav-item .nav-link:hover .icon{fill:#312783;} .navbar-nav .nav-item.sub{position:relative;z-index: 999999;} .navbar-nav .nav-item > ul{visibility:hidden;opacity:0;transition:all 0.5s ease;position:absolute;top:30px;margin:0 0 0 -30px;padding:10px;min-width:200px;background:#fff;border-radius:12px;list-style:none;z-index:1300;} .navbar-nav .nav-item > ul > li{margin:0;padding:0;} .navbar-nav .nav-item > ul > li > a{margin:0;padding:5px 10px;border-bottom:1px solid #e4e6e8;display:block;font-family:'Poppins';font-size:16px;font-weight:600;color:#2e3192;text-decoration: none;} .navbar-nav .nav-item > ul > li > a:hover{text-decoration:none;} .navbar-nav .nav-item:hover > ul{visibility: visible;opacity: 1;} .social-media{margin-left:57px;} .social-media li{margin:0 2px;} .social-media li a{font-size:17px;display:block;padding:5px;color:#312783;} .social-media li a:hover{color:#44b9ea;} .languages {display: inline-block; cursor: pointer; position: relative; z-index: 2; margin:auto 0 auto 40px;} .languages .selected {font-weight: bold;font-size: 14px;position: relative; padding: 0;width: 38px; height: 38px; background-color: #312783;color: #fff;border-radius: 100%;display: flex;align-items: center;justify-content: center;} .languages .list {position: absolute;overflow: hidden; transition: 0.3s ease all; background: #009fe3; left: 0; top: 0; bottom: 0; border-radius: 40px; height: 38px; z-index: -1; display: flex; align-items: center; justify-content: flex-end; padding: 0; max-width: 0; opacity: 0;} .languages .list a { display: block; font-weight: 600; font-size: 14px; border: 0; margin: 0 5px; color: #fff;text-decoration: none;} .languages .list a:hover {color: #fff; text-decoration: none;} .languages:hover .list { max-width: 320px; min-width: 70px; padding-left: 48px;padding-right: 10px; opacity: 1; box-shadow: 0px 5px 5.74px 1.26px rgba(0, 0, 0, 0.08);} .languages:hover .selected:after { transform: rotate(180deg);} #the-content{width:100%;} #the-content .context{width:100%;min-height:685px;background:#fff;border-radius:12px;padding:20px;box-shadow: 0px 0px 47.43px 3.57px rgba(60, 76, 162, 0.35);} #the-content .context #home-slider{} #the-content .context #home-slider .swiper-container{overflow: hidden;border-radius:12px;} #the-content .context #home-slider .swiper-slide{} #the-content .context #home-slider .swiper-slide a{height:488px;width:100%;background-size:cover;text-decoration: none;color:#fff;} #the-content .context #home-slider .swiper-slide h3{font-family:'Poppins';font-size:38px;} #the-content .context #home-slider .swiper-slide h1{font-family:'Poppins';font-size:49px;font-weight:700;} #the-content .context #spare-parts{} #the-content .context #spare-parts > h3{background:url("../img/spare-parts-thing.png") center top no-repeat;padding-top:97px;margin-top:-46px;margin-bottom:40px;position:relative;z-index:999;font-family:'Poppins';color:#312783;font-weight:700;} #the-content .context #spare-parts .swiper-slide{} #the-content .context #spare-parts .swiper-slide a{background:url("../img/category-effect.png") right 0 no-repeat;border-radius:12px;border:1px solid #bababa;font-family:'Poppins'; text-decoration: none;color:#312783;transition:all 0.5s ease;} #the-content .context #spare-parts .swiper-slide a h3{padding:20px 0 0 20px;font-size:22px;} #the-content .context #spare-parts .swiper-slide a h3 small{display:block;} #the-content .context #spare-parts .swiper-slide a h3 strong{font-weight:700;display:block;} #the-content .context #spare-parts .swiper-slide a img{object-fit: scale-down; object-position: center center; } #the-content .context #spare-parts .swiper-slide a:hover{background:url("../img/category-effect-hover.png") right 0 no-repeat #312783;color:#fff;} #the-content .context #home-products{padding-top:30px;} #the-content .context #home-products > h3{background:url("../img/spare-parts-thing.png") center top no-repeat;padding-top:97px;margin-top:0px;margin-bottom:30px;position:relative;z-index:999;font-family:'Poppins';color:#312783;font-weight:700;} #the-content .context #home-products a{text-decoration:none !important;border-radius:12px;padding-bottom:30px;border:3px solid #bababa;} #the-content .context #home-products a img{object-fit: scale-down;height:290px;object-position: center center;} #the-content .context #home-products a .title{text-align:center !important;} #the-content .context #home-products a .title h3{margin:0;padding:0;color:#312783;font-family:'Poppins';font-weight:900;font-size:18px;} #the-content .context #home-products a .title hr{width:170px;margin:5px auto;padding:0;display:block;background:#312783;opacity: 1;} #the-content .context #home-products a .title .detail{color:#f00;font-family:'Poppins';font-size:16px;} #the-content .context #home-products a:hover{border:3px solid #312783;background:url("../img/products-effect.png") center bottom no-repeat;} #the-content .context .products .col-lg-3 > a{text-decoration:none !important;border-radius:12px;padding-bottom:30px;border:3px solid #bababa;} #the-content .context .products .col-lg-3 > a .img div{background-size:150px;height:300px;width:300px;background-position: center;background-repeat: no-repeat;} #the-content .context .products .col-lg-3 > a .title{text-align:center !important;} #the-content .context .products .col-lg-3 > a .title h3{margin:0;padding:0;color:#312783;font-family:'Poppins';font-weight:900;font-size:18px;} #the-content .context .products .col-lg-3 > a .title hr{width:170px;margin:5px auto;padding:0;display:block;background:#312783;opacity: 1;} #the-content .context .products .col-lg-3 > a .title .detail{color:#f00;font-family:'Poppins';font-size:16px;} #the-content .context .products .col-lg-3 > a:hover{border:3px solid #312783;background:url("../img/products-effect.png") center bottom no-repeat;} #the-content .context .tools{border:1px solid #bababa;border-radius:12px;} #the-content .context .tools .menu{} #the-content .context .tools .menu a{text-align:center;text-decoration: none;font-size:22px;line-height:55px;display:inline-block;font-family:'Poppins';font-weight:700;color:#312783;} #the-content .context .tools .content{display:none;} #the-content .context .tools .content .swiper-slide a{background:url("../img/category-effect.png") right 0 no-repeat;border-radius:12px;border:1px solid #bababa;font-family:'Poppins'; text-decoration: none;color:#312783;} #the-content .context .tools .content .swiper-slide a h3{padding:20px 0 0 20px;font-size:22px;} #the-content .context .tools .content .swiper-slide a h3 small{display:block;} #the-content .context .tools .content .swiper-slide a h3 strong{font-weight:700;display:block;} #the-content .context .tools .content .swiper-slide a .img div{background-size:150px;height:300px;width:300px;background-position: center;background-repeat: no-repeat;} #the-content .context .product-detail{} #the-content .context .product-detail .img{border:1px solid #bababa;border-radius:12px;} #the-content .context .product-detail .img div{background-size:300px;height:500px;background-position: center;background-repeat: no-repeat;} #the-content .context .product-detail .title{} #the-content .context .product-detail .title > h3{font-family:'Poppins';font-size:30px;font-weight:900;margin:0;padding:0;color:#312783;} #the-content .context .product-detail .title .category{text-decoration: none;} #the-content .context .product-detail .title .category em{font-size:21px;transform:rotate(90deg) translateX(-10px) translateY(20px);color:#312783;} #the-content .context .product-detail .title .category h3{font-size:14px;color:#312783;font-family:'Poppins';} #the-content .context .product-detail label{font-size:20px;color:#312783;font-family:'Poppins';margin:0;padding:0;} #the-content .context .product-detail select.form-control{font-size:20px;line-height:35px;font-weight:600;position:relative;top:-2px;border:1px solid #bababa;color:#312783;font-family:'Poppins';} #the-content .context .product-detail strong{font-weight:700;font-family:'Poppins';font-size:20px;color:#312783;margin-left:14px;} #the-content .context .product-detail .btn-listele{font-weight:600;font-family:'Poppins';font-size:20px;background:#312783;color:#fff;padding:9px 30px;border-radius:12px;} #the-content .context .product-detail .spare-parts-list > h3{background:url("../img/spare-parts-thing.png") center top no-repeat;padding-top:97px;margin-top:0px;margin-bottom:30px;position:relative;z-index:999;font-family:'Poppins';color:#312783;font-weight:700;} #the-content .context .product-detail .spare-parts-list .table{} #the-content .context .product-detail .spare-parts-list .table td{font-size:14px;font-family:'Poppins';font-weight:600;color:#312783;} #the-content .context .product-detail .spare-parts-list .table td .d-flex{height:50px;} #the-content .context .product-detail .spare-parts-list .table td .fa-plus{} #the-content .context .product-detail .spare-parts-list .table td .form-control{width:50px;border:none;background:none;} #the-content .context .product-detail .spare-parts-list .table td .fa-minus{} #the-content .context .product-detail .spare-parts-list .table td .btn{border:2px solid #312783;font-family:'Poppins';font-size:20px;font-weight:600;border-radius:12px;color:#312783;} #the-content .context .product-detail .spare-parts-list .table td .btn:hover{color:#fff;background:#312783;} #the-content .context .profile-info{} #the-content .context .profile-info .nav-tabs{} #the-content .context .profile-info .nav-tabs .nav-item{} #the-content .context .profile-info .nav-tabs .nav-item .nav-link{border:none;font-family:'Poppins';color:#312783;font-weight:700;font-size:16px;} #the-content .context .profile-info .nav-tabs .nav-item .nav-link.active{border-bottom:3px solid #312783;} #the-content .context .profile-info #sifre-degistir{padding:30px 10px;} #the-content .context .profile-info #sifre-degistir h3{color:#312783;font-family:'Poppins';font-weight: 700;font-size:22px;} #the-content .context .profile-info #sifre-degistir p{color:#312783;font-family:'Poppins';font-size:17px;} #the-content .context .profile-info #sifre-degistir .form-control{font-family:'Poppins';color:#312783;border-color:#bababa;border-right:none;font-size:14px;line-height:30px;} #the-content .context .profile-info #sifre-degistir .form-control:focus{background:#bababa;} #the-content .context .profile-info #sifre-degistir .form-control::placeholder{font-family:'Poppins';color:#312783;font-size:14px;} #the-content .context .profile-info #sifre-degistir .btn-password-shower{border-left:none;border-color:#bababa;background:none !important;;} #the-content .context .profile-info #sifre-degistir .btn-password-shower em{color:#312783;} #the-content .context .profile-info #sifre-degistir small{color:#312783;font-family:'Poppins';font-size:14px;} #the-content .context .profile-info #sifre-degistir .btn-platform{font-weight:600;font-family:'Poppins';font-size:20px;background:#312783;color:#fff;padding:9px 30px;border-radius:12px;} #the-content .context .profile-info #sifre-degistir .btn-platform em{margin-left:30px;} #the-content .context .profile-info #adres-bilgilerim{padding:30px 10px;} #the-content .context .profile-info #adres-bilgilerim h3{color:#312783;font-family:'Poppins';font-weight: 700;font-size:22px;} #the-content .context .profile-info #adres-bilgilerim p{color:#312783;font-family:'Poppins';font-size:17px;} #the-content .context .profile-info #adres-bilgilerim a.btn-add-new-adress{height:360px;text-align:center;text-decoration: none;font-family:'Poppins';font-size:21px;color:#312783;border:1px solid #bababa;border-radius:12px;transition: all 0.5s ease;} #the-content .context .profile-info #adres-bilgilerim a.btn-add-new-adress .icon{display:inline-block;font-size:32px;line-height:50px;background:#312783;border-radius:100%;width:50px;color:#fff;transition: all 0.5s ease;} #the-content .context .profile-info #adres-bilgilerim a.btn-add-new-adress:hover{background:#312783;color:#fff;} #the-content .context .profile-info #adres-bilgilerim a.btn-add-new-adress:hover .icon{background:#fff;color:#312783;} #the-content .context .profile-info #adres-bilgilerim .address-item{display:flex;flex-wrap:wrap;align-content:center;height:360px;border:1px solid #bababa;border-radius:12px;padding:15px;} #the-content .context .profile-info #adres-bilgilerim .address-item h4{width:100%;font-family:'Poppins';font-weight:700;color:#312783;font-size:18px;} #the-content .context .profile-info #adres-bilgilerim .address-item h5{width:100%;font-family:'Poppins';font-weight:700;color:#abaccd;font-size:18px;} #the-content .context .profile-info #adres-bilgilerim .address-item p{margin:0;width:100%;font-size:14px;color:#312783;font-family:'Poppins';} #the-content .context .profile-info #adres-bilgilerim .address-item strong{width:100%;font-family:'Poppins';font-weight:700;font-size:14px;color:#312783;} #the-content .context .profile-info #adres-bilgilerim .address-item .buttons{width:100%;display:flex;justify-content: stretch;} #the-content .context .profile-info #adres-bilgilerim .address-item .buttons .btn{} #the-content .context .profile-info #adres-bilgilerim .address-item .buttons .btn-delete{border:1px solid #bababa;color:#bababa;font-family:'Poppins';font-size:14px;width:49%;margin-right:5px;} #the-content .context .profile-info #adres-bilgilerim .address-item .buttons .btn-edit{border:1px solid #bababa;color:#bababa;font-family:'Poppins';font-size:14px;width:50%;} #the-content .context .profile-info #adres-bilgilerim .address-item .buttons .btn:hover{background:#312783;color:#fff;border-color:#312783;} .modal .form-control{font-family:'Poppins';color:#312783;font-weight:700;border-color:#bababa;font-size:14px;line-height:30px;} .modal .form-control:focus{background:#bababa;} .modal .form-control::placeholder{font-family:'Poppins';color:#312783;font-size:14px;} .modal *{font-family:'Poppins'; } #the-content .context .profile-info #hesap-bilgilerim{padding:30px 10px;} #the-content .context .profile-info #hesap-bilgilerim h3{color:#312783;font-family:'Poppins';font-weight: 700;font-size:22px;} #the-content .context .profile-info #hesap-bilgilerim p{color:#312783;font-family:'Poppins';font-size:17px;} #the-content .context .profile-info #hesap-bilgilerim .form-control{font-family:'Poppins';color:#312783;font-weight:700;border-color:#bababa;font-size:14px;line-height:30px;} #the-content .context .profile-info #hesap-bilgilerim .form-control:focus{background:#bababa;} #the-content .context .profile-info #hesap-bilgilerim .form-control::placeholder{font-family:'Poppins';color:#312783;font-size:14px;} #the-content .context .profile-info #hesap-bilgilerim .col-lg-3 > label{font-family:'Poppins';font-size:16px;color:#312783;} #the-content .context .profile-info #hesap-bilgilerim .col-lg-3 .d-flex > label{text-align:center;font-family:'Poppins';font-size:18px;font-weight:700;line-height: 44px;color:#312783;} #the-content .context .profile-info #hesap-bilgilerim .col-lg-3 .d-flex > label input{margin-right:5px;background:#fff;border:1px solid #bababa;width:15px;height:15px;border-radius:15px;appearance: none;} #the-content .context .profile-info #hesap-bilgilerim .col-lg-3 .d-flex > label input:is(:checked){background:#312783;border-color:#312783;} #the-content .context .profile-info #hesap-bilgilerim .box{padding:30px 10px;border:1px solid #bababa; border-radius:12px;} #the-content .context .profile-info #hesap-bilgilerim .box .texts{width:93%;} #the-content .context .profile-info #hesap-bilgilerim .box .texts p{margin:0;} #the-content .context .profile-info #hesap-bilgilerim .box .check{width:7%;display:flex;} #the-content .context .profile-info #hesap-bilgilerim .btn-platform{font-weight:600;font-family:'Poppins';font-size:20px;background:#312783;color:#fff;padding:9px 30px;border-radius:12px;} #the-content .context .profile-info #hesap-bilgilerim .btn-platform em{margin-left:30px;} #the-content .context #shopping-cart{} #the-content .context #shopping-cart > h3{color:#312783;font-family:'Poppins';font-weight: 700;font-size:22px;} #the-content .context #shopping-cart .col-lg-8 > h3{color:#312783;font-family:'Poppins';font-weight: 700;font-size:22px;} #the-content .context #shopping-cart .col-lg-8 > p{color:#312783;font-family:'Poppins';font-size:17px;} #the-content .context #shopping-cart .delete-buttons{margin:10px 0;} #the-content .context #shopping-cart .delete-buttons a{text-decoration:none;font-family:'Poppins';color:#312783;font-size:14.5px;font-weight:700;} #the-content .context #shopping-cart .cart-products{} #the-content .context #shopping-cart .cart-products .cart-product{border:1px solid #bababa;border-radius:12px;padding:5px;margin-bottom:20px;} #the-content .context #shopping-cart .cart-products .cart-product .product-info{} #the-content .context #shopping-cart .cart-products .cart-product .product-info h3{font-familiy:'Poppins';font-size:16px;color:#312783;font-weight:700;margin:8px 0 0 0;padding:0;} #the-content .context #shopping-cart .cart-products .cart-product .product-info h3 a{text-decoration:none;color:#312783;} #the-content .context #shopping-cart .cart-products .cart-product .product-info h4{font-size:15.89px; color:rgba(46,49,146,0.5);font-family:'Poppins';font-weight:600;margin:12px 0 8px 0;padding:0;} #the-content .context #shopping-cart .cart-products .cart-product .product-info strong{font-family:'Poppins';font-size:22px;font-weight:700;color:#2e3192;margin:0;padding:0;} #the-content .context #shopping-cart .cart-products .cart-product .actions{} #the-content .context #shopping-cart .cart-products .cart-product .actions a{width:30px;line-height:30px;color:#312783;border:1px solid #bababa;text-decoration:none;text-align:center;border-radius:21px;} #the-content .context #shopping-cart .cart-products .cart-product .actions span{line-height:30px;margin:0 10px;font-family:'Poppins';font-size:20px;font-weight:600;color:#312783;} #the-content .context #shopping-cart .cart-products .cart-product .actions a.icon{background:#312783;width:30px;margin-left:10px;line-height:30px;text-align:center;font-size:14px;color:#fff;border-radius:100%;} #the-content .context #shopping-cart .coupon .form-control{font-family:'Poppins';color:#312783;font-weight:700;border-color:#bababa;font-size:14px;line-height:30px;} #the-content .context #shopping-cart .coupon .form-control:focus{background:#bababa;} #the-content .context #shopping-cart .coupon .form-control::placeholder{font-family:'Poppins';color:#312783;font-size:14px;} #the-content .context #shopping-cart .price-box{border-radius:12px;background:#eee;padding:20px;} #the-content .context #shopping-cart .price-box h3{font-family:'Poppins';font-size:14px;text-align:center;color:#312783;} #the-content .context #shopping-cart .price-box h5{font-family:'Poppins';font-size:30px;text-align:center;color:#312783;font-weight:700;} #the-content .context #shopping-cart .price-box p{font-family:'Poppins';font-size:12px;margin-top:10px;text-align:left;color:#312783;} #the-content .context #shopping-cart .price-box .btn-platform{font-weight:600;font-family:'Poppins';width:100%;font-size:16px;background:#312783;color:#fff;padding:12px 30px;border-radius:12px;} #the-content .context #shopping-cart .price-box .btn-platform em{margin-left:30px;} #the-content .context #shopping-cart .price-box .price{font-family:'Poppins';font-size:14px;font-weight:600;color:#312783;} #the-content .context #shopping-cart .btn-platform-reverse{font-weight:600;font-family:'Poppins';width:100%;font-size:16px;border:1px solid #bababa;background:#fff;color:#bababa;padding:12px 30px;border-radius:12px;} #the-content .context #shopping-cart .btn-platform-reverse:hover{color:#fff;background:#312783;border-color:#312783;} #the-content .context #shopping-cart .btn-platform-reverse em{margin-right:30px;} #the-content .context #checkout{} #the-content .context #checkout h3{color:#312783;font-family:'Poppins';font-weight: 700;font-size:22px;} #the-content .context #checkout .btn-add-new-adress{font-family:'Poppins';font-size:16px; color:#312783;text-decoration:none;} #the-content .context #checkout .btn-add-new-adress .icon{width:20px;height:20px;text-align:center;line-height:20px;border-radius:100%;background:#312783;color:#fff;} #the-content .context #checkout .btn-add-new-adress .icon em{font-size:15px;line-height:20px;} #the-content .context #checkout #shipping-addreses .address-item{display:flex;flex-wrap:wrap;opacity:0.5;align-content:center;height:270px;border:1px solid #bababa;border-radius:12px;padding:15px;overflow: hidden;} #the-content .context #checkout #shipping-addreses .address-item.active{border-color:#312783;opacity:1;} #the-content .context #checkout #shipping-addreses .address-item input{width:30px;height:30px;position:relative;margin-left:auto;appearance: none;background-color:#fff;color:#fff;top:3px;right:-18px;border-radius:8px;display:inline-block;background-image:url("../img/check.png");background-repeat: no-repeat;background-position: center center;} #the-content .context #checkout #shipping-addreses .address-item.active input{background-color:#312783;} #the-content .context #checkout #shipping-addreses .address-item h4{width:100%;font-family:'Poppins';font-weight:700;color:#312783;font-size:18px;} #the-content .context #checkout #shipping-addreses .address-item h5{width:100%;font-family:'Poppins';font-weight:700;color:#abaccd;font-size:18px;} #the-content .context #checkout #shipping-addreses .address-item p{margin:0;width:100%;font-size:14px;color:#312783;font-family:'Poppins';} #the-content .context #checkout #shipping-addreses .address-item strong{width:100%;font-family:'Poppins';font-weight:700;font-size:14px;color:#312783;} #the-content .context #checkout #shipping-addreses .address-item .buttons{width:100%;display:flex;justify-content: stretch;} #the-content .context #checkout #shipping-addreses .address-item .buttons .btn{} #the-content .context #checkout #shipping-addreses .address-item .buttons .btn-delete{border:1px solid #bababa;color:#bababa;font-family:'Poppins';font-size:14px;width:49%;margin-right:5px;} #the-content .context #checkout #shipping-addreses .address-item .buttons .btn-edit{border:1px solid #bababa;color:#bababa;font-family:'Poppins';font-size:14px;width:50%;} #the-content .context #checkout #shipping-addreses .address-item .buttons .btn:hover{background:#312783;color:#fff;border-color:#312783;} #the-content .context #checkout #invoice-info .address-item{display:flex;flex-wrap:wrap;opacity:0.5;align-content:center;height:270px;border:1px solid #bababa;border-radius:12px;padding:15px;overflow: hidden;} #the-content .context #checkout #invoice-info .address-item.active{border-color:#312783;opacity:1;} #the-content .context #checkout #invoice-info .address-item input{width:30px;height:30px;position:relative;margin-left:auto;appearance: none;background-color:#fff;color:#fff;top:3px;right:-18px;border-radius:8px;display:inline-block;background-image:url("../img/check.png");background-repeat: no-repeat;background-position: center center;} #the-content .context #checkout #invoice-info .address-item.active input{background-color:#312783;} #the-content .context #checkout #invoice-info .address-item h4{width:100%;font-family:'Poppins';font-weight:700;color:#312783;font-size:18px;} #the-content .context #checkout #invoice-info .address-item h5{width:100%;font-family:'Poppins';font-weight:700;color:#abaccd;font-size:18px;} #the-content .context #checkout #invoice-info .address-item p{margin:0;width:100%;font-size:14px;color:#312783;font-family:'Poppins';} #the-content .context #checkout #invoice-info .address-item strong{width:100%;font-family:'Poppins';font-weight:700;font-size:14px;color:#312783;} #the-content .context #checkout #invoice-info .address-item .buttons{width:100%;display:flex;justify-content: stretch;} #the-content .context #checkout #invoice-info .address-item .buttons .btn{} #the-content .context #checkout #invoice-info .address-item .buttons .btn-delete{border:1px solid #bababa;color:#bababa;font-family:'Poppins';font-size:14px;width:49%;margin-right:5px;} #the-content .context #checkout #invoice-info .address-item .buttons .btn-edit{border:1px solid #bababa;color:#bababa;font-family:'Poppins';font-size:14px;width:50%;} #the-content .context #checkout #invoice-info .address-item .buttons .btn:hover{background:#312783;color:#fff;border-color:#312783;} #the-content .context #checkout #odeme-acordion{border-radius:12px;overflow: hidden;border:1px solid #bababa;} #the-content .context #checkout #sozlesme-acordion{border-radius:12px;overflow: hidden;border:1px solid #bababa;} #the-content .context #checkout .accordion-item{border:none;} #the-content .context #checkout .accordion-button{font-family:'Poppins';color:#312783;border:none;border-bottom:1px solid #bababa;} #the-content .context #checkout #efthavale-title .accordion-button{border:none;} #the-content .context #checkout #sozlesme-title .accordion-button{border:none;} #the-content .context #checkout .accordion-button::after{font: var(--fa-font-solid);content: "\f0dc";background:none;font-size:1.25rem;color:#312783;} #the-content .context #checkout .sozlesme-check{font-family:'Poppins';font-size:12px;font-weight:700;color:#312783;} #the-content .context #checkout #efthavale .address-item{display:flex;flex-wrap:wrap;opacity:0.5;align-content:center;height:270px;border:1px solid #bababa;border-radius:12px;padding:15px;overflow: hidden;} #the-content .context #checkout #efthavale .address-item.active{border-color:#312783;opacity:1;} #the-content .context #checkout #efthavale .address-item input{width:30px;height:30px;position:relative;margin-left:auto;appearance: none;background-color:#fff;color:#fff;top:3px;right:-18px;border-radius:8px;display:inline-block;background-image:url("../img/check.png");background-repeat: no-repeat;background-position: center center;} #the-content .context #checkout #efthavale .address-item.active input{background-color:#312783;} #the-content .context #checkout #efthavale .address-item h4{width:100%;font-family:'Poppins';font-weight:700;color:#312783;font-size:18px;} #the-content .context #checkout #efthavale .address-item h5{width:100%;font-family:'Poppins';font-weight:700;color:#abaccd;font-size:18px;} #the-content .context #checkout #efthavale .address-item p{margin:0;width:100%;font-size:14px;color:#312783;font-family:'Poppins';} #the-content .context #checkout #efthavale .address-item strong{width:100%;font-family:'Poppins';font-weight:700;font-size:14px;color:#312783;} #the-content .context #checkout #efthavale .address-item .buttons{width:100%;display:flex;justify-content: stretch;} #the-content .context #checkout #efthavale .address-item .buttons .btn{} #the-content .context #checkout #efthavale .address-item .buttons .btn-delete{border:1px solid #bababa;color:#bababa;font-family:'Poppins';font-size:14px;width:49%;margin-right:5px;} #the-content .context #checkout #efthavale .address-item .buttons .btn-edit{border:1px solid #bababa;color:#bababa;font-family:'Poppins';font-size:14px;width:50%;} #the-content .context #checkout #efthavale .address-item .buttons .btn:hover{background:#312783;color:#fff;border-color:#312783;} #the-content .context #checkout .price-box{border-radius:12px;background:#eee;padding:20px;} #the-content .context #checkout .price-box h3{font-family:'Poppins';font-size:14px;text-align:center;color:#312783;} #the-content .context #checkout .price-box h5{font-family:'Poppins';font-size:30px;text-align:center;color:#312783;font-weight:700;} #the-content .context #checkout .price-box p{font-family:'Poppins';font-size:12px;margin-top:10px;text-align:left;color:#312783;} #the-content .context #checkout .price-box .btn-platform{font-weight:600;font-family:'Poppins';width:100%;font-size:16px;background:#312783;color:#fff;padding:12px 30px;border-radius:12px;} #the-content .context #checkout .price-box .btn-platform em{margin-left:30px;} #the-content .context #checkout .price-box .price{font-family:'Poppins';font-size:14px;font-weight:600;color:#312783;} #the-content .context #checkout .btn-platform-reverse{font-weight:600;font-family:'Poppins';width:100%;font-size:16px;border:1px solid #bababa;background:#fff;color:#bababa;padding:12px 30px;border-radius:12px;} #the-content .context #checkout .btn-platform-reverse:hover{color:#fff;background:#312783;border-color:#312783;} #the-content .context #checkout .btn-platform-reverse em{margin-right:30px;} #the-content .context #checkout .form-control{font-family:'Poppins';color:#312783;font-weight:700;border-color:#bababa;font-size:14px;line-height:30px;} #the-content .context #checkout .form-control:focus{background:#bababa;} #the-content .context #checkout .form-control::placeholder{font-family:'Poppins';color:#312783;font-size:14px;} #the-content .context #checkout .kart-example{width:400px;height:200px;border-radius:12px;} #the-content .context #order-and-requests{} #the-content .context #order-and-requests .nav-tabs{} #the-content .context #order-and-requests .nav-tabs .nav-item{} #the-content .context #order-and-requests .nav-tabs .nav-item .nav-link{border:none;font-family:'Poppins';color:#312783;font-weight:700;font-size:16px;} #the-content .context #order-and-requests .nav-tabs .nav-item .nav-link.active{border-bottom:3px solid #312783;} #the-content .context #order-and-requests .tab-pane > h3{font-family:'Poppins';font-size:22px;font-weight:700;color:#312783;padding-top:10px;} #the-content .context #order-and-requests .order-item{box-shadow: 0px 0px 47.43px 3.57px rgba(60, 76, 162, 0.22);border-radius:30px;padding:20px;margin-bottom:15px;} #the-content .context #order-and-requests .order-item .order-header{text-decoration: none;align-content: center;} #the-content .context #order-and-requests .order-item .order-header .imgs{width:160px;display:flex;justify-content: center;margin:auto 0;} #the-content .context #order-and-requests .order-item .order-header .imgs img{width:64px;height:64px;display:inline-block;border:1px solid #bababa;object-fit:cover;object-position: center center;padding:10px; border-radius:12px;background:#312783;} #the-content .context #order-and-requests .order-item .order-header .imgs img.mr-45{margin-right:-45px;} #the-content .context #order-and-requests .order-item .order-header .imgs img.mr-45:first-child{background:#312783;opacity:0.5;} #the-content .context #order-and-requests .order-item .order-header .imgs img.mr-45:nth-child(2){background:#312783;opacity:0.7;} #the-content .context #order-and-requests .order-item .order-header .imgs .img-plus{width:64px;height:64px;background:#312783;border-radius:12px;text-align:center;font-weight:700;font-family:'Poppins';line-height:62px;color:#fff;position:relative;z-index:999;} #the-content .context #order-and-requests .order-item .order-header .texts{width:580px;margin:auto 0;} #the-content .context #order-and-requests .order-item .order-header .texts .order-id{font-size:18px;color:#312783;font-family:'Poppins';} #the-content .context #order-and-requests .order-item .order-header .texts .order-id span:first-child{} #the-content .context #order-and-requests .order-item .order-header .texts .order-id span:last-child{font-weight:700;} #the-content .context #order-and-requests .order-item .order-header .texts .date{color:#2e3192;font-size:14px;font-family:'Poppins';font-weight:600;} #the-content .context #order-and-requests .order-item .order-header .status{width:320px;align-content: baseline;margin:auto 0;} #the-content .context #order-and-requests .order-item .order-header .status .icon{width:50px;height:50px;font-size: 50px;display:inline-block;margin:auto 10px;color:#bababa;fill:#bababa;} #the-content .context #order-and-requests .order-item .order-header .status .textx{} #the-content .context #order-and-requests .order-item .order-header .status .textx span{display:inline-block;width:100%;margin:0;padding:0;} #the-content .context #order-and-requests .order-item .order-header .status .textx span:first-child{font-family:'Poppins';font-size:12px;color:#312783;} #the-content .context #order-and-requests .order-item .order-header .status .textx span:last-child{font-family:'Poppins';font-size:17.72px;font-weight:700;color:#312783;} #the-content .context #order-and-requests .order-item .order-header .type{width:120px;text-align:right;margin:auto 0;} #the-content .context #order-and-requests .order-item .order-header .type .price{font-family:'Poppins';font-size:20px;font-weight:700;color:#312783;} #the-content .context #order-and-requests .order-item .order-header .type .payment-type{font-family:'Poppins';font-size:14px;color:#312783;} #the-content .context #order-and-requests .order-item .order-header .toggler{background:#312783;width:30px;height:30px;text-align:center;justify-content:center;align-content:center;line-height:30px;border-radius:100%;color:#fff;transition: all 0.5s ease;} #the-content .context #order-and-requests .order-item .order-header .toggler em{margin: auto 0;} #the-content .context #order-and-requests .order-item .order-header .toggler.active{transform:rotate(-90deg);background:#bababa;color:#312783;} #the-content .context #order-and-requests .order-item .order-details{margin-top:20px;display:none;} #the-content .context #order-and-requests .order-item .order-details .products{border:1px solid #bababa;border-radius:12px;} #the-content .context #order-and-requests .order-item .order-details .products .product{padding:10px 0;margin:10px 0;border-right:1px solid #bababa;} #the-content .context #order-and-requests .order-item .order-details .products .product .img{justify-content:center;width:160px;} #the-content .context #order-and-requests .order-item .order-details .products .product .img img{border:1px solid transparent;display:inline-block;} #the-content .context #order-and-requests .order-item .order-details .products .product .title{} #the-content .context #order-and-requests .order-item .order-details .products .product .title h4{font-size:16px;color:#312783;font-family:'Poppins';font-weight:600;} #the-content .context #order-and-requests .order-item .order-details .products .product .title h5{font-size:14px;color:#312783;font-family:'Poppins';} #the-content .context #order-and-requests .order-item .order-details .products .product .title h2{font-size:20px;color:#312783;font-weight:700;font-family:'Poppins';} #the-content .context #order-and-requests .order-item .order-details .products .product .btn-platform-reverse{font-weight:600;font-family:'Poppins';font-size:16px;border:1px solid #312783;background:#fff;color:#312783;padding:5px 10px;border-radius:12px;} #the-content .context #order-and-requests .order-item .order-details .products .product .btn-platform-reverse:hover{color:#fff;background:#312783;border-color:#312783;} #the-content .context #order-and-requests .order-item .order-details .products .product .btn-platform-reverse em{margin-left:10px;} #the-content .context #order-and-requests .order-item .order-details .products .icon{padding:10px 0;border-bottom:1px solid #bababa;margin:10px 10px 10px 5px;} #the-content .context #order-and-requests .order-item .order-details .products .icon svg,#the-content .context #order-and-requests .order-item .order-details .products .icon em{width:52px;height:52px;background:#312783;color:#fff;fill:#fff;font-size:32px;padding:10px;border-radius:100%;} #the-content .context #order-and-requests .order-item .order-details .products .icon .txt{font-family:'Poppins';font-size:20px;font-weight: 700;margin:auto 0 auto 10px;color:#312783;} #the-content .context #order-and-requests .order-item .order-details .products .detail-menu{} #the-content .context #order-and-requests .order-item .order-details .products .detail-menu li{} #the-content .context #order-and-requests .order-item .order-details .products .detail-menu li a{text-decoration:none;color:#bababa;width:100%;font-family:'Poppins';font-size:14px;font-weight:700;padding:5px 10px;text-align:left;display:inline-block;} #the-content .context #order-and-requests .order-item .order-details .products .detail-menu li a em{font-size:27px;width:45px;} #the-content .context #order-and-requests .order-item .order-details .products .detail-menu li a .texxt{position:relative;top:-5px;} #the-content .context #order-and-requests .order-item .order-details .products .detail-menu li a:hover{color:#312783;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info{margin-top:20px;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info h3{font-family:'Poppins';font-size:22px;text-align:left;font-weight:600;color:#312783;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info h4{font-family:'Poppins';font-size:16px;text-align:left;font-weight:600;color:#312783;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info .shipping-adress h5{font-family:'Poppins';font-size:14px;text-align:left;color:#312783;margin:0;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info .shipping-adress p{font-family:'Poppins';font-size:14px;text-align:left;margin:0;color:#312783;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info .shipping-adress h2{font-family:'Poppins';font-size:14px;text-align:left;margin:0;font-weight:600;color:#312783;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info .invoice-adress h5{font-family:'Poppins';font-size:14px;text-align:left;color:#312783;margin:0;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info .invoice-adress p{font-family:'Poppins';font-size:14px;text-align:left;margin:0;color:#312783;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info .invoice-adress h2{font-family:'Poppins';font-size:14px;text-align:left;margin:0;font-weight:600;color:#312783;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info .payment-info{background:#f6f6f6;border-radius:12px;padding:20px;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info .payment-info small{font-family:'Poppins';font-size:11px;color:#312783;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info .payment-info h2{font-family:'Poppins';font-size:20px;font-weight:700;color:#312783;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info .payment-info h5{font-family:'Poppins';font-size:16px;color:#312783;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info .payment-info .title{font-family:'Poppins';font-szie:17px;font-weight:600;color:#312783;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info .payment-info .value{font-family:'Poppins';font-szie:17px;font-weight:600;color:#312783;} #the-content .context #order-and-requests .order-item .order-details .address-and-pay-info .payment-info .total{border-top:1px solid #ccc;} #the-content .context #order-and-requests .request-item{box-shadow: 0px 0px 47.43px 3.57px rgba(60, 76, 162, 0.22);border-radius:30px;padding:20px;margin-bottom:15px;} #the-content .context #order-and-requests .request-item .request-header{text-decoration: none;align-content: center;} #the-content .context #order-and-requests .request-item .request-header .imgs{width:160px;display:flex;justify-content: center;margin:auto 0;} #the-content .context #order-and-requests .request-item .request-header .imgs img{width:64px;height:64px;display:inline-block;border:1px solid #bababa;object-fit:cover;object-position: center center;padding:10px; border-radius:12px;background:#312783;} #the-content .context #order-and-requests .request-item .request-header .imgs img.mr-45{margin-right:-45px;} #the-content .context #order-and-requests .request-item .request-header .imgs img.mr-45:first-child{background:#312783;opacity:0.5;} #the-content .context #order-and-requests .request-item .request-header .imgs img.mr-45:nth-child(2){background:#312783;opacity:0.7;} #the-content .context #order-and-requests .request-item .request-header .imgs .img-plus{width:64px;height:64px;background:#312783;border-radius:12px;text-align:center;font-weight:700;font-family:'Poppins';line-height:62px;color:#fff;position:relative;z-index:999;} #the-content .context #order-and-requests .request-item .request-header .texts{width:580px;margin:auto 0;} #the-content .context #order-and-requests .request-item .request-header .texts .order-id{font-size:18px;color:#312783;font-family:'Poppins';} #the-content .context #order-and-requests .request-item .request-header .texts .order-id span:first-child{} #the-content .context #order-and-requests .request-item .request-header .texts .order-id span:last-child{font-weight:700;} #the-content .context #order-and-requests .request-item .request-header .texts .date{color:#2e3192;font-size:14px;font-family:'Poppins';font-weight:600;} #the-content .context #order-and-requests .request-item .request-header .status{width:320px;align-content: center;margin:auto 0;} #the-content .context #order-and-requests .request-item .request-header .status .icon{width:30px;height:30px;text-align:center;line-height:30px;font-size:15px;display:inline-block;background:#312783;color:#fff;margin:auto 10px;border-radius: 100%;} #the-content .context #order-and-requests .request-item .request-header .status .textx{margin:auto 0;} #the-content .context #order-and-requests .request-item .request-header .status .textx strong{display:inline-block;width:100%;margin:0;padding:0;font-family:'Poppins';font-size:17px;color:#312783;font-weight:700;} #the-content .context #order-and-requests .request-item .request-header .type{width:120px;text-align:right;margin:auto 0;} #the-content .context #order-and-requests .request-item .request-header .type div{font-family:'Poppins';font-size:14px;color:#bababa;} #the-content .context #order-and-requests .request-item .request-header .toggler{background:#312783;width:30px;height:30px;text-align:center;justify-content:center;align-content:center;line-height:30px;border-radius:100%;color:#fff;transition: all 0.5s ease;} #the-content .context #order-and-requests .request-item .request-header .toggler em{margin: auto 0;} #the-content .context #order-and-requests .request-item .request-header .toggler.active{transform:rotate(-90deg);background:#bababa;color:#312783;} #the-content .context #order-and-requests .request-item .request-details{display:none;} #the-content .context #order-and-requests .request-item .request-details .request-info{} #the-content .context #order-and-requests .request-item .request-details .request-info h3{font-family:'Poppins';font-weight:600;font-size:22px;color:#312783;} #the-content .context #order-and-requests .request-item .request-details .request-info h4{font-family:'Poppins';font-weight:600;font-size:16px;color:#312783;} #the-content .context #order-and-requests .request-item .request-details .request-info p{font-family:'Poppins';color:#312783;} #the-content .context #order-and-requests .request-item .request-details .request-response .icon{padding:10px 0;border-bottom:1px solid #bababa;margin:10px 10px 10px 5px;} #the-content .context #order-and-requests .request-item .request-details .request-response .icon svg{width:52px;height:52px;background:#312783;fill:#fff;padding:10px;border-radius:100%;} #the-content .context #order-and-requests .request-item .request-details .request-response .icon .txt{font-family:'Poppins';font-size:20px;font-weight: 700;margin:auto 0 auto 10px;color:#312783;} #the-content .context #order-and-requests .request-item .request-details .request-answers{padding:10px 20px;margin:20px 0;display:flex;flex-wrap:wrap;} #the-content .context #order-and-requests .request-item .request-details .request-answers h3{width:100%;font-family:'Poppins';font-size:12px;} #the-content .context #order-and-requests .request-item .request-details .request-answers p{width:100%;font-family:'Poppins';font-size:14px;} #the-content .context #order-and-requests .request-item .request-details .request-answers.left{background:#312783; border-radius:12px;color:#fff;font-family:'Poppins';font-size:14px;} #the-content .context #order-and-requests .request-item .request-details .request-answers.left::after{content:" ";width:20px;transform:rotate(45deg);position:relative;bottom:-15px;height:20px;display:block;background:#312783;} #the-content .context #order-and-requests .request-item .request-details .request-answers.right{box-shadow: 0px 0px 41px 3.57px rgba(60, 76, 162, 0.35);border-radius:12px;text-align:right;} #the-content .context #order-and-requests .request-item .request-details .request-answers.right::after{content:" ";width:20px;margin-left:auto;transform:rotate(45deg);position:relative;bottom:-15px;height:20px;display:block;background:#fff;} footer .copyright-text{font-family:'Poppins';font-weight:500;font-size:12px;color:#312783;} @media(min-width:1400px) and (max-width:1950px){ .navbar-brand img{width:80% !important;} } @media(max-width:1320px){ .logo-shadow{display:none;} #the-content .context .tools .menu{flex-wrap:wrap;} #the-content .context .tools .menu a{width:100%;} #the-content .context .product-detail .spare-parts-list .table td{min-width:120px;} #the-content .context .product-detail .spare-parts-list .table td:nth-child(3){min-width:320px;} body.login-page {overflow:auto;background-size:200% 200%;} .login-page .logos{ order:1;top:-50px; bottom:auto;} .login-page .logos .mb-5{margin:0;position:relative;top:150px;} .login-page > .container{padding-top:150px !important;padding-bottom:30px !important; } .navbar-light .navbar-toggler { color: rgba(255,255,255,1); border-color: rgba(255,255,255,1); } .navbar-light .navbar-toggler-icon{ background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 1%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e") } .navbar .d-flex.ms-auto{margin-left:0 !important;} }