/* --------------------------------------------------------
author: WHMCSTR
email: info[at]whmcstr.net
website: https://whmcstr.net
----------------------------------------------------------*/
@charset "utf-8";
.main-slider { position: relative; background: #25285a; }
.main-slider .container, .main-slider .row, .main-slider .col-12 { height: 100%; }
.main-slider .item { position: relative; padding: 67px 0 100px; }
.main-slider .item .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background-position: center !important; }
.main-slider .item .bg:before, .main-slider .item .bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.main-slider .item .bg:before { background: rgb(0 0 0 / 40%); z-index: 1; }
.main-slider .item .bg:after { background: rgb(42 37 90 / 40%); z-index: 2; }
.main-slider .detail { position: relative; z-index: 3; }
.main-slider .detail h3 { font-weight: 900; font-size: 36px; color: #fff; max-width: 240px; margin-bottom: 30px; }
.main-slider .detail p { font-size: 18px; color: #fff; font-weight: 600; margin-bottom: 0; max-width: 545px; line-height: 1.2; }
.main-slider .detail p + p { margin-top: 20px; }
.main-slider .swiper-button-next:after, .main-slider .swiper-button-prev:after { display: none; }
.main-slider .swiper-button-prev, .main-slider .swiper-button-next { width: auto; height: 105px; margin-top: -52.5px; }
.main-slider .swiper-button-prev { left: -80px; }
.main-slider .swiper-button-next { transform: rotate(180deg); right: -80px; }
.navigation-area { position: absolute; left: 0; right: 0; }
.main-slider .img { height: 370px; display: flex; align-items: center; }
.main-slider .img img { max-height: 100%; }
.main-slider .swiper-pagination-bullet { opacity: 1; width: 18px; height: 18px; border-radius: 100%; background: #fff; margin: 0 10px; transition: all 0.3s ease; }
.main-slider .swiper-pagination-bullet-active { width: 40px; border-radius: 10px; }
.main-slider .swiper-pagination { bottom: 10px; }
.main-wrap {z-index: 99 !important; height: 50px; justify-content: center; background: #25285a; font-weight: 600; color: #fff; border-bottom-left-radius: 100%; border-bottom-right-radius: 100%; position: relative; z-index: 9; }

.brands-slider .swiper-slide { flex: 0 0 25%; max-width: 25%; }
.brands-area h3 { font-size: 25px; font-weight: 900; line-height: 1.2; color: #25285a; margin-bottom: 0; position: relative; padding-left: 14px; flex: 0 0 320px; max-width: 320px; }
.brands-area h3:before { content: ""; position: absolute; left: 0; top: 0; height: 56px; width: 5px; background-color: #25285a; border-radius: 3px; }
.brands-slider { flex: 0 0 calc(100% - 320px); max-width: calc(100% - 320px); }
.brands-slider .swiper-slide .img { text-align: center; }
.brands-area { padding: 80px 0 60px; position: relative; z-index: 9; }
.brands-slider .swiper-button-prev:after, .brands-slider .swiper-button-next:after { display: none; }
.brands-slider .swiper-container { padding: 0 50px; }
.brands-slider .swiper-container-initialized .swiper-slide { flex-shrink: 0; flex-grow: inherit; flex-basis: auto; max-width: inherit; }
.brands-slider .swiper-button-next { transform: rotate(180deg); }
.query-block { padding: 80px 0; background-color: rgb(255 255 255 / 60%); position: relative; z-index: 9; }
.query-block h3.title { font-size: 26px; text-align: center; color: #25285a; margin-bottom: 44px; }
.query-block h3.title span { font-weight: 900; display: block; }
.query-input-area { max-width: 721px; margin: 0 auto 19px; padding: 8px 15px 8px 46px; border-radius: 10px; background-color: #25285a; height: 60px; }
.query-input-area > span { font-size: 22px; font-weight: normal; color: #ffffff; margin-right: 66px; }
.submit input { background: none; border: 0; font-weight: 900; padding: 0 2px; font-size: 21px; transition: all 0.25s ease; width: 100%; height: 100%; padding-left: 20px; }
.submit { flex: 0 0 127px; height: 43px; border-radius: 10px; background-color: #ffffff; justify-content: center; color: #25285a; margin-left: auto; max-width: 127px; transition: all 0.25s ease; position: relative; }
.query-input-area input[type="text"] { width: 100%; margin-right: 30px; background: none; padding: 0; font-size: 22px; font-weight: 600; color: #ffffff; }
.query-input-area input[type="text"]::-webkit-input-placeholder { /* Edge */
font-size: 26px; font-weight: 900; color: #ffffff; }
.query-input-area input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
font-size: 26px; font-weight: 900; color: #ffffff; }
.query-input-area input[type="text"]::placeholder { font-size: 26px; font-weight: 900; color: #ffffff; }
.submit:hover { background: #008afb; color: #fff; }
.submit:hover input { color: #fff; }
.submit i { position: absolute; left: 20px; }
.gift { max-width: 721px; margin: 0 auto 55px; text-align: center; }
.gift h3 { font-size: 18px; font-stretch: normal; color: #000000; }
.gift h3 span { font-weight: 900; }
.domains-area { max-width: 650px; margin: auto; }
.domains-area ul li a span { display: block; font-size: 14px; color: #292929; font-weight: bold; padding: 0 30px; background: rgb(37 40 90 / 10%); }
.domains-area ul li a { font-weight: 600; text-align: center; display: block; font-size: 26px; color: #25285a; }
.domains-area ul li { border-right: 1px solid #d3d3d3; }
.domains-area ul li:last-child { border: 0; }
.brands-query-area { position: relative; margin-top: -25px; }
.brands-query-area:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../img/pattern.png) no-repeat; z-index: 2; }
.brands-query-area.marble-bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background: url(../img/marble-bg.png) !important; z-index: 2; }
.brands-query-area.purple-marble-bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background: url(../img/purple-marble.png) !important; z-index: 2; }
.brands-query-area.blue-marble-bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background: url(../img/blue-marble.png) !important; z-index: 2; }
.brands-query-area.white-marble-bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background: url(../img/white-marble.png) !important; z-index: 2; }
.brands-query-area.metin2-bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background: url(../img/metin2banner.png) !important; z-index: 2; }
.brands-query-area.gta-bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background: url(../img/gta-banner.png) !important; z-index: 2; }
.brands-query-area.knight-bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background: url(../img/knight-banner.png) !important; z-index: 2; }
.brands-query-area.unturned-bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background: url(../img/unturned-banner.png) !important; z-index: 2; }
.brands-query-area.rust-bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background: url(../img/rust-banner.png) !important; z-index: 2; }
.brands-query-area.minecraft-bg:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background: url(../img/minecraft-banner.png) !important; z-index: 2; }
.brands-query-area.dark-pattern:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background: url(../img/dark-pattern.png) !important; z-index: 2; }
.brands-query-area.bg-1:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background: url(../img/bg-1.png) !important; z-index: 2; }
.brands-query-area.bg-2:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background: url(../img/bg-2.png) !important; z-index: 2; }
.domains-area ul li:first-child a span { border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
.domains-area ul li:last-child a span { border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
.hosting-packages { position: relative; padding: 80px 0 20px; }
.hosting-packages .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover !important; background-position: center !important; }
.hosting-packages .title h3 { font-size: 26px; font-weight: 600; line-height: 1.2; color: aliceblue; text-align: center; margin-bottom: 0; }
.hosting-packages .title h3 span { display: block; font-weight: 900; font-size: 32px; }
.hosting-slider .swiper-slide { flex: 0 0 calc(25% - 20px); max-width: calc(25% - 20px); margin-right: 20px; }
.hosting-slider .list-block { border-radius: 20px; overflow: hidden; }
.hosting-slider .list-block .head { padding: 25px 21px 21px 22px; background-color: rgb(0 0 0 / 81%); }
.list ul li { font-size: 15px; color: rgba(255, 255, 255, 0.9); padding: 7px 22px; }
.list { background: #152748; }
.list ul li:nth-child(2n-1) { background: #0f1d38; }
.list-block .head p { color: rgba(255, 255, 255, 0.9); font-size: 15px; margin-bottom: 0; }
.hosting-packages .title { margin-bottom: 50px; }
.list-block .head .price { font-family: Avenir; font-size: 52px; font-weight: 900; line-height: 1.31; color: #ffffff; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.list-block .head .price span { font-size: 26px; }
.hosting-slider .grd-type-1 .list-block .head .price { background-image: linear-gradient(to right, #ff55e9, #ffb653), linear-gradient(to bottom, #ffffff, #ffffff); }
.list-block .head .price span em { font-weight: normal; }
.list-block .head .date { font-size: 16px; font-weight: 900; color: #fefefe; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-align: center; }
.list-block .head .date span { display: block; font-weight: 300; }
.hosting-slider .grd-type-1 .list-block .head .date { background-image: linear-gradient(to right, #ff55e9, #ffb653), linear-gradient(to bottom, #ffffff, #ffffff); }
.list a.more-view { font-size: 20px; font-weight: normal; letter-spacing: 2px; text-align: center; color: #ffffff; display: block; padding: 18px 0; }
.list a.more-view:hover { color: #21c3ff; }
.add-basket-btn { width: 186px; height: 47px; margin: auto; font-size: 20px; font-weight: 900; color: #15284a; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }
.hosting-slider .grd-type-1 .add-basket-btn { background-image: linear-gradient(to right, #ff55e9, #ffb653), linear-gradient(to bottom, #ffffff, #ffffff); }
.hosting-slider .item { margin-left: 0; display: flex; align-items: flex-start; }
.hosting-slider .package-type { position: relative; flex: 0 0 35px; min-height: 215px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 900; color: #15284a; border-top-left-radius: 25px; border-bottom-left-radius: 25px; padding: 10px 0; margin-top: 18px; max-width: 35px; }
.hosting-slider .item.grd-type-1 .package-type { background-image: linear-gradient(to top, #ff55e9, #ffb653), linear-gradient(to bottom, #ffffff, #ffffff); }
.hosting-slider .package-type span { transform: rotate(270deg); white-space: nowrap; }
.hosting-slider .grd-type-2 .add-basket-btn, .hosting-slider .grd-type-2 .list-block .head .price, .hosting-slider .grd-type-2 .list-block .head .date { background-image: linear-gradient(to right, #ff4f01, #ecf651), linear-gradient(to bottom, #ffffff, #ffffff); }
.hosting-slider .item.grd-type-2 .package-type { background-image: linear-gradient(to top, #ff4f01, #ecf651), linear-gradient(to bottom, #ffffff, #ffffff); }
.hosting-slider .grd-type-3 .list-block .head .price, .hosting-slider .grd-type-3 .list-block .head .date, .hosting-slider .grd-type-3 .add-basket-btn { background-image: linear-gradient(to top, #02ebff, #183eff), linear-gradient(to bottom, #ffffff, #ffffff); }
.hosting-slider .item.grd-type-3 .package-type { background-image: linear-gradient(to top, #02ebff, #183eff), linear-gradient(to bottom, #ffffff, #ffffff); }
.hosting-slider .grd-type-4 .list-block .head .price, .hosting-slider .grd-type-4 .list-block .head .date, .hosting-slider .grd-type-4 .add-basket-btn { background-image: linear-gradient(to right, #f00018, #5300c7), linear-gradient(to bottom, #ffffff, #ffffff); }
.hosting-slider .item.grd-type-4 .package-type { background-image: linear-gradient(to top, #f00018, #5300c7), linear-gradient(to bottom, #ffffff, #ffffff); }
.add-basket-btn:hover { color: #000; }
.hosting-slider .swiper-container-initialized .swiper-slide { flex-shrink: 0; flex-basis: auto; flex-grow: inherit; max-width: inherit; }
.hosting-block { flex: 0 0 calc(100% - 35px); max-width: calc(100% - 35px); }
.hosting-slider .swiper-container { overflow: inherit; padding: 0; }
.hosting-slider { overflow: hidden; }
.hosting-slider .swiper-button-prev:after, .hosting-slider .swiper-button-next:after { display: none; }
.hosting-slider .swiper-button-prev, .hosting-slider .swiper-button-next { width: auto; height: auto; margin-top: -52.5px; }
.hosting-slider .swiper-button-next { transform: rotate(180deg); right: -60px; }
.hosting-slider .swiper-button-prev { left: -60px; }
.note { font-size: 14px; text-align: center; color: #ffffff; margin-top: 45px; font-weight: 600; }
.cloud-host h3 { color: #25285a; font-size: 32px; font-weight: 600; margin-bottom: 15px; }
.cloud-host h3 span { font-weight: 900; display: block; }
.cloud-host p { color: #25285a; font-size: 18px; font-weight: 600; }
.cloud-host { padding: 50px 0 20px; background: #fff; }
.properties { padding: 82px 0 67px; background: #d1d9de; }
.properties-up ul { flex: 0 0 calc(100% - 242px); justify-content: space-between; height: 100px; background: #fff; max-width: calc(100% - 242px); margin-right: 42px; padding: 0 20px; margin-top: -25px; border-radius: 20px; border-bottom-left-radius: 0; }
.properties-up ul li { font-size: 14px; font-weight: bold; max-width: 107px; text-align: center; }
.properties-up ul li.title { font-weight: 900; max-width: 62px; }
.basket-area .icon { flex: 0 0 45px; height: 100px; background-color: #5f2eee; max-width: 45px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 22px; }
.basket-area { flex: 0 0 200px; max-width: 200px; height: 100px; overflow: hidden; border-top-right-radius: 20px; border-bottom-left-radius: 20px; margin-top: -25px; }
.basket-area h3 { flex: 0 0 calc(100% - 45px); max-width: calc(100% - 45px); text-align: center; background: #fff; height: 100%; font-size: 15px; font-weight: 900; color: #222653; margin-bottom: 0; display: flex; flex-flow: column; align-items: center; justify-content: center; padding-bottom: 12px; }
.basket-area h3 span { display: block; font-size: 52px; line-height: 1; }
.basket-area h3 strong, .basket-area h3 em { font-size: 26px; }
.basket-area h3 em { font-weight: 600; }
.properties-up { background: #23285a; position: relative; }
.properties-up:after { content: ""; position: absolute; bottom: -16px; background: #1d224e; left: 0; right: 0; height: 22px; border-radius: 100px; }
.properties-block { position: relative; }
.title-list { margin-bottom: 45px; }
.title-list li { font-size: 14px; font-weight: 900; font-stretch: normal; width: 107px; color: #25285a; text-align: center; }
.title-list ul { width: calc(100% - 242px); justify-content: space-between; padding: 0 20px; }
.title-list li:first-child { width: 62px; }
.properties-block .item + .item { margin-top: 70px; }
.software-area { background: #fff; padding: 46px 0 134px 0; }
.software-slider .swiper-slide { flex: 0 0 calc(33.33% - 30px); max-width: calc(33.33%  - 30px); margin-right: 30px; }
.software-slider .swiper-container-initialized .swiper-slide { flex-shrink: 0; flex-basis: auto; flex-grow: inherit; max-width: inherit; }
.software-slider .swiper-slide .item figure > a { display: block; margin-bottom: 11px; border-radius: 5px; overflow: hidden; }
.software-slider .swiper-slide .item figure > a span.wrap { height: 0; position: relative; display: block; padding-bottom: 63.75%; overflow: hidden; }
.software-slider .swiper-slide .item figure > a span.wrap img { position: absolute; left: 0; width: 100%; top: 0; height: 100%; }
.software-slider .swiper-button-prev:after, .software-slider .swiper-button-next:after { display: none; }
.software-slider .swiper-button-prev, .software-slider .swiper-button-next { width: auto; height: auto; }
.software-slider .swiper-button-next { right: -80px; transform: rotate(180deg); }
.software-slider .swiper-button-prev { left: -80px; }
.software-slider .swiper-slide .item figcaption > h3 { font-size: 17px; font-weight: 900; line-height: 1.24; color: #292929; }
.software-slider .swiper-slide .item figcaption > p { font-size: 14px; font-weight: 600; text-align: left; color: #292929; overflow: hidden; max-height: 57px; margin-bottom: 5px; }
.software-slider .swiper-slide .item figure { margin-bottom: 5px; }
.detail-btns { width: 100%; }
.detail-btns a { font-size: 14px; font-weight: 900; color: #ffffff; padding: 10px 5px; border-radius: 5px; }
.software-slider .swiper-container-initialized .swiper-slide .item { padding-right: 0 !important; }
.software-area .title h3 { font-size: 51px; font-weight: 900; text-align: center; color: #008afb; }
.software-area .title h4 { font-size: 32px; font-weight: 900; line-height: 1.06; letter-spacing: 2.5px; text-align: center; color: #25285a; margin-bottom: 44px; }
.details-btns a { font-size: 14px; font-weight: 900; text-align: center; color: #ffffff; }
.software-slider { padding: 0 45px; }
.detail-btns a:first-child { background: #008afb; width: 55%; }
.detail-btns a:last-child { background: #5f2eee; width: 45%; margin-left: 2.5%; }
.detail-btns a:hover { background: #0f1d38; }
.support-area { position: relative; background: #000; }
.support-area .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; opacity: 0.7; }
.support-area .img { margin-top: -50px; }
.contact { padding: 42px 0; }
.contact h3 { font-size: 28px; font-weight: 600; text-align: center; color: #ffffff; margin-bottom: 15px; }
.contact h3 span { font-weight: 900; }
.contact ul li a { padding: 16px 20px 16px 37px; border-radius: 10px; background-color: rgb(0 0 0 / 0.8); transition: all 0.3s ease; }
.contact ul li a { font-size: 22px; font-weight: bold; line-height: 1.45; color: #ffffff; }
.contact ul li a i { margin-right: 40px; }
.contact ul li + li { margin-top: 10px; }
.contact ul li a:hover { background: #008afb; }
.comment-area {padding: 25px 0;background: #fdfdfd;}
.comment-slider .swiper-slide { flex: 0 0 calc(50% - 102px); max-width: calc(50% - 102px); margin-right: 102px; }
.comment-slider .swiper-container-initialized .swiper-slide { flex-shrink: 0; flex-grow: inherit; flex-basis: auto; max-width: inherit; }
.comment-slider .swiper-container { padding: 70px 33px; }
.comment-slider .swiper-button-prev:after, .comment-slider .swiper-button-next:after { display: none; }
.comment-slider .swiper-button-prev, .comment-slider .swiper-button-next { width: auto; height: auto; margin-top: -52.5px; }
.comment-slider .swiper-button-prev { left: -80px; }
.comment-slider .swiper-button-next { right: -80px; transform: rotate(180deg); }
.comment-slider .item .box { padding: 40px 76px 35px 53px; background-color: #292929; border-radius: 50px 50px 90px 50px; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #fefefe; position: relative; }
.comment-slider .item .box p { margin-bottom: 0; }
.comment-slider .item .name h3 { margin-bottom: 0; padding-left: 170px; position: relative; font-size: 18px; font-weight: 500; color: #008afb; display: flex; flex-wrap: wrap; padding-top: 10px; }
.comment-slider .item .name h3:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 83px 73px 0; border-color: transparent #292929 transparent transparent; position: absolute; bottom: -7px; left: 60px; flex: 0 0 83px; transform: rotate(11deg); }
.comment-slider .item .name h3 strong { font-size: 20px; display: block; font-weight: 900; width: 100%; }
.comment-slider .item .box:after { content: ""; position: absolute; right: 10px; width: 131px; height: 100px; background: url(../img/quote.png) no-repeat; top: -60px; }
@media (max-width:1480px) {
    .main-slider .swiper-button-prev, .hosting-slider .swiper-button-prev, .software-slider .swiper-button-prev, .comment-slider .swiper-button-prev { left: -20px; }
    .main-slider .swiper-button-next, .hosting-slider .swiper-button-next, .software-slider .swiper-button-next, .comment-slider .swiper-button-next { right: -20px; }
    .main-slider .swiper-button-prev img, .main-slider .swiper-button-next img, .hosting-slider .swiper-button-next img, .hosting-slider .swiper-button-prev img, .software-slider .swiper-button-next img, .software-slider .swiper-button-prev img, .comment-slider .swiper-button-next img, .comment-slider .swiper-button-prev img { width: 30px; }
}
@media (max-width:1199px) {
    .properties-up ul { margin-right: 10px; flex: 0 0 calc(100% - 182px); max-width: calc(100% - 182px); height: 100px; }
    .basket-area h3 span { font-size: 35px; }
    .basket-area h3 { font-size: 13px; }
    .basket-area h3 strong, .basket-area h3 em { font-size: 19px; }
    .basket-area { flex: 0 0 172px; max-width: 172px; }
    .properties-up ul li { font-size: 12px; }
    .title-list ul { width: calc(100% - 182px); }
}
@media (max-width:991px) {
    .brands-area h3 { flex: 0 0 230px; max-width: 230px; }
    .brands-slider { flex: 0 0 calc(100% - 230px); max-width: calc(100% - 230px); }
    .brands-slider .swiper-container { padding: 0; }
    .cloud-host .img { margin-top: 20px; }
    .properties-up ul li { flex: 0 0 25%; max-width: 25%; padding: 0 10px; }
    .properties-up ul { flex-wrap: wrap; justify-content: inherit; }
    .properties-up ul li.title { max-width: 25%; }
    .comment-slider .swiper-container { padding: 70px 0; }
    .comment-slider .item .name h3:before { bottom: 0; left: 20px; }
    .comment-slider .item .name h3 { padding-left: 113px; }
}
@media (max-width:767px) {
    .main-slider .swiper-button-prev, .main-slider .swiper-button-next { display: none; }
    .main-slider .detail h3 { font-size: 27px; max-width: 100%; text-align: center; }
    .main-slider .detail h3 br { display: none; }
    .main-slider .item { padding: 30px 0; }
    .main-slider .detail h3 { margin-bottom: 10px; }
    .main-slider .detail p { text-align: center; }
    .main-wrap { height: auto; padding: 10px 0; }
    .main-wrap.no-radius { height: auto; justify-content: center; background: #25285a; font-weight: 600; color: #fff; border-bottom-left-radius: 0%; border-bottom-right-radius: 0%; position: relative; z-index: 9; }
    .brands-area h3 { display: inline-flex; justify-content: center; position: relative; margin-bottom: 20px; }
    .brands-area { padding: 50px 0 30px; flex-wrap: wrap; }
    .brands-slider { flex: 0 0 100%; max-width: 100%; }
    .brands-slider .swiper-slide .img img { max-width: 80px; max-height: 25px; }
    .brands-slider .swiper-button-prev, .brands-slider .swiper-button-next { display: none; }
    .query-block { padding: 40px 0px 30px; }
    .query-block h3.title { margin-bottom: 20px; }
    .query-input-area { padding: 8px 10px; }
    .query-input-area > span { font-size: 14px; margin-right: 10px; }
    .submit { flex: 0 0 80px; max-width: 80px; }
    .submit input { font-size: 15px; }
    .submit i { left: 11px; }
    .query-input-area input[type="text"] { margin-right: 20px; font-size: 16px; }
    .query-input-area input[type="text"]::-webkit-input-placeholder { /* Edge */
    font-size: 15px; font-weight: 900; color: #ffffff; }
    .query-input-area input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 15px; font-weight: 900; color: #ffffff; }
    .query-input-area input[type="text"]::placeholder { font-size: 15px; font-weight: 900; color: #ffffff; }
    .domains-area ul { flex-wrap: wrap; }
    .domains-area ul li { border-right: 0; border-top: 1px solid #d3d3d3 !important; padding: 4px 0px 13px; margin-bottom: 0px; flex: 0 0 calc(33.33% - 10px); max-width: calc(33.33% - 10px); }
    .domains-area ul li a span { border-radius: 30px; margin-top: 3px; padding: 0; }
    .domains-area ul li a { font-size: 21px; }
    .gift { margin-bottom: 20px; }
    .domains-area ul li:nth-child(1), .domains-area ul li:nth-child(2), .domains-area ul li:nth-child(3) { border-top: 0 !important; }
    .hosting-packages { padding: 40px 0; }
    .hosting-packages .title h3 { font-size: 20px; }
    .hosting-packages .title h3 span { font-size: 23px; }
    .hosting-packages .title { margin-bottom: 20px; }
    .main-slider .swiper-button-next, .hosting-slider .swiper-button-next, .software-slider .swiper-button-next, .comment-slider .swiper-button-next { right: 5px; }
    .main-slider .swiper-button-prev, .hosting-slider .swiper-button-prev, .software-slider .swiper-button-prev, .comment-slider .swiper-button-prev { left: 5px; }
    .note { margin-top: 20px; }
    .properties-up ul { flex: 0 0 100%; max-width: 100%; margin-right: 0; height: auto; margin-top: 0; padding: 20px 20px 50px; border-radius: 20px !important; }
    .properties-up { background: none; flex-wrap: wrap; }
    .properties-up ul li { flex: 0 0 100%; max-width: 100% !important; text-align: left; font-size: 15px; padding: 10px 0; border-bottom: 1px solid #eee; }
    .properties-up:after { display: none; }
    .properties { padding: 50px 0; }
    .title-list { display: none; }
    .basket-area { margin: -30px 0 0; flex: 0 0 100%; max-width: 100%; height: auto; }
    .basket-area h3 { padding-bottom: 0; flex: 0 0 calc(100% - 100px); max-width: calc(100% - 100px); background: #f7f7f7; height: 55px; }
    .basket-area .icon { height: 55px; flex: 0 0 100px; max-width: 100px; }
    .properties-block .item + .item { margin-top: 30px; }
    .properties-up ul li h3 { font-size: 16px; font-weight: 900; }
    .properties-up ul li.title { font-weight: 600; }
    .software-area .title h3 { font-size: 35px; }
    .software-area .title h4 { font-size: 24px; margin-bottom: 30px; }
    .software-slider { padding: 0; }
    .main-slider .swiper-button-prev img, .main-slider .swiper-button-next img, .hosting-slider .swiper-button-next img, .hosting-slider .swiper-button-prev img, .software-slider .swiper-button-next img, .software-slider .swiper-button-prev img, .comment-slider .swiper-button-next img, .comment-slider .swiper-button-prev img { width: 15px; }
    .detail-btns a { font-size: 12px; }
    .software-area { padding: 40px 0 70px; }
    .contact h3 { font-size: 22px; margin-bottom: 20px; }
    .contact ul li a { font-size: 18px; background: #0e92fc; padding: 10px 20px; }
    .contact ul li a i { margin-right: 10px; }
    .cloud-host h3 { font-size: 25px; }
    .comment-slider .swiper-container { padding: 30px 0; }
    .comment-slider .swiper-button-next, .comment-slider .swiper-button-prev { filter: brightness(0) invert(1); }
    .comment-slider .swiper-button-next { right: 30px; }
    .comment-slider .swiper-button-prev { left: 30px; }
    .comment-slider .item .name h3:before { left: 23px; bottom: 10px; }
    .comment-slider .item .name h3 { padding-left: 120px; font-size: 16px; }
    .comment-slider .item .name h3 strong { font-size: 17px; }
    .comment-slider .item .box:after { width: 80px; height: 61px; background-size: 100%; top: -20px; right: 20px; }
    .comment-slider .item .box { padding: 50px 45px; }

    .list-block .head .price span {
        display: inline !important;
    }

    .list-block .head .date {
        display: inline !important;
        max-width: 50px;
    }

    .list-block .head .date span {
        display: inline !important;
    }
}
.modal-open .modal.fade.show {opacity: 1 !important;}
.bilgi-item .text p { min-height: 70px !important; }