/* global inner */
.breadcrumb{padding:180px 0 140px;background-size:cover!important;position:relative;}
.breadcrumb::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(45deg, rgba(218, 13, 10, .8), rgba(35 ,57 ,218, .8))}
.breadcrumb .title,.breadcrumb a{color:#fff;}
.breadcrumb .title{color:#fff;text-transform:uppercase;font-size:1.5rem;font-weight:400;}
.breadcrumb ul li{display:inline-block;}
.breadcrumb ul li:not(:last-child):after{content:"\203A";font-size:2rem;color:#fff;margin:0 2px 0 4px;position:relative;top:3px;}
.masker{position:relative;}
.breadcrumb:after{content:"";position:absolute;bottom:0;right:0;z-index:3;width: 100%;height: 90px;    background: linear-gradient(-2deg, white 49%, transparent 50%);}
footer{margin:0;position:relative;padding:120px 0 30px;}
footer:before{content:"";position:absolute;top:0px;right:0;z-index:3;width:100%;height:90px;background:linear-gradient(-182deg,white 49%,transparent 50%);}
 
/* about us */ 
.defjam{padding:45px 90px;border-radius:100px;background-size:cover!important;}
.defjam p{color:#fff;z-index:8;position:relative;}

/* pricing compare */
.ribbon{position: absolute;top: -11px;right: 15px}
.pricing{background:url(../images/002.png) no-repeat right center;padding:60px 0 0;background-size:contain;}
.pricinglist{text-align:center;background:#fff;border-radius:45px 0 45px 8px;box-shadow:0 14px 25px rgb(0 0 0 / 20%);position:relative;    height: 100%;    display: flex;
    flex-direction: column;
    justify-content: space-between;}
.pricinglist.standart{background:linear-gradient(146deg,white 84%,rgb(222 61 92 / 43%));}
.pricinglist h3{position:absolute;background:#23ce55;border-radius:45px;padding:5px 15px;color:#fff;right:-15px;top:-15px;font-size:1.3rem;box-shadow:0 3px 8px #00000030;}
.pricinglist .title{height:130px;display:flex;align-items:center;justify-content:center;color:#fff;flex-direction:column;border-radius:45px 0 45px 0;}
.pricinglist .title span{font-size: 18px;font-weight: 500;margin-bottom: 10px;}
.pricinglist .title sup{margin:0 0 10px;font-size:.975rem;}
.pricinglist .title p{color:#fff;display:block;font-weight:900;font-size:1.7rem;}
.pricinglist .title p span{font-size:2rem;}
.pricinglist.standart .title{background:#8A2387;background:-webkit-linear-gradient(50deg,#F27121,#E94057,#8A2387);background:linear-gradient(50deg,#F27121,#E94057,#8A2387);}
.pricinglist .specs{border-radius:45px 0 0 0;position:relative;}
.pricinglist.standart .specs:before{content:"";width:100%;height:100%;background:linear-gradient(136deg,#F27121,#E94057,#8A2387);position:absolute;left:0;z-index:0;}
.pricinglist .specs ul{background:#fff;position:relative;z-index:1;border-radius:45px 0 0 0;padding:30px;text-align: left;}
.pricinglist li{padding:8px 0;font-size:1rem;display:flex;align-items:baseline;}

.pricinglist li i {font-size:23px;position: relative;top: 3px;color: #dc2128;}
.pricinglist .buttons{padding:30px;margin-top: auto;}
.pricinglist .buybutton{width:100%;border:4px solid #efefef;display:inline-block;margin-bottom:15px;padding:10px;border-radius:28px;background:linear-gradient(to right,#dc2128,#204097);color:#fff;font-weight:500;font-size:.875rem;position:relative;overflow:hidden;max-width:250px;display:block;margin:0 auto 15px;}
.pricinglist.pro{background:linear-gradient(146deg,white 84%,rgb(4 117 230 / 40%));}
.pricinglist.pro .title{background:#4776E6;background:-webkit-linear-gradient(to bottom,#8E54E9,#4776E6);background:linear-gradient(to bottom,#8E54E9,#4776E6);}
.pricinglist.pro .specs:before{content:"";width:100%;height:100%;background:linear-gradient(136deg,#4776E6,#8E54E9);position:absolute;left:0;z-index:0;}
.pricinglist.pro .buybutton{background:linear-gradient(to right,#8E54E9,#4776E6);}
.pricinglist.vip{background:linear-gradient(146deg,white 84%,rgb(110 175 127 / 40%));}
.pricinglist.vip .title{background:#02a1f9;background:-webkit-linear-gradient(to bottom,#08cf7b,#02a1f9);background:linear-gradient(to bottom,#08cf7b,#02a1f9);}
.pricinglist.vip .specs:before{content:"";width:100%;height:100%;background:linear-gradient(136deg,#02a1f9,#08cf7b);position:absolute;left:0;z-index:0;}
.pricinglist.vip .buybutton{background:linear-gradient(to right,#08cf7b,#02a1f9);}
.pricinglist.standart .buybutton:hover{box-shadow:0 8px 38px rgb(146, 69, 121,.6);}
.pricinglist.pro .buybutton:hover{box-shadow:0 8px 38px rgb(89, 108, 230,.6)}
.pricinglist.vip .buybutton:hover{box-shadow:0 8px 38px rgb(7, 186, 181,.6);}
.pricinglist .buybutton:after{content:"";position:absolute;width:46px;height:77px;top:-12px;left:-30%;z-index:4;background:linear-gradient(90deg,transparent 0%,white 45%,transparent 50%);transform:rotate(28deg);opacity:.7;transition:.4s;}
.pricinglist .buybutton:hover:after{left:100%;}

.breadcontent{padding: 15px;}
.breadcontent p,.breadcontent h1{color: #fff;font-weight: 400;}
.breadcontent h1{margin: 0 0 15px;}
.compare-list{padding-top: 170px;}
.compare-list li{padding:8px 0;font-size:1.1rem;border-bottom:1px solid #efefef;}
.checklist li{border-bottom:1px solid rgba(0,0,0,.05);}
.checklist li .bi-check-circle-fill{color: #23ce55;}
.checklist li .bi-x-circle-fill{color: #dc2128;}
.viewall{font-size: 13px;font-weight: 500;}

/* properties */ 
.inner-specs [class*="col-"]{margin-bottom:30px;}
.specbox {height: 100%;}
.specbox .specs{text-align:center;box-shadow:0 8px 28px rgba(0,0,0,0.1);height:100%;border-radius:18px;background:#fff;}
.specbox .specs img{max-width:100px;margin-bottom:30px;}
.specbox h3{margin-bottom: 10px;}
.specbox p{font-size: .925rem;line-height: 1.4rem;}
.list-block{padding:15px;border-bottom: 1px solid #ddd;display: flex;} 
.list-block i{font-size: 36px;margin-right: 10px;    color: #dc2128;} 
.list-block h3{font-size: 16px;}
.list-block p{font-size: 14px;font-weight: 500;}

 
/* support sss */
.supportlist{padding: 0 0 45px;}
.supportlist li{padding:15px 35px 15px 55px;position:relative;border:1px solid #eaeaea;margin-bottom:12px;box-shadow:0 8px 28px rgb(0,0,0,.1);border-radius:18px;}
.supportlist li h2{cursor: pointer;font-size: 20px;}
.supportlist li p{font-size: .925rem;padding-top:15px;display:none;}
.supportlist li::before{content: "\f4fa";    font-family: bootstrap-icons !important;position: absolute;left: 15px;top: 15px;    font-size: 1.4rem;}
.supportlist li.opened::before{content:"\f2e6";color: #fff;}
.supportlist li.opened{background:#004799;box-shadow:0 8px 28px rgb(0,71,153,.4);border:1px solid #004799;}
.supportlist li.opened h2 {color: #fff;}
.supportlist li.opened p {display: block; color: #fff;}

/* contact */
 
.contactbox{padding: 45px;font-size: .925rem;text-align: left; display: flex;flex-direction: column;justify-content: space-between; box-shadow:0 8px 28px rgba(0,0,0,0.1);border-radius:18px;background:#fff;    height: 100%;}
.contactbox .mapbtn,.loginpage .mapbtn,.sendbtn{padding: 15px;background: #dc2128;display: inline-block;color: #fff;border-radius: 8px;max-width: 165px;text-align: center;width: 100%;}
.contactbox .mapbtn:hover,.loginpage .mapbtn:hover,.sendbtn:hover{box-shadow: 0 12px 32px rgb(248, 72, 94, .5);}
.contactbox a {color: #676e7c;display: block;margin-bottom: 5px;}
.contactbox b{width: 140px;display: inline-block;}
.contactbox b:after{content: ":";float: right;}
.contactbox h2{margin-bottom: 10px;font-size:18px}
.contactbox .address{margin-bottom: 10px;}
.contactbox input,.contactbox textarea{margin-bottom: 12px;padding: 5px;border-radius: 8px;font-family:inherit;padding-left: 30px;}
.contactbox input::placeholder,.contactbox textarea::placeholder{font-size: .875rem;color: #999;}
.contactbox .securebox{display: flex;}
.contactbox label{width: 100%;position: relative;}
.contactbox .securebox img{margin-right: 10px;}
.contactbox i{position: absolute;z-index: 5;font-size: 22px;color: #ccc;top: 5px; left: 5px;}
.contactbox button{border: 0;margin: 0!important;padding: 15px 28px;font-size: .925rem;cursor: pointer;}
.mapbox{height: 190px;}
.mapbox iframe{border-radius: 12px; height: 190px;width: 100%;}
.zone{transition:  .6s;height: 190px;}
.hidover {overflow: hidden;height: 190px;    margin-bottom: 30px;}
.smaller .zone{position: relative;margin-top: -190px; } 
 .smaller .mapbtn{background: #004799;}
 .smaller .mapbtn:hover{box-shadow:0 12px 32px rgb(0, 71, 153, .5)}

/* login-register */
.loginpage{padding: 45px;font-size: .925rem;  box-shadow:0 8px 28px rgba(0,0,0,0.1);border-radius:18px;background:#fff;}
.loginpage .text-thm{color: #dc2128;}
.loginpage button{border: 0;cursor: pointer;}
.loginpage input{padding-left: 30px;font-size: .925rem;}
.forgotpass{    font-size: .725rem;color: #004799;}
.loginpage input,.loginpage select,.loginpage textarea{margin-bottom: 12px;padding: 5px;border-radius: 8px;font-family:inherit;padding-left: 30px;}
.loginpage input::placeholder,.loginpage textarea::placeholder{font-size: .875rem;color: #999;}
.loginpage label{width: 100%;position: relative;display: block;}
.loginpage .securebox img{margin-right: 10px;}
.loginpage i{position: absolute;z-index: 5;font-size: 22px;color: #ccc;top: 5px; left: 5px;}
.loginpage .securebox{display: flex;} 
.loginpage .securebox img{margin-right: 10px;}
 .sozlesme{font-size: .825rem;margin-bottom: 15px;display: flex;}

/* cart */
th{text-align:inherit;text-align:-webkit-match-parent;}
thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0;}
table{caption-side:bottom;border-collapse:collapse;}
 
.carttable {width: 100%;}
.carttable .head{background-color: #fff;border-radius:12px;overflow: hidden;padding:22px 30px;display: flex;margin-bottom: 0;margin-bottom: 4px;font-size: .875rem;border: 1px solid #ddd;font-weight: 600}
.carttable .mid{background-color: #fff;border-radius:12px;overflow: hidden;box-shadow: 0 16px 22px rgba(0,0,0,.15);padding:30px;margin-bottom: 8px;border: 1px solid #efefef;z-index: 1;position: relative;}
.carttable .mid .prob{display: flex;width: 100%;flex-direction: row;    align-items: center;}
.carttable .mid .prob:not(:first-child){margin-top: 15px;border-top: 1px solid #ddd;padding-top: 15px;}
/* .carttable .foot{background-color: #004799;border-radius:8px;overflow: hidden;padding:14px 14px;display: flex;justify-content: flex-end;color: #fff;font-size: .875rem;} */
.carttable span{padding: 8px;    line-height: 1.3rem;}
.carttable span a{color: #dc2128;font-size: 1.3rem;}
.carttable .head > span:not(:first-child),.carttable .mid .prob > span:not(:first-child){border-left:1px solid rgba(0,0,0,.1);width:190px;text-align:center;}
/* .carttable .head > span:last-child,.carttable .mid .prob > span:last-child{width: 70px;} */

.carttable .head > span:first-child{margin-right: auto;}
.carttable .mid .prob > span:first-child{margin-right: auto;}

@media only screen and (max-width:768px){ 
    /* .carttable .mid .prob{display: block;} */
}

/* responsive */

@media only screen and (max-width:768px){ footer{padding: 60px 0 30px;}}
@media only screen and (max-width:520px){ 
.defjam{padding:15px;border-radius:12px;}
.breadcrumb{padding: 180px 0 80px;}
.breadcrumb h1{font-size: 2rem;} 
.supportlist li h3{font-size: 1rem;}
}

/* Cart */
.paymentmenu {display: flex;flex-wrap: wrap;}
.paymentmenu a{display: block;background: #383838;border-radius: 12px;padding: 15px;margin:0 15px  15px 0;color: #fff;;}
.paymentmenu a.selected{background: #32d06e;}
.accordiontitle{padding:15px;border-radius:12px;border:1px solid #ddd;margin:0 0 5px;background:#f8f8f8;}
.accordiontitle.show{background:#dc2128;color:#fff;box-shadow:0 6px 20px #dc212896;z-index:12;position:relative;border:0;}
.accordiontitle.show a{color:#fff;}
.accordiontitle button{display:none;float:right;border:0;background:transparent;color:#fff;}
.accordioncontent{display:none;margin:0 0 15px;padding:20px 0;}
.accordioncontent.show{display:block;}
.accordioncontent label,.promobox label{margin-bottom:10px;display:block;position:relative;}
.accordioncontent label i,.promobox label i{position:absolute;z-index:5;font-size:22px;color:#ccc;top:5px;left:5px;}
.accordioncontent label input,.accordioncontent label textarea,.promobox input{margin-bottom:12px;padding:5px;border-radius:8px;font-family:inherit;padding-left:30px;margin-bottom:5px!important;}
.billtype{display: flex;flex-wrap: wrap;}
.billtype label{margin: 0 5px 5px;font-size: 14px;}
.billtype label input{width: 15px;height: 15px;position: relative;top: 2px;margin-right: 5px;}

.order{background-color:#fff;border-radius:12px;box-shadow:0 16px 22px rgb(0 0 0 / 5%);padding:30px;margin-bottom:8px;border:1px solid #efefef;z-index:1;position:relative;}
.order select{margin-bottom:12px;padding:5px;border-radius:8px;font-family:inherit;padding-left:30px;}
.order .result{font-size:1.3rem;} 
.paybox button{max-width: 250px;display: inline-block;} 

.bb-1{border-bottom:1px solid #ddd}
.promobox{height:100%;border:1px solid #ddd;padding:10px;border-radius:8px;}
.promobox label{position:relative;margin:0;}
.promobox label input{margin-bottom:0!important;}
.promobox button{background-color:#dc2128;padding:10px;color:#fff;border-radius:6px;border:0;font-size:1rem;width:100%;margin:10px 0 0;text-align:center;cursor:pointer;}
.buybtn{padding:12px 0;font-size:1rem;width:100%;text-align:center;border:0;border-radius:8px;cursor:pointer;color:#fff;background:#004799;display: block;}
.buybtn:hover{box-shadow:0 7px 25px #0076ff61;background:#0076ff;}
.bankpayment{display: none;}
.creditcardpayment .paymento{max-width:350px;width:100%;display:inline-block;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.paymento .form-control{padding:7px 5px 7px 40px!important;margin-bottom:0!important;}
.paymento i{top:6px!important;left:10px!important;}
.designselector{padding:0 12px;border-radius:8px;}

.showcase .imagecase{font-size: 38px;padding: 5px;color: #dc2128;}
.showcase .imagecase img{display:none;position:absolute;z-index:1;width:200px;left:100%;top:0;margin-left:15px;box-shadow:0 10px 20px rgb(0 0 0 / 15%);border-radius:15px;overflow:hidden;border:2px solid #ddd;z-index:15;}


/* credit card */
.creditcardpayment label{width:100%;margin-bottom:12px;}
.w50{width:50%;}
.expiredate{display:flex!important}
.expiredate select{padding-left:35px;border-radius:8px;margin-right:6px!important;}
.expiredate select:last-child{margin-right:0px!important;}
.taksit{display:block;width:100%;}
.instalment{margin-top:15px;display:flex;flex-wrap:wrap;}
.instalment li{text-align:center;vertical-align:top;width:calc(100% / 3);height:120px;padding:2px;}
.instalment li label{padding:6px;border-radius:8px;width:100%;height:100%;border:2px solid #efefef;position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column;justify-content:space-between;cursor:pointer;font-weight:400;}
.instalment .hiddenradio:checked + .radiolabel{border:2px solid #75cf97;}
.instalment p{font-weight:400;}
.instalment label span{font-size:13px;}
.instalment label em{font-style:normal;font-weight:500;font-size:14px;}
.hiddenradio:checked + .radiolabel{border:2px solid #75cf97;}
.hiddenradio:checked + .radiolabel::after{content:"\f26d";font-family:bootstrap-icons !important;font-size:17px;opacity:1;position:absolute;right:0px;font-weight:300;bottom:0;color:#ffffff;background:#75cf97;border-radius:4px 0 0 0;padding:2px 3px 1px 4px;}
.jp-card-visa,.jp-card-visaelectron{box-shadow:0 24px 40px -15px rgb(66 60 144 / 50%)!important;}
.jp-card-mastercard{box-shadow:0 24px 40px -15px rgb(92 151 195 / 50%)!important;}
.jp-card-maestro{box-shadow:0 24px 40px -15px rgb(51 79 121 / 50%)!important;}
.jp-card-discover{box-shadow:0 24px 40px -15px rgb(165 202 218 / 50%)!important;}
.jp-card-amex{box-shadow:0 24px 40px -15px rgb(70 155 137 / 50%)!important;}

/* bank order */
 
.bank-accounts img {max-width: 100%;}
.bank-accounts{margin-top:15px;display:flex;flex-wrap:wrap;;}
.bank-accounts li{text-align:center;vertical-align:top;width:calc(100% / 4);height:90px;padding:2px;}
.bankpage .bank-accounts li{height:110px;}
.bank-accounts  li label{padding:6px;border-radius:8px;width:100%;height:100%;border:2px solid #efefef;position:relative;overflow:hidden;display:flex;align-items:center; justify-content:center;cursor:pointer;font-weight:400;align-items: center}
.hiddenradio:checked + .radiolabel{border:2px solid #75cf97;}
.hiddenradio:checked + .radiolabel::after{content:"\f26d";font-family:bootstrap-icons !important;font-size:17px;opacity:1;position:absolute;right:0px;font-weight:300;bottom:0;color:#ffffff;background:#75cf97;border-radius:4px 0 0 0;padding:2px 3px 1px 4px;}
.bank-result{margin-top:15px;border-top:1px solid #ddd;padding-top:15px;display: none;}
.bank-result h3{margin-bottom:15px;font-weight:500;}
.bank-table{font-size:14px;width:100%;}
.bank-table tbody{margin-top:15px;padding-top:15px;border-top:1px solid #ddd;}
.bank-table td{border:1px solid #ddd;padding:10px 0;}
.bank-table thead:after{content:"";display:block;height:1em;width:100%;background:white;}
 

/* result page */
.ordersuccess{font-size:58px;margin-bottom: 15px;display: inline-block;color: #23ce55;}
.orderfail{font-size:58px;margin-bottom: 15px;display: inline-block;color: #ce2323;}

/* design page */
.imagebox{border: 2px solid #ddd;border-radius: 12px;display: block;overflow: hidden;}


/*steps*/

.steps ul{display: flex;flex-wrap: wrap;}
.steps ul li{position: relative;}
.steps .line{width: 35px;height: 1px;background-color: #ddd;display: inline-block;margin: 0 5px;position: relative;top: -3px;}
.steps ul li a{padding: 8px 16px;border: 1px solid #ddd;border-radius: 18px;position: relative;display: inline-block;}
.steps ul li.active a{background: #dc2128;border-color: #dc2128;color: #fff;box-shadow:0 6px 18px rgb(248 71 94 / 20%)}
.steps ul li.activated a{background: #fff;border-color: #dc2128;color: #dc2128;}
.steps ul li.active a:after{content: "";width: 15px;height: 15px;background:#dc2128;border-left:1px solid #dc2128;border-bottom:1px solid #ddd;position: absolute;left: 50%;bottom:-9px;transform: translateX(-50%) rotate(-45deg);}

/* user login - reg */
.userpage,.userpage.fixed .bottomheader{position: relative!important;box-shadow: none;}

.userpage .first a,.userpage .last > a.log-menu,.userpage .last > .cart,.userpage .mainmenu a{color: #333;}
.userpage .last > a.log-menu,.userpage .last > .cart{border-color: #333;}
.userpage .bottomheader{border-color: rgba(0,0,0,.1);}
.userpage .lgc img {    filter: unset}



/* data transfer */
.box-block{padding:30px;border-radius:12px;margin-bottom: 30px;}
.gr-block{background:#f3f3f3;}




/* composer page */

.special-list-1 li{display: flex;align-items: center;padding:15px}
.special-list-1 li span{font-weight: 600;}
.special-list-1 i{font-size: 36px;color: #32d06e;margin-right: 10px;}
.br-12{border-radius: 12px;box-shadow: 0 24px 34px rgba(45, 52 ,78 ,.3);}
.data-carousel{padding: 60px 0;}

.data-content{text-align: left;border-radius: 12px;box-shadow: 0 8px 34px rgba(0,0,0,.15);height: 100%;padding: 30px 45px;}
.data-content img{margin: 0 auto 15px;max-width: 270px;display: block;} 
.data-content h2{font-size: 18px;margin:15px 0;}
.data-content p{font-size: 14px;}

/* .comp-1 {padding: 15px 0;}
.comp-1 .content{padding-left: 30px;}
.comp-1 .clr{position: relative;padding: 40px 0;border-radius:0 12px 12px 0; background:linear-gradient(45deg, #1c2f5c 45%, #00a8ff 100%);}
.comp-1 .clr:before{content:"";background:#1c2f5c;position:absolute;width:1000%;height:100%;left:-900%;top:0;border-radius:0 12px 12px 0;z-index: -1;}
.comp-2 {padding: 15px 0;}
.comp-2 .content{padding-left: 30px;}
.comp-2 .clr{position: relative;padding: 40px 0;border-radius:12px 0 0 12px; background:linear-gradient(-45deg, #1c2f5c 45%, #00a8ff 100%);}
.comp-2 .clr:before{content:"";background:#1c2f5c;position:absolute;width:1000%;height:100%;right:-1000%;top:0;border-radius:0 12px 12px 0;z-index: -1;} */