@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap&subset=latin-ext');

.header .navbar .navbar-brand .logo-desc span:before {
    position: absolute;
    content: "";
    left: -10px;
    top: -9px;
    width: 34px;
    height: 38px;
    background-image: url(/assets/img/campaign/kurdele.png);
    background-repeat: no-repeat;
}

    background-position: center;
.header .navbar .navbar-brand .logo-desc span {
    position: relative;
    padding-left: 20px;
}

.header .navbar .navbar-brand .logo-desc {
    position: absolute;
    content: "";
    left: 190px;
    top: 12px;
    font-size: 15px;
    font-weight: 600;
    color: #848e9b;
    display: flex;
    background-image: url(../assets/img/campaign/kurdele.png);

    align-items: center;
}

.detail-container {
    padding: 70px 15px 70px;
}
.detail-left-menu {
    position: relative;
}
.detail-left-menu .menu-title {
    display: block;
    color: #1b1c21;
    margin-bottom: 41px;
    font-size: 18px;
}
.detail-left-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.detail-left-menu .menu-item {
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
}
.detail-left-menu .menu-item::before {
    content: "";
    position: absolute;
    z-index: -9;
    left: 4px;
    top: -10px;
    width: 1px;
    bottom: 0;
    background-color: #d2d2d2;
}
.detail-left-menu .menu-item .link {
    display: block;
    color: #3c4650;
    margin-left: 17px;
    font-size: 15px;
    padding-bottom: 15px;
}
.detail-left-menu .menu-item .link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #d2d2d2;
}
.detail-left-menu .menu-item .active {
    color: #3866ab;
    font-size: 16px;
    font-weight: 600;
}
.detail-left-menu .menu-item .active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #3866ab;
}

body{font-family: 'Roboto', sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#3d3d3d;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;box-sizing:border-box; overflow-x: hidden; background:#fff; }
body.active { }

b,strong { font-weight: 700; }
a {  color: #f1631c; }
a:hover { text-decoration: none; }
p {  }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top: 0; margin-bottom: 0; font-weight: 700; line-height: 1.2; text-transform: none; }

ul { list-style: none; padding: 0; margin: 0; }

em { font-style: normal; }

.heading { position: relative;margin-bottom: 60px; overflow: hidden; }
.heading>.heading-title{ font-size: 30px;line-height: 1.3; font-weight: 700;margin-bottom: 10px;}
.heading>.heading-desc { font-size: 18px;line-height: 1.3; font-weight: 300;margin-bottom: 10px; }


input[type=checkbox] { border-style: solid; border-width: 2px;margin: 0; border-color: #aab7c2; background: #fff; color: #3dbfce; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 18px; outline: 0; padding: 1px !important; text-align: center; vertical-align: middle; width: 18px; min-width: 18px; border-radius: 0; -webkit-appearance: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; box-shadow: none;     margin-top: -3px;}
input[type=checkbox]:checked:before { font-family: 'Font Awesome 5 Free';font-weight: 900; content: '\f00c'; display: inline-block; speak: none; line-height: 1;width: 18px;height:18px; margin: -3px; font-size: 17px; background: #f66503; color: #fff}

input[type=radio] { border-style: solid; border-width: 2px; margin: 0;border-color: #aab7c2;background: #fff; color: #3dbfce; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 18px; outline: 0; padding: 1px !important; text-align: center; border-radius:24px; vertical-align: middle; width: 18px; min-width: 18px; -webkit-appearance: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; box-shadow: none;     margin-top: -3px;}
input[type=radio]:checked:before { display: inline-block; speak: none; line-height: 20px; content: ''; width: 10px; height:10px; margin: 1px; border-radius: 50%;  font-size: 12px; background:#f66503; color: #2e8cff;}





 
.tld-logos{margin:0;padding:0;list-style:none;font-size:1.4em;color:#888;font-weight:300}.home-domain-search .tld-logos li{float:left;padding:0 25px 0 0}.home-domain-search .tld-logos img{width:60px}.home-domain-search .input-group-wrapper{margin:15px 0;padding:6px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.home-domain-search .input-group-wrapper .form-control{border:0}

.featured-tlds-container{margin:35px 0 15px}
.featured-tld{margin:0 0 20px 0;border-radius:4px;background-color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.1)}
.featured-tld .img-container{padding:10px 0;height:55px;line-height:15px;overflow:hidden;text-align:center}
@media (max-width:767px){.featured-tld .img-container{height:80px;line-height:40px}}
.featured-tld .img-container img{max-width:70%;max-height:100%}
.featured-tld .price{padding:5px;background-color:#f9f9f9;color:#555;font-weight:400;line-height:28px;text-align:center;border-radius:0 0 4px 4px}
.featured-tld .price.blog{background-color:#a0d5cb;color:#fff}
.featured-tld .price.club{background-color:#053796;color:#fff}
.featured-tld .price.com{background-color:#3aa4da;color:#fff}
.featured-tld .price.couk{background-color:#1d3774;color:#fff}
.featured-tld .price.host{background-color:#ed4d42;color:#fff}
.featured-tld .price.live{background-color:#ff9e19;color:#fff}
.featured-tld .price.name{background-color:#44b03e;color:#fff}
.featured-tld .price.net{background-color:#efc00e;color:#fff}
.featured-tld .price.online{background-color:#38ce6a;color:#fff}
.featured-tld .price.rocks{background-color:#fd563c;color:#fff}
.featured-tld .price.shop{background-color:#ff5900;color:#fff}
.featured-tld .price.social{background-color:#ff9a00;color:#fff}
.featured-tld .price.store{background-color:#0eadb3;color:#fff}
.featured-tld .price.tech{background-color:#0db04b;color:#fff}
.featured-tld .price.tv{background-color:#ea3438;color:#fff}
.featured-tld .price.website{background-color:#2db9ea;color:#fff}
.featured-tld .price.org{background-color:#40a806;color:#fff}
.featured-tld .price.biz{background-color:#aca900;color:#fff}
.featured-tld .price.xyz{background-color:#d78fff;color:#fff}
.featured-tld .price.site{background-color:#ff7aa6;color:#fff}

.tld-filters{margin:0 0 25px 0}.tld-filters a{display:inline-block;margin-bottom:4px;padding:5px 6px;font-size:90%;font-weight:400;border-radius:2px}.domain-pricing .tld-row{padding-top:3px;padding-bottom:3px;border-bottom:1px solid #f5f5f5}.domain-pricing .tld-row.highlighted{background:#f3f9fd}.domain-pricing .tld-pricing-header .col-sm-2,.domain-pricing .tld-pricing-header .col-xs-2{height:56px}.domain-pricing .tld-pricing-header .col-sm-2,.domain-pricing .tld-pricing-header .col-sm-4,.domain-pricing .tld-pricing-header .col-xs-2,.domain-pricing .tld-pricing-header .col-xs-4{padding-top:4px;padding-bottom:4px;border-bottom:6px solid #97b5d2;background-color:#efefef;border-radius:4px 4px 0 0}.domain-pricing .no-bg{background-color:transparent!important}.domain-pricing .tld-pricing-header div:nth-child(odd){border-color:#369;background-color:#f5f5f5}.domain-pricing .two-row-center{line-height:28px;margin-top:6px;margin-bottom:6px}@media (min-width:768px){.domain-pricing .two-row-center{border-right:2px solid #c7d7e6}}.domain-pricing .tld-row.no-tlds{display:none}.tld-sale-group{padding:1px 3px;color:#fff;font-size:10px;text-transform:uppercase}.tld-sale-group-hot{background-color:#f9615a}.tld-sale-group-sale{background-color:#f7d458}.tld-sale-group-new{background-color:#2ad588}.dataTables_wrapper table.table-list{margin:10px 0!important;width:100%!important;border-radius:4px;border:1px solid #ddd}






.btn-lg { height: 48px; font-size: 16px; }
.btn:active,
.btn.active,
.btn:focus,
.btn.focus { outline: none; outline-offset: 2px; outline-offset: -2px; }
.container:after,
.container:before { display: table; content: " "; clear: both; }
.card { border-radius: 4px; background: #fff; border: 1px solid #E5E8ED; box-shadow: 0 1px 10px 0 rgba(141,153,176,0.1); }

.global-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:rgba(75,75,75,.8)}


.btn-success { background: #4eb246; border-color: #4eb246; }
.btn-dark { background: #3a3a3a;color: #fff;border-color: 1px solid #3a3a3a; }
.btn-light { background: #f7f7f7; border-color: #d1d1d1; color: #5a5a5a;}
.btn-warning { color:#fff; background: #f60;}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active { color:#fff !important; }
.btn { font-weight: 600; padding: 15px 40px; border:0; line-height: 1; border-radius: 4px;}
.btn-outline-warning { color: #f60; border: 1px solid #f60 !important; }
.btn-outline-warning:hover { color: #fff; background-color: #f60; border-color: #f60; }

.custom-tab1 {}
.custom-tab1 .nav-tabs { border-bottom: 6px solid #dee2e6; }
.custom-tab1 .nav-link { position:relative; font-size: 18px; font-weight: 800; color: #c6c6c6; border: 0;}
.custom-tab1 .nav-tabs .nav-item.show .nav-link,
.custom-tab1 .nav-tabs .nav-link.active { color: #ec7530; border: 0; }
.custom-tab1 .nav-tabs .nav-link.active:before { position: absolute; content: ''; bottom: -5px; left:0; width: 100%; height: 6px; background: linear-gradient(to right,#f05c1d 0,#faa00d 100%)!important; }
.custom-tab1 .tab-content { padding: 50px 0; line-height: 1.5; color: #5a5a5a; margin-bottom: 20px; font-size: 16px; font-weight: 400;}
.custom-tab1 .tab-content p { line-height: 1.5; color: #5a5a5a; margin-bottom: 20px; font-size: 16px; font-weight: 400; }
.custom-tab1 .tab-content p:last-child { margin-bottom: 0; }


.custom-faq1 .faq { margin-bottom: 15px; background: #fff; border: 1px solid #E5E8ED; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(141,153,176,0.1); -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.custom-faq1 .faq + .faq { }
.custom-faq1 .faq h4 { position: relative; font-size: 19.2px; font-weight: 600; color: #333333e6; text-transform: none; cursor: pointer; padding: 15px 20px 15px 40px;}
.custom-faq1 .faq h4 i { position: absolute; top:8px; left:0; border: 1px solid #3C4858; border-radius: 50%; width: 40px; height: 40px; padding: 5px; font-size:28px; color:#3C4858;}
.custom-faq1 .faq .collapse__detail>div{ padding: 0 0 20px 20px; font-size: 16px; line-height: 1.5; font-weight: 300; }
.custom-faq1 .faq h4[aria-expanded="true"]{ color: #ec7530; }
.custom-faq1 .faq h4[aria-expanded="true"] i { color: #fff; border-color:#2D8CFF; background: #2D8CFF}
.custom-faq1 .faq h4[aria-expanded="false"]:after { position: absolute; font-family: 'Font Awesome 5 Free';font-weight: 900; content: '\f107'; left: 15px; top:16px; font-size: 18px; }
.custom-faq1 .faq h4[aria-expanded="true"]:after { position: absolute; font-family: 'Font Awesome 5 Free';font-weight: 900; content: '\f105'; left: 13px; top:16px; font-size: 18px; }
.custom-faq1 .faq .btn { padding: 8px 24px; height: 36px; min-height: 36px; font-size: 13px; }
.custom-faq1 .faq:last-child { margin-bottom: 0; }

    @media only screen and (max-width: 767px){
        .custom-faq1 .faq h4 { font-size: 16px; line-height: 1.5;}
    }


/* --------------------------------------------------------
    Mobile Header
----------------------------------------------------------- */
.mobile-top { position: relative; z-index: 3; background: #333333;color: #fff; display: -ms-flexbox; display: flex;justify-content: flex-end;list-style: none;padding: 10px 0;margin: 0;}
.mobile-top ul.toplink1 {font-size: 13px;font-weight: 600;display: -ms-flexbox;display: flex;justify-content: flex-start; margin-left: -10px;}
.mobile-top ul.toplink1 li { padding-right: 20px; }
.mobile-top ul.toplink1 li:last-child { padding-right: 0; }
.mobile-top ul.toplink1 li a { position: relative; color: #fff;}
.mobile-top ul.toplink1 li.currency-link {  }
.mobile-top ul.toplink1 li.currency-link a {  }
.mobile-top ul.toplink1 li.currency-link a i { width: 18px; height: 18px; left: 3px; font-size: 16px; line-height: 18px; border-radius: 50%; background: #dfdfdf; color:#333; }
.mobile-top ul.toplink1 li.currency-link a:before { position: absolute; content: ''; right: -13px; top: 5px; display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; color:#dfdfdf; border-top: .3em solid; border-right: .3em solid #0000; border-bottom: 0; border-left: .3em solid #0000; }

.mobile-top ul.toplink2 {font-size: 14px;font-weight: 600;display: -ms-flexbox;display: flex;justify-content: flex-end; margin-right: -10px;}
.mobile-top ul.toplink2 li { padding-left: 10px; }
.mobile-top ul.toplink2 li a { position: relative; color: #fff;}
.mobile-top ul.toplink2 li.currency-link a i { width: 18px; height: 18px; font-size: 16px; line-height: 18px; border-radius: 50%; background: #dfdfdf; color:#333; }

.mobile-top ul.toplink1 li a:hover,
.mobile-top ul.toplink2 li a:hover{ color: #f26d1c; }
.mobile-top ul.toplink1 li.currency-link a:hover i { color: #fff; background: #f26d1c; }
.mobile-top ul.toplink1 li.currency-link a:hover:before { color: #f26d1c; }

.mobile-header { position: relative; top: 0; left: 0; background: #fff; width: 100%; height: 101px; text-align: center; z-index: 3;  display: none;}
.mobile-header a>img { height: 30px; margin-top: 15px; }
.mobile-header a { display: block; width: 100%;}
.mobile-header .mobile-cart { position: relative; color:#3c3d3b; font-size:30px;padding: 8px; }
.mobile-header .mobile-cart span { position: absolute; top:11px; right: 15px; font-size:11px;}
.mobile-header .mblMenu { position: absolute; left: 0; top: 0; z-index: 2; width: 65px; font-size: 30px; color: #3c3d3b; padding: 8px 24px; }

#sidebar { background: #f8f8f8; border-top: 1px solid #e6e6e6; position: fixed; width: 100%; left: 0; top: 101px; height: 100%; z-index: 9999; display: none; }
#sidebar.active { display: block; }

.gw-login a{float:left;width:50%;border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;display:block;font-size:16px;color:#53534a;padding:12px 0}
.gw-login a:last-child{border-right:0}
.gw-login a i{margin-right:4px}
.gw-sidebar{padding:10px}
.gw-sidebar .nano-pane{background:rgba(255,255,255,0);font-size:15px}
.nano-content{list-style:none;margin:0;background-color:#fff;padding:0 12px;font-size:16px;color:#666;border:1px solid #e6e6e6;line-height:1.2;font-weight:500;overflow-x:hidden;overflow-y:scroll;height:100%}
.gw-sidebar .gw-nav-list li a{padding-left:20px}
.gw-nav-list{margin:0;padding:0;list-style:none}
.gw-nav-list>li:first-child{border-top:0}
.gw-nav-list>li{display:block;padding:0;margin:0;border:0;border-top:1px solid #fcfcfc;border-bottom:1px solid #e5e5e5;position:relative;text-decoration:none}
.gw-nav-list>li:last-child{border-bottom:none}
@-webkit-keyframes arrow-slide{100%{-webkit-transform:rotate(225deg);z-index:3}}
@-webkit-keyframes arrow-slide1{100%{-webkit-transform:rotate(225deg);z-index:3}}
.gw-nav-list>li.arrow-down:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-top:1px solid #bababa;border-left:1px solid #bababa;-webkit-transform:rotate(45deg);-webkit-animation:arrow-slide .5s 0s ease both}
.gw-nav-list>li.init-arrow-down:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-right:1px solid #bababa;border-bottom:1px solid #bababa;-webkit-transform:rotate(45deg)}
.gw-nav-list>li.arrow-up:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-right:1px solid #bababa;border-bottom:1px solid #bababa;-webkit-transform:rotate(45deg);-webkit-animation:arrow-slide1 .5s 0s ease both}
.gw-nav-list>li.init-arrow-up:after{content:'';width:7px;height:7px;position:absolute;right:10px;top:15px;border-top:1px solid #bababa;border-left:1px solid #bababa;-webkit-transform:rotate(45deg)}
.gw-nav-list>li.active{background-color:#fff}
.gw-nav-list>li>a{display:block;height:42px;line-height:42px;padding:0 16px 0 7px;color:#666;text-shadow:none!important;font-size:16px;font-weight:500;text-decoration:none}
.gw-open>a{outline:0}
.gw-nav-list>li.gw-open{border-bottom-color:#e5e5e5}
.gw-nav-list>li.gw-open>a{background-color:#fafafa;color:#1963aa}
.gw-nav-list .gw-open>a,
.gw-nav-list .gw-open>a:focus,
.gw-nav-list .gw-open>a:hover{background-color:#fafafa}
.gw-nav .gw-open>a,
.gw-nav .gw-open>a:focus,
.gw-nav .gw-open>a:hover{background-color:#eee;border-color:#428bca}
.gw-nav-list>li.active>a,
.gw-nav-list>li.active>a:active,
.gw-nav-list>li.active>a:focus,
.gw-nav-list>li.active>a:hover{background-color:#fff;color:#dd4814;font-weight:800;font-size:16px}
.gw-nav-list .gw-nav-header,
.gw-nav-list>li>a{margin:0}
.gw-nav-list>li.active>a>[class*=icon-]{font-weight:400}
.gw-nav-list>li.active>a:hover:before{display:none}
.gw-nav-list>li.active:before{display:inline-block;content:"";position:absolute;right:-13px;top:-1px;bottom:0;z-index:1;border-right:1px solid #dd4814}
.gw-nav-list li.gw-open>a:after{display:none}
.gw-nav-list>li a>.gw-arrow{display:inline-block;width:14px!important;height:14px;line-height:14px;text-shadow:none;font-size:18px;position:absolute;right:11px;top:11px;padding:0;color:#666}
.gw-nav-list>li a:hover>.gw-arrow,
.gw-nav-list>li.active>a>.gw-arrow,
.gw-nav-list>li.gw-open>a>.gw-arrow{color:#1963aa}
.gw-nav-list>li>a>[class*=icon-]:first-child{display:inline-block;vertical-align:middle;min-width:30px;text-align:center;font-size:18px;font-weight:400;margin-right:2px}
.gw-nav-list>li .gw-submenu{font-size:13px;display:none;list-style:none;margin:0;padding:0;position:relative;background-color:#fff;border-top:1px solid #e5e5e5}
.gw-nav-list>li .gw-submenu>li{margin-left:0;position:relative}
.gw-nav-list>li .gw-submenu>li>a{display:block;position:relative;color:#616161;padding:11px 0 9px 35px;margin:0;border-top:1px dotted #e4e4e4;font-size:14px;font-weight:400;text-decoration:none}
.gw-nav-list>li .gw-submenu>li>a:focus{text-decoration:none}
.gw-nav-list>li .gw-submenu>li>a:hover{text-decoration:none;color:#dd4814;background-color:rgba(25,25,50,.1)}
.gw-nav-list>li .gw-submenu>li.active:after{display:inline-block;content:"";position:absolute;right:-1px;top:-1px;bottom:0;z-index:1;border:2px solid #dd4814}
.gw-nav-list>li .gw-submenu>li.active>a{color:#dd4814}
.gw-nav-list>li .gw-submenu>li a>[class*=icon-]:first-child{display:none;font-size:12px;font-weight:400;width:18px;height:auto;line-height:12px;text-align:center;position:absolute;left:10px;top:11px;z-index:1;background-color:#fff}
.gw-nav-list>li .gw-submenu>li.active>a>[class*=icon-]:first-child,
.gw-nav-list>li .gw-submenu>li:hover>a>[class*=icon-]:first-child{display:inline-block}
.gw-nav-list>li .gw-submenu>li.active>a>[class*=icon-]:first-child{color:#c86139}
.gw-nav-list>li>.gw-submenu>li:first-child>a{border-top:0}
.gw-nav-list li .gw-submenu{overflow:hidden}
.gw-nav-list li.active.gw-open>.gw-submenu>li.active.gw-open>a.dropdown-toggle:after{display:none}
.gw-nav-list li.active>.gw-submenu>li.active>a:after{display:none}
.gw-nav-list li.active.gw-open>.gw-submenu>li.active>a:after{display:block}
.gw-nav-tabs li[class*=" icon-"],
.nav-tabs li[class^=icon-]{width:1.25em;display:inline-block;text-align:center}


.bg1 { background: #f05c1d; background: -webkit-gradient(linear,0 0,0 bottom,from(#f9ad0a),to(#ea3d1a)); background: -ms-linear-gradient(#f9ad0a,#ea3d1a); background: -webkit-linear-gradient(#f9ad0a,#ea3d1a); background: linear-gradient(#f9ad0a,#ea3d1a); background: -webkit-linear-gradient(left,#f05c1d,#faa00d); background: -o-linear-gradient(right,#f05c1d,#faa00d); background: -moz-linear-gradient(right,#f05c1d,#faa00d,#f05c1d); background: linear-gradient(to right,#f05c1d,#faa00d); -pie-background: linear-gradient(#f9ad0a #ea3d1a); color: #fff; }
.bg-grey { background: #f7f7f7; }
.bg-white { background: #ffffff; }
.bg-green { background: linear-gradient(to right,#4eb246 0,#1fa1be 100%)!important; }

.w-100 { width: 100%!important; }
.m-top10 { margin-top: 10px; }
.m-top20 { margin-top: 20px; }
.m-top30 { margin-top: 30px; }
.m-top40 { margin-top: 40px; }
.m-top50 { margin-top: 50px; }

.hide { display: none !important; }

/* --------------------------------------------------------
    Header
----------------------------------------------------------- */
.header { position: relative;left: 0;top: 0;width: 100%;z-index: 4;background: #fff; border-bottom: 2px solid #eee;}
.header .dropdown-toggle::after { display: none; }

.top-bar { position: relative; background: #333333;color: #fff;}
.top-bar ul { position: relative; display: -ms-flexbox; display: flex;justify-content: flex-end;list-style: none;padding: 0;margin: 0;}
.top-bar ul li { position: relative; flex: 0 0 auto;}
.top-bar ul li a {position: relative; display: block;width: 100%;padding: 10px 18px; color: #fff;font-size: 13px;font-weight: 600;}
.top-bar ul li a:hover {text-decoration: none; background-color: rgba(0,0,0,.12)!important; }
.top-bar ul li a>img {position: absolute;left: 14px;top: 10px; display: inline-block;height: 18px;margin-right: 4px;}
.top-bar ul li a>.img {position: absolute;left: 14px;top: 10px; display: inline-block;height: 18px;width: 18px; margin-right: 4px; fill: #fff;}
.top-bar ul li.phone-lnk a { padding-left: 35px;}
.top-bar ul li.login-lnk a { padding-left: 35px; background-color: #4f4f4f !important;}
.top-bar ul li .btn { border: 0;background: transparent;color: #fff; font-size: 13px;font-weight: 600; padding: 10px 12px;line-height: inherit;}
.top-bar ul li .dropdown:hover,
.top-bar ul li .dropdown.show {text-decoration: none; background-color: rgba(0,0,0,.12)!important; }
.top-bar ul li .dropdown-menu { border: 0;padding: 0;border-radius: 0;}
.top-bar ul li .dropdown-item { color: #333;font-size: 13px; }
.top-bar ul.toplink1 {color: #fff;font-size: 13px;font-weight: 600;justify-content: flex-start;}
.top-bar ul.toplink1 li a { position: relative; padding-left: 26px; }
.top-bar ul.toplink1 li a:after { position: absolute; content: ''; right: 5px; top:0; width: 1px; height: 100%; background: #ffffff1c; }
.top-bar ul.toplink1 li a i { position: absolute; left:1px; top: 10px; font-size:20px; }
.top-bar ul.toplink1 li.currency-link { width: 76px; }
.top-bar ul.toplink1 li.currency-link a { padding-right: 26px; }
.top-bar ul.toplink1 li.currency-link a i { width: 18px; height: 18px; left: 3px; font-size: 16px; line-height: 18px; border-radius: 50%; background: #dfdfdf; color:#333; }
.top-bar ul.toplink1 li.currency-link a:before { position: absolute; content: ''; right: 14px; top: 18px; display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; color:#dfdfdf; border-top: .3em solid; border-right: .3em solid #0000; border-bottom: 0; border-left: .3em solid #0000; }
.top-bar ul.toplink2 {}
.top-bar ul.toplink2 li a { position: relative; padding-left: 26px; }
.top-bar ul.toplink2 li a i { position: absolute; left:4px; top: 10px; font-size:20px; }
.top-bar ul.toplink2 li.currency-link a i { width: 18px; height: 18px; font-size: 16px; line-height: 18px; border-radius: 50%; background: #dfdfdf; color:#333; }
.top-bar ul.toplink1 li a:hover,
.top-bar ul.toplink2 li a:hover{ color: #f26d1c; }
.top-bar ul.toplink1 li.currency-link a:hover i { color: #fff; background: #f26d1c; }
.top-bar ul.toplink1 li.currency-link a:hover:before { color: #f26d1c; }

.navbar-light {padding: 0;  z-index: 3;width: 100%;}
.navbar-light .navbar-brand img { height: 40px; }
.navbar-light .navbar-nav .nav-item { margin-right: 15px; }
.navbar-light .navbar-nav .nav-item:last-child { margin-right: 0; }
.navbar-light .navbar-nav .nav-item .nav-link { position: relative; color: #373D41;font-weight: 700;font-size: 16px; padding: 20px 5px; display: block;}
.navbar .dropdown {position:static;}
.navbar .dropdown-menu { width:100%; left:0; right:0; top:50px; margin-top: 12px;border-radius: 0; border: 0; background-color: #fff;padding: 0;}
.navbar-nav .nav-item.show .nav-link { position: relative;  color: #031b4e; }
.navbar-nav .nav-item.show .nav-link:before { position: absolute;content: ''; bottom: 2px;left: 0; height: 3px;width: 100%;background: #f60;  }
.cart-menu {border-left: 1px solid #e7e7e8; padding-left: 15px; margin-left: 20px;}
.cart-menu .badge { background-color: #f60;}
.cart-menu li { position: relative; padding-left: 28px;}
.cart-menu i { font-size: 25px;position: absolute;left:-27px;top: 17px;}




.mega-menu-header {
    background: #fff;
    padding: 20px 0;
    border-top: 1px solid #e7e7e8;
    position: absolute;
    top: 90%;
    left: 18%;
    width: 65%;
    border-radius: 10px;
    /* background: var(--color-white); */
    box-shadow: rgba(0, 0, 0, 0.53) 0px 100px 50px;
    overflow: hidden;
}

/* .mega-menu-header { background: #fff;padding: 20px 0; border-top: 1px solid #e7e7e8; box-shadow: rgba(0, 0, 0, .5) 0 130px 190px;} */
.mega-menu-header:after, 
.mega-menu-header:before { display: table; content: " "; clear: both; }
.mega-menu-header .col-md-4 { position: relative;padding: 0 30px;}
.mega-menu-header .col-md-4:after { position: absolute; content: ''; right:-2px; top:0; background: #e7e7e8; width: 1px; height: 100%; }
.mega-menu-header .col-md-4:last-child:after {display: none; }
.mega-menu-header p { font-size: 13px;margin-bottom: 0;line-height: 1.4; color: #6a6a6a;}
.mega-menu-header p b { font-size: 20px; color: #373D41;}
.mega-menu-header b { display: block; font-size: 14px;font-weight: 700;margin-bottom: 0; color: #333; margin-left: 5px; }
.mega-menu-header ul { list-style: none;padding: 0;margin: 0; }
.mega-menu-header ul li { border-bottom: 1px solid #e7e7e8; padding: 5px 0;}
.mega-menu-header ul li:last-child { border-bottom: 0; }
.mega-menu-header ul li a {display: block; color: #373D41; font-weight: 600; font-size: 14px;line-height: 1.5; padding: 10px 5px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.mega-menu-header ul li a p { position: relative; margin: 0; white-space: normal; line-height: 1.4;}


.mega-menu-header a .menu-icon { width: 60px; height: 60px; float: left; margin-right: 15px; display: -webkit-inline-flex; display: inline-flex; justify-content: center; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1),0px 1px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1); margin-bottom: 20px; }
.mega-menu-header a .menu-icon img { width: 32px; margin: 0 auto; transition: all 0.2s; transition: all 0.2s; }
.mega-menu-header a:hover {  color: #f60; /*border-radius: 2px; -webkit-box-shadow: 0 1px 9px 1px rgba(0,0,0,.18); -moz-box-shadow: 0 1px 9px 1px rgba(0,0,0,.18); box-shadow: 0 1px 9px 1px rgba(0,0,0,.18);*/}
.mega-menu-header a:hover .menu-icon { -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px;  -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
.mega-menu-header a:hover .menu-icon img {  -ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.mega-menu-header a .menu-text { font-size: 14px; font-weight: 400; }
.mega-menu-header a .menu-text b { display: block; font-weight: 700; font-size: 16px; margin:0 0 1px; }
.mega-menu-header a .menu-text b small { position: relative; top:-1px; font-size: 11px; }
.mega-menu-header a:hover .menu-text { color: #6a6a6a; }
.mega-menu-header a:hover .menu-text b { color: #f60; }

.menu-icon { background: #f60; /*background: linear-gradient(to right,#f05c1d,#faa00d);*/ transition: all 0.2s; }

.menuTopFix.sticky {position: fixed; background: #fff; padding: 0; box-shadow: 0 2px 4px rgba(3, 27, 78, .1); width: 100%; top: 0; left: 0; z-index: 3; }

.menu-kampanya { background: #f15b26; border-radius: 3px; color: #fff; font-size: 11px; line-height: 1; letter-spacing: .01em; padding: 2px 10px 2px; position: absolute; right: 0; top: 5px; text-transform: uppercase;}
.menu-kampanya:before { border: 5px solid #0000; border-right-color: #f15b26; bottom: -5px; content: ""; display: block; position: absolute; right: 0; }

.menu-kampanya.green { background: #4eb246; }
.menu-kampanya.green:before {border-right-color: #4eb246;}


    @media only screen and (max-width: 767px){
        .header { display: none; }
        .mobile-header { display: contents; }
    }


/* --------------------------------------------------------
    Home Page
----------------------------------------------------------- */

/* slider */
#home-carousel .carousel-item { position: relative; height: 400px; text-align: left;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50%; }
/*#home-carousel .carousel-item:before { position: absolute; content: ''; left: 0; top:0; height: 100%; width: 100%; background: #000000bf; background: linear-gradient(-90deg,#0000,#000);}*/
#home-carousel .page-banner-color { position: absolute; right: 0; overflow: hidden; height: 100%; width: 100%; }
#home-carousel .page-banner-color .page-background {position: absolute; right: 0; overflow: hidden; clip-path: polygon(100px 0, 100% 0, 100% 100%, 0.3% 100%); -webkit-clip-path: polygon(100px 0, 100% 0, 100% 100%, 0.3% 100%); height: 100%; width: 100%;}
#home-carousel .page-banner-text { height: 400px; padding: 20px 0; font-size: 18px; line-height: 1.4; }
#home-carousel .page-banner-text h1 { font-size: 42px; font-weight: 800; margin:0;}
#home-carousel .page-banner-text h1 span { display: block; font-size: 20px; }
#home-carousel .page-banner-text p { font-size: 22px; }
#home-carousel .page-banner-text p.text-muted { font-size: 16px; margin: 10px 0 0; width: 220px; text-align: center;}
#home-carousel .page-banner-text ul { margin-bottom: 20px; overflow: hidden; }
#home-carousel .page-banner-text li { float: left; padding: 5px 0; width: 50%; }
#home-carousel .page-banner-text .btn { width: 220px; height: 52px; line-height: 22px; font-size: 20px; }
#home-carousel .banner-hero { width: 100%; margin: 0 auto; display: block; z-index: 1; margin-left: 18px; position: absolute; right: -563px; width: initial; max-width: 610px; bottom: 10px; }
#home-carousel .carousel-control-prev { width: 75px; }
#home-carousel .carousel-control-next {width: 75px;}
.carousel-indicators { z-index: 2; }

@media only screen and (max-width: 767px){
    .carousel-control-next,
    .carousel-control-prev {top: 75%;}
    #home-carousel .page-banner-color { display: none; }
    #home-carousel .page-banner-text { padding: 70px 15px; font-size: 16px; }
    #home-carousel .page-banner-text p { font-size: 20px; }
    #home-carousel .carousel-item { background-position: 50% 70px; background-color: #f3f3f3;}
    #home-carousel .banner-hero { display: none; }
}

/* home-product */
.home-product { position: relative; padding: 60px 0; background-color: #fff; }
.home-product .heading { margin-bottom: 20px; }
.home-box { float:left; width:calc(20% - 2px); position: relative; text-align: center; margin: 15px 1px; border-radius: 3px; overflow: hidden; background: #fff; padding: 20px 10px;border: 1px solid #e6e9ed; box-shadow: 0 0 50px rgba(34,34,34,0.2);border-bottom: 5px solid #3a3a3a;}
.home-box img { display: block; margin: 0 auto 10px; height: 80px;}
.home-box .p-price { position: relative;text-align: center; padding: 10px 0 5px; }
.home-box .p-price .price-tag { padding-left: 15px; font-size: 56px;line-height: 1; font-weight: 800; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row;justify-content: center; }
.home-box .p-price .price-tag span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; justify-content: center; }
.home-box .p-price .price-tag sub { color: #242736; font-size: 14px; font-weight: 600; bottom: 0; top: 12px; left: 10px; height: -webkit-max-content; height: -moz-max-content; height: max-content; }
.home-box .p-price .price-tag sup { font-size: 28px;top: -10px; left: -20px; height: -webkit-max-content; height: -moz-max-content; height: max-content; }
.home-box .p-price .price-tag sup > small { font-weight: 300;margin-left: 3px; }
.home-box .title { font-size: 18px; font-weight: 700; text-align: center; }
.home-box .desc { font-size: 12px; line-height: 1.3; text-align: center; margin-bottom: 15px; }
.home-box .btn { font-size: 16px; border-radius: 4px; padding: 12px 40px;}

@media only screen and (max-width: 767px){
    .home-box { width: calc(50% - 2px); margin: 2px 1px; min-height: 350px;}
    .home-box:nth-child(1) { width: calc(100% - 2px);}
}

    /* home-customer */
.home-customer { position: relative; width: 100%; padding: 70px 0; }
.home-customer .heading { margin-bottom: 40px; }
.home-customer .heading-desc { font-size: 24px; color:#ffc22c; }
.home-customer .reviews-box { position: relative; }
.home-customer .reviews-box .reviews {  background: #f7f7f7; border-radius: 3px; padding: 25px; color: #333; position: relative; margin-bottom: 20px; font-size: 14px;line-height: 1.5; }
.home-customer .reviews-box .reviews:after{ content: ''; position: absolute; left: 12%; top: 100%; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #f7f7f7; clear: both; }
.home-customer .reviews-box .reviews-author { display: table; padding-top: 10px; padding-left: 20px; }
.home-customer .reviews-box .reviews-author img { width: 55px; height: auto; border-radius: 50%; display: table-cell; }
.home-customer .reviews-box .reviews-author h4 { display: table-cell; vertical-align: middle; font-size: 14px;font-weight: 600; padding-left: 15px; padding-top: 3px; margin-top: 10px; margin-bottom: 10px;line-height: 1.2; }
.home-customer .reviews-box .reviews-author h4 span { display: block;font-size: 14px; color: #717988; padding-top: 1px; }
.home-customer .reviews-box .reviews-author h4 span>span { display: block;font-size: 90%;font-weight: normal;padding-top: 2px;}
.home-customer .owl-dots { display: none; }
.home-customer .owl-nav {position: absolute;top: 124px; width: 100%; font-size: 60px; }
.home-customer .owl-nav .owl-prev { position: absolute; right: 40px;color: #abacb3 !important;}
.home-customer .owl-nav .owl-next { position: absolute; right: 10px;color: #abacb3 !important; }


/* home-domain-bar */
.home-domain-bar { position: relative; padding: 40px 0 30px; overflow: hidden; padding-left:5%;  background-size: cover;  background-repeat: no-repeat; background: #333333;}
.home-domain-bar:before { position: absolute; content: ''; left: 70%; top:0; background-image: url(../img/page/banner-light.svg); width: 100%; height: 100%; mix-blend-mode: color-burn; opacity: .4;}
.home-domain-bar .text { color:#fff; margin-bottom: 15px; overflow: hidden; }
.home-domain-bar .text h2 { font-size: 30px; margin-bottom: 5px; }
.home-domain-bar .text p { font-size: 18px; color: #fff;}
.home-domain-bar .form-bg { background: #fff; overflow: hidden; border-radius: 4px;}
.home-domain-bar .form-bg input { float: left; border: 0; padding: 10px 25px; width: calc(100% - 150px); height: 56px; border-radius: 4px;font-weight: 500; }
.home-domain-bar .form-bg .btn { float: right; width: 150px; padding: 10px 15px; height: 56px; border-radius: 0;font-weight: 500;}
.home-domain-bar ul.domain-link { list-style: none; padding: 0; margin:0 0 10px; clear: both; display: inline-block; text-align: center;}
.home-domain-bar ul.domain-link li { position: relative; display: inline-block; padding: 0 10px; font-size: 16px;}
.home-domain-bar ul.domain-link li a { color:#fff; font-weight: 500; }
.home-domain-bar ul.domain-link li:after { position: absolute; content: ''; top: 3px; right: -2px; height: 16px; width: 1px; background: #ffffff40; }
.home-domain-bar ul.domain-link li:last-child:after { display: none; }

.custom-switch { padding-left: 57px; min-height: 33px; }
.custom-switch .custom-control-label { line-height: 32px; font-size: 15px;}
.custom-switch .custom-control-label::before { width: 50px;height: 26px; border-radius: 20px; left: -57px;}
.custom-switch .custom-control-label::after { width: calc(24px - 4px); height: calc(24px - 4px); top: calc(5px + 2px); left: calc(-55px + 2px); border-radius: 20px;}
.custom-switch .custom-control-input:checked~.custom-control-label::after { -webkit-transform: translateX(22px); transform: translateX(22px); }
.custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #f66503; background-color: #f66503; }
.custom-control-input { width: 56px; height: 33px; }
.custom-control-input:focus { box-shadow: none; border: 0; }


/* home-domain-price */
.home-domain-price { position: relative; padding: 0 0 20px; background: #333333; padding-left: 5%; color:#fff; ;}
.home-domain-price #domainPrice .owl-item { position: relative; }
.home-domain-price #domainPrice .owl-item:after { position: absolute; content: ''; right: -4px; top: 2px; width: 1px; height: 22px; background: #ffffff40; }
.home-domain-price #domainPrice .owl-item:first-child:after { display: none; }
.home-domain-price .item-price { text-align: center; }
.home-domain-price .item-price .name { display:inline-block; font-size: 18px; font-weight: 800; margin-right: 10px; background: #4eb246; border-radius: 4px; color:#fff; padding: 2px 6px 4px; line-height: 1;}
.home-domain-price .item-price .price {  display:inline-block; }
.home-domain-price .item-price .price sub { position: relative; font-size:15px; font-weight: 300;  bottom: inherit;}
.home-domain-price .item-price .price sub:after { content: ""; position: absolute; bottom: 0; left: 0; border-top: 1px solid #f00; height: 45%; height: calc(50% - 1px); width: 100%; transform: rotateZ(-10deg); }
.home-domain-price .item-price .price sup { font-size: 18px; font-weight: 800; top: inherit;}
.home-domain-price.bg-green .item-price .name { background: #333; }

@media only screen and (max-width: 767px) {
    .home-domain-bar .text { text-align: center; margin-bottom: 15px;}
    .home-domain-bar .form-bg input {width: calc(100% - 100px); padding: 10px;}
    .home-domain-bar .form-bg .btn { width: 100px; }
    .home-domain-price { padding-top: 20px; padding-bottom: 20px; }
    .home-domain-price .item-price .name { margin-right: 2px; }
    .detail-container { padding: 30px !important; }
}

.home-counter { position: relative; overflow: hidden; padding: 45px 0 50px; color:#fff; background: linear-gradient(to right,#f05c1d,#faa00d);}
.home-counter:before { position: absolute; content: ''; right: -50px; bottom: 20px; z-index: 1; background-image: url(../img/map.png); width: 600px; height: 500px; background-repeat: no-repeat; background-position: left bottom; mix-blend-mode: hard-light; background-size: 600px; }
.home-counter .heading { margin-bottom: 30px; }
.home-counter .heading .heading-title { font-size: 38px; margin-bottom: 5px; }
.home-counter .heading .heading-desc { font-size: 22px; }
.home-counter p { position: relative; font-size: 32px; line-height: 1.2; font-weight: 800; margin-bottom: 0; display: block; }
.home-counter p:after { position: absolute; content: ''; right: 6px; top:9px; height: 42px; width: 1px; background: #f69837; }
.home-counter p:last-child:after {  }
.home-counter p span { display: block; font-size: 18px; font-weight: 400; }

@media only screen and (max-width: 767px) {
    .home-counter:before {display: none; }
    .home-counter .col-lg-3 { margin: 15px 0; }
   
}

/* home-suppor */
.home-support { position: relative; padding: 0; overflow: hidden; background: linear-gradient(to right,#f05c1d,#faa00d);}
.home-support:before { position: absolute; content: ''; left: 70%; top: 0; background-image: url(../img/page/banner-light.svg); width: 100%; height: 100%; mix-blend-mode: color-burn; opacity: .7; }
.home-support p { font-size: 34px; line-height: 1.4; font-weight: 700; margin:0; color:#fff; text-align: center; }
.home-support p>span { display: block; font-size: 22px; font-weight: 400;}
.home-support p>span>a { color:#fff; display: inline-block; padding-left: 6px;}
.home-support a { position: relative; color:#fff; float: left;  margin:20px 0; font-size: 18px; line-height: 1.4; width: 50%; text-align: center;transition: transform .2s; }
.home-support a:nth-child(1) { border-right: 1px solid #ffffff80;  }
.home-support a:nth-child(1):after { position: absolute; content: ''; bottom:-20px; left:0; width: 95%; height: 1px; background: #ffffff80;}
.home-support a:nth-child(2) {  }
.home-support a:nth-child(2):after { position: absolute; content: ''; bottom:-20px; right:0; width: 95%; height: 1px; background: #ffffff80;}
.home-support a:nth-child(3) { border-right: 1px solid #ffffff80;  }
.home-support a:nth-child(4) {  }
.home-support a>b { font-weight: 400; }
.home-support a>i { display: block; font-size: 52px; margin-bottom: 5px;transition: transform .2s;}
.home-support a>span { display: block; font-size: 16px; font-weight: 800; }
.home-support .text { position:relative; display: flex; align-items: end;  }
.home-support .text:before { position: absolute; content: ''; left: -50px; bottom: 28px; z-index: 1; background-image: url(../img/support.png); width: 600px; height: 500px; background-repeat: no-repeat; background-position: left bottom;  mix-blend-mode: multiply; background-size: 600px;}
.home-support .icon { padding: 50px 0 30px 0; }
.home-support a:hover i {  transform: translateY(-10px); }


@media only screen and (max-width: 767px){
    .home-support { text-align: center; }
    .home-support p { font-size: 28px; margin-bottom: 30px; }
    .home-support p>span { font-size: 16px; }
}


/* --------------------------------------------------------
    Page Baner
----------------------------------------------------------- */
.page-banner { position: relative; background: #333333; overflow:hidden; height: 390px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50%;}
.page-banner:before { position: absolute; content: ''; left: 0; top:0; height: 100%; width: 100%; /*background: #000000bf;*/ background: linear-gradient(-90deg,#0000,#000);}
.page-banner .page-banner-color { position: relative; }
.page-banner .page-banner-text { color:#fff; overflow: hidden; height: 100%; width: 100%; padding: 54px 50px 0 0; font-size: 18px; line-height: 1.4; }
.page-banner .page-banner-text h1 { font-size: 42px; margin:0 0 10px;}
.page-banner .page-banner-text h1 span { display: block; font-size: 20px; color: #ffffffbf;}
.page-banner .page-banner-text p { font-size: 20px; margin-bottom: 10px; color: #ffffffbf;}
.page-banner .page-banner-text ul { margin-bottom: 15px; overflow: hidden; }
.page-banner .page-banner-text li { float: left; padding: 8px 0; width: 50%; }
.page-banner .page-banner-text li i{ position: relative; top: 4px; background: url(../img/check-w.svg) 0 0 no-repeat; background-size: 20px; width: 20px; height: 20px; margin-right: 5px; }
.page-banner .page-banner-text li i:before { display: none; }
.page-banner .banner-hero { width: 100%; margin: 0 auto; display: block; z-index: 1; margin-left: 18px; position: absolute; right: -563px; width: initial; max-width: 610px; bottom: 0; }
.badge-taksit { position: absolute; left:-75px; top: 30px; width: 200px;}
.badge-taksit3 { position: absolute; right: -148px; top: -37px; width: 180px;}

    @media only screen and (max-width: 767px){
        .page-banner { height: 460px; }
        .page-banner .page-banner-color { display: none; }
        .page-banner .page-banner-text { padding: 30px 15px; font-size: 16px; }
        .page-banner .page-banner-text h1 { font-size: 32px; }
        .page-banner .page-banner-text li { width: 100%; padding: 4px 0; }
        .badge-taksit {display: none; }
        .badge-taksit3 {display: none; }
    }

.page-menu { position: relative; min-height: 53px; padding: 10px 0; background: #fff;border-bottom: 1px solid #00000040;}
.page-menu ul { list-style: none; padding: 0; margin: 0; text-align: right; }
.page-menu ul li { display: inline-block;   }
.page-menu ul li a { position: relative; display: block; width: 100%; padding: 8px 10px; font-size: 14px; line-height: 1; -webkit-transition: all 1s ease; transition: all 1s ease; color: #3a3a3a;}
.page-menu ul li a:hover:after,
.page-menu ul li a.active:after { content: ""; position: absolute; display: block; width: 80%; height: 3px; border-radius: 50px; left: 0; bottom:-2px; margin: 0 auto; right: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background: linear-gradient(to right,#faa00d 0,#f05c1d 100%)!important; }
.page-menu ul li.buy a { background: #4eb246; color: #fff; font-weight: 600; border: 1px solid #4eb246; padding: 8px 20px; border-radius: 38px;}
.page-menu ul li.buy a:hover:after { display: none; }
.page-menu .breadcrumb { margin-bottom: 0; margin-top: 8px; background: transparent; padding: 0; font-size: 13px;}
.page-menu .breadcrumb li a { color:#333; }

    @media only screen and (max-width: 767px){
        .page-menu { display: none; }
    }

.page-content { position: relative; padding: 60px 0; background-color: #fff; }
.page-content h4 { font-size: 15px; margin: 0; text-transform: uppercase; color: #333333b5; font-weight: 500; }
.page-content h3 { font-size: 25px; font-weight: 700; margin-top: 15px; margin-bottom: 15px; }
.page-content p {  line-height: 1.618; color: #5a5a5a; margin-bottom: 20px; font-size: 16px; font-weight: 400; }
.page-content p:last-child { margin-bottom: 0; }
.line { width: 50px; height: 7px; border-radius: 50px; color: #3a3a3a; margin-top: 20px; margin-bottom: 20px; }
.service-block1 { overflow: hidden; margin: 15px 0;}
.service-block1 h3 { font-size: 19.2px; font-weight: 600; margin:0 0 15px;}
.service-block1 p { font-size:16px; font-weight: 300; line-height: 1.5; margin:0 0 15px; }
.service-block1 img { width: 100%; max-width: 96px; max-height: 96px; display: block; margin: 0 auto; }

.content-steps { text-align: center; }
.content-steps img { margin: 0 auto 15px; display: block; }
.content-steps h5 { margin: 0 auto 5px; display: block; }

/* product-carousel */
.product-carousel .carousel-item { position: relative; border: 1px solid #e6e9ed; background: #fff; padding: 2px 5px; height: 408px;overflow: hidden;text-align: left;color: #3C4858;background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important;display: flex; align-items: center;}
.product-carousel .carousel-indicators { z-index: 2; bottom: 0;}
.product-carousel .carousel-indicators li { opacity: 1; width: 12px; height: 12px; border-radius: 50%;background: #f1671b; border: 1px solid #f1671b; margin: 0 1px; }
.product-carousel .carousel-indicators .active {background: #fff; width: 12px; height: 12px; border: 1px solid #f1671b;}

/* section__partner */
.common-features { position: relative; padding: 60px 0;}
.common-features ul li { float: left; width: 20%; padding: 10px 0; font-size: 17px; font-weight: 500;}
.common-features ul li i { position: relative; top: 4px; background: url(../img/check.svg) 0 4px no-repeat; background-size: 20px; width: 20px; height: 24px; margin-right: 5px;}
.common-features ul li i:before { display: none; }


/* section__partner */
.page-partner { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.page-partner .partner { display: flex; align-items: center; width: 110px; height: 40px; margin-bottom: 30px; margin-right: 25px; }
.page-partner .partner img { width: 100%; height: auto; }


    @media only screen and (max-width: 767px){
        .page-content .col-lg-8 img { max-width: 100% !important; width: 100% !important; }
        .page-content .col-lg-6 img { max-width: 100% !important; width: 100% !important; }
        .page-partner img { display: block; margin-bottom: 30px; }
        .common-features ul li { width: 100%; }
    }


/* --------------------------------------------------------
    Dedicated
----------------------------------------------------------- */
.server-wrap { position: relative; }

.server-filter { width: 100%; position: relative; padding: 10px 0 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.server-filter > div { width: 25%; }
.server-filter > div > span { display: block; font-weight: 600; font-size: 15px; margin-bottom: 5px; }
.server-filter > div > div { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;}
.server-filter > div > div input { position: relative; top:-1px; margin-right: 5px; }
.server-filter > div > div label { margin-bottom: 0; margin-right: 15px; font-size: 15px; cursor: pointer; }
.server-filter > div.disk {}
.server-filter > div.brand {}
.server-filter > div.core {}

.server-header { background: #333; width: 100%; border-radius: 3px; margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center;-webkit-box-shadow: 1px 2px 7px rgba(0,0,0,.09); -moz-box-shadow: 1px 2px 7px rgba(0,0,0,.09); box-shadow: 1px 2px 7px rgba(0,0,0,.09); transition: all .2s ease-in-out; }
.server-header > div { font-weight: 600; color:#fff; width: 12.5%; padding: 20px 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; text-align: center; }
.server-header > div.price { text-align: right;justify-content: flex-end; align-items: flex-end; padding-right: 25px; }
.server-header > div.ram { width: 9%; }
.server-header > div.name { width: 15%; }


.server-row { position: relative; background: #fff; border-radius: 3px; margin-bottom: 10px; padding: 10px; font-size:14px; width: 100%; -webkit-box-shadow: 1px 2px 7px rgba(0,0,0,.09); -moz-box-shadow: 1px 2px 7px rgba(0,0,0,.09); box-shadow: 1px 2px 7px rgba(0,0,0,.09); transition: all .2s ease-in-out;}
.server-row.passive {     z-index: 1; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.5s ease; opacity: .5;}
.server-row .item-feature { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.server-row .item-feature > div { position: relative; padding: 0 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-flow: column; text-align: center; line-height: 1.3; width: 12.5%; }
.server-row .item-feature > div.name { width: 15%; padding-right: 20px; }
.server-row .item-feature > div.name > .brand { width: 32px; margin-bottom: 5px;}
.server-row .item-feature > div.name > .brand img { width:100%; }
.server-row .item-feature > div > span.badge { position: relative; margin-bottom: 10px; }
.server-row .item-feature > div > span.badge:after { position: absolute; content: ''; bottom: -5px; left: 54%; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #31a745; }
.server-row .item-feature > div > span.badge-warning:after { border-top: 6px solid #ffc107; }
.server-row .item-feature > div > span.badge-danger:after { border-top: 6px solid #dc3545; }
.server-row .item-feature > div > span.badge-dark:after { border-top: 6px solid #343a40; }
.server-row .item-feature > div.name > .product { margin-bottom: 5px; }
.server-row .item-feature > div.name > .product img { width:100%; }
.server-row .item-feature > div.name > .more { font-size: 12px; }
.server-row .item-feature > div.ram { width: 9%; }
.server-row .item-feature > div.price { text-align: right; flex-flow: wrap; align-items: flex-end; padding-right: 15px; font-weight: 700; font-size: 18px; }
.server-row .item-feature > div.price span > span { display: inline-block; font-size: 80%; }
.server-row .item-feature > div.order { width: 12.5%; }
.server-row .item-feature > div.order .btn { padding: 15px 0; width: 100%; }
.server-row.passive .item-feature > div.order .btn { text-indent: -9999px; padding: 0px 0 14px; }
.server-row.passive .item-feature > div.order .btn:after { position: relative; text-indent: 0; display:block; line-height: inherit; content: 'STOKTA YOK'; }

.server-row .item-detail { border-top: 1px solid #E5E8ED; padding: 15px 15px 0; margin-top: 15px; transition: all .2s ease-in-out; display: none; }
.server-row .item-detail.open { display: block; }
.server-row .item-detail img { float: left; width: 140px; margin-right: 20px; }
.server-row .item-detail ul { list-style: none; padding: 0; margin: 0; display: table; width: 100%; }
.server-row .item-detail ul li { position: relative; display: inline-block; padding: 5px 0 5px 28px; width: 32%;}
.server-row .item-detail ul li:before { position: absolute; content: ''; left:0; top:4px; background-size: 16px; width: 24px; height: 24px; background: url(../img/server/check.svg) 0 0 no-repeat;}
.server-row .item-detail img + ul { width: 83%; }

.datacenter { padding: 70px 0 90px; background-color:#010b14; background-repeat: no-repeat; background-position: right; background-size: contain; }
.datacenter:after { content: ""; position: absolute; width: 100%; height: 100%; background-color: #000; opacity: .2; left: 0; top: 0; }
.datacenter .container { position: relative; z-index: 1; color: #fff; }
.datacenter .container p { color: #fff; font-size: 16px; }

@media only screen and (max-width: 767px){
    .server-header { display: none; }
    .server-filter { flex-flow: wrap; }
    .server-filter > div{ flex-flow: column; width: 100%; margin: 10px 0; }
    .server-filter > div.ram { display: none; }
    .server-row .item-feature { flex-flow: wrap; }
    .server-row .item-feature > div.name { width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E5E8ED; }
    .server-row .item-feature > div.core { width: 100%; padding: 5px 0; }
    .server-row .item-feature > div.ram { width: 100%; padding: 5px 0; }
    .server-row .item-feature > div.disk { width: 100%; padding: 5px 0; }
    .server-row .item-feature > div.raid { width: 100%; padding: 5px 0; }
    .server-row .item-feature > div.traffic { width: 100%; padding: 5px 0; }
    .server-row .item-feature > div.panel { width: 100%; padding: 5px 0; }
    .server-row .item-feature > div.price { width: 50%; height: 50px; padding-top: 10px; padding-bottom: 8px; margin-top: 10px; border-top: 1px solid #E5E8ED;}
    .server-row .item-feature > div.order { width: 50%; height: 50px; padding-top: 10px; margin-top: 10px; border-top: 1px solid #E5E8ED;}
    .server-row .item-feature > div.order .btn { padding: 10px 0; }
    .server-row .item-detail ul li { width: 100%; }
    .server-row .item-detail img { float: none; width: 140px; margin: 0 auto 10px;}
    .server-row .item-detail img + ul { width: 100%; }
}


/* --------------------------------------------------------
    SSL
----------------------------------------------------------- */
.ssl__advanced { position: relative; margin-bottom: 15px; }
.ssl__advanced .col1X { background: #fff; overflow: hidden; border: 1px solid #e6e9ed; -moz-box-shadow: 1px 2px 7px rgba(0,0,0,.09); box-shadow: 1px 2px 7px rgba(0,0,0,.09); -webkit-box-shadow: 1px 2px 7px rgba(0,0,0,.09); transition: all .2s ease-in-out; }
.ssl__advanced .col1X h3 { font-size: 18px; margin: 0 0 10px; }
.ssl__advanced .col1X p { font-size: 16px; line-height: 1.5; color:#111;}
.ssl__advanced .col2X { display: flex; margin-bottom: 15px; }
.ssl__filter {  }
.ssl__filter li { margin-bottom: -1px; float: left; width:calc(16.95% - 10px); margin: 0 5px; }
.ssl__filter li:first-child { margin-left: 0; width: 176px; }
.ssl__filter li:first-child > div > a { margin-bottom: 3px;}
.ssl__filter li:first-child > div > a > img { width: auto;margin:0; }
.ssl__filter li:first-child > div > a:last-child { margin-bottom: 0; }
.ssl__filter li:nth-child(2) { margin-left: 0; width: 176px; }
.ssl__filter li:nth-child(2) > div > a { margin-bottom: 3px; padding: 0; height: 66px; display: flex; text-align: center; align-items: center; justify-items: center;}
.ssl__filter li:nth-child(2) > div > a > img { width: 100px;margin:0 auto; }
.ssl__filter li:nth-child(2) > div > a:last-child { margin-bottom: 0; }

.ssl__filter li:last-child { margin-right: 0; }
.ssl__filter li.fheader { padding: 10px;background: #f7f7f7;border: 1px solid #e6e9ed; border-bottom: 0; font-size: 13px; font-weight: 600;  }
.ssl__filter li a {display: block; position: relative; width: 100%; border: 1px solid #e6e9ed; -moz-box-shadow: 1px 2px 7px rgba(0,0,0,.09); box-shadow: 1px 2px 7px rgba(0,0,0,.09); -webkit-box-shadow: 1px 2px 7px rgba(0,0,0,.09); transition: all .2s ease-in-out; line-height: 1.4; font-weight: 700; font-size: 15px;background: #fff; padding: 10px 0 10px 10px; color: #262936;}
.ssl__filter li a img { width: 100%; margin-bottom: 10px; display: block; }
.ssl__filter li a span {display: block; font-size: 13px; font-weight: normal; }
.ssl__filter li a.active { background: #F76503; color:#fff; }


.ssl__product .table-bordered > thead > tr > th,
.ssl__product .table-bordered > tbody > tr > th,
.ssl__product .table-bordered > tfoot > tr > th,
.ssl__product .table-bordered > thead > tr > td,
.ssl__product .table-bordered > tbody > tr > td,
.ssl__product .table-bordered > tfoot > tr > td { border: 0; border-bottom:1px solid #e6e9ed; }
.ssl__product .table thead { background-color: #333333; color: #f6f7fa; }
.ssl__product .table thead th { border-bottom: 0; }
.ssl__product .table td,
.ssl__product .table th { vertical-align: middle; }
.ssl__product .table-striped > tbody > tr:nth-of-type(odd) {  background-color: #f9fbfd; }
.ssl__product .pp-old-price { color: #717988; margin-right: 5px; font-size:15px; text-decoration: line-through;}
.ssl__product .pp-price { font-weight: 700; font-size: 18px; }

.ssl-compare-main { position: relative; }
.ssl-compare-main .table { font-size: 13px; }
.ssl-compare-main .table thead th { padding: 5px 3px; background: #f7f7f7; border-bottom: 0;  vertical-align: middle; text-align: center; }
.ssl-compare-main .table tbody th { padding: 5px 3px; vertical-align: middle; text-align: center; }
.ssl-compare-main .table tbody td { padding: 5px 3px; line-height: 1.2; vertical-align: middle; width: 100%; }
.ssl-compare-main .table tbody th:nth-child(1) { text-align: left;     width: 30%; vertical-align: middle;  }
.ssl-compare-main .table tbody td:nth-child(2) { text-align: center;     width: 14%;}
.ssl-compare-main .table tbody td:nth-child(3) { text-align: center;     width: 14%; }
.ssl-compare-main .table tbody td:nth-child(4) { text-align: center;     width: 14%; }
.ssl-compare-main .table tbody td:nth-child(5) { text-align: center;     width: 14%; }
.ssl-compare-main .table tbody td:nth-child(6) { text-align: center;     width: 14%; }

@media only screen and (max-width: 767px) {
    .hidden-sm { display: none; }
    .ssl__filter { margin-bottom: 15px;}
    .ssl__filter li:first-child { width: 100%; }
    .ssl__filter li { width:calc( 50% - 5px); margin-top: 10px; }
    .ssl__filter li:nth-child(2) { margin-left: 0;}
    .ssl__filter li:nth-child(3) { margin-right: 0;}
    .ssl__filter li:nth-child(4) { margin-left: 0;}
    .ssl__filter li:nth-child(5) { margin-right: 0;}
    .ssl-compare-main { overflow-x: scroll; }
}



/* --------------------------------------------------------
    Package22
----------------------------------------------------------- */




.hosting-package22 { clear: both; }
.hosting-package22:after,
.hosting-package22:before { display: table; content: " "; clear: both; }

.package22 { position: relative; z-index: 0; border-bottom: 5px solid #3a3a3a; background-color: #fff; margin: 0; float: left; width: 30%; box-shadow: 0 0 50px rgba(34,34,34,0.2);}
.package:after { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1); }
.package22 .p-header { position: relative; text-align: center; }
.package22 .p-header > h3 { font-size: 18px; margin: 0; background: #3a3a3a; color: #fff; padding: 15px 0; border-top:10px solid #f58615;}
.package22 .p-header > h3 img { display: inline-block; width: 40px;  margin-right: 5px; margin-bottom: 0; }
.package22 .p-header > p{ margin: 0; font-size: 14px; padding: 10px 25px; line-height: 1.3;  border-right: 1px solid #e6e9ed;}
.package22 .p-header > img { width: 64px; }
.package22 .p-price { position: relative;text-align: center; padding: 0 0 5px; border-right: 1px solid #e6e9ed;}
.package22 .p-price .badge { margin-bottom: 10px; padding: 3px 8px; border-radius: 12px; }
.package22 .p-price .old { position: relative;font-size: 18px;font-weight: 600;color: #242736; line-height: 1; }
.package22 .p-price .old span {position: relative; display: inline-block;color: #9e9e9e; }
.package22 .p-price .old span:after { display: block; content: ''; position: absolute; height: 1px;width: 100%; right: 0%; top: 10px; background: red; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); transform: rotate(-10deg); }
.package22 .p-price .price-tag { padding-left: 15px; font-size: 56px;line-height: 1; font-weight: 800; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row;justify-content: center; }
.package .p-price .price-tag span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; justify-content: center; }
.package22 .p-price .price-tag sub { color: #242736; font-size: 14px; font-weight: 600; bottom: 0; top: 12px; left: 10px; height: -webkit-max-content; height: -moz-max-content; height: max-content; }
.package22 .p-price .price-tag sup { font-size: 28px;top: -10px; left: -20px; height: -webkit-max-content; height: -moz-max-content; height: max-content; }
.package22 .p-price .price-tag sup > small { font-weight: 300;margin-left: 3px; }
.package22 .p-renew { font-size: 12px;color: #9c9c9c; text-align: center; font-weight: 400; cursor: help; margin-bottom: 15px; }
.package22 .p-order { margin-top: 0; text-align: center; padding-bottom: 15px; border-right: 1px solid #e6e9ed;}
.package22 .p-order .btn { width: 220px; height: 44px; line-height: 14px; letter-spacing: -.3px; font-weight: 700; }
.package22 .p-detail { position: relative; text-align: center; border-top: 1px solid #e6e9ed; border-right: 1px solid #e6e9ed;}
.package22 .p-detail > p{ padding: 9px 0; margin: 0; border-bottom: 1px solid #e6e9ed; color:#333333;}
.package22 .p-detail > p > img { width: 20px; margin-right: 3px; position: relative; top: -2px; display: inline-block; margin: 0;}
.package22 .p-detail > p:last-child{ }
.package22 .p-more { text-align: center; padding: 9px 0; font-size: 14px; font-weight: 400; border-right: 1px solid #e6e9ed;}

.best-hosting22 { position: absolute; top: -10px; right: -10px; width: 97px; height: 97px; overflow: hidden; z-index: 1; }
.best-hosting22:before {  content: ""; width: 10px; height: 10px; position: absolute; top: 0; left: 0; background: #114119; }
.best-hosting22:after { content: ""; width: 10px; height: 10px; position: absolute; bottom: 0; right: 0; background: #92ffa4; }
.best-hosting22 .plan-ribbon { background: #31a745; display: block; width: 150px; text-align: center; font-size: 12px; line-height: 24px; font-weight: 600; position: relative; color: #fff; transform: rotate(45deg); transform-origin: 30px 5px; text-transform: uppercase; z-index: 3; }

.best-hosting22.left { position: absolute; top: -10px; left: -10px; width: 97px; height: 97px; overflow: hidden; z-index: 1; }
.best-hosting22.left:before {  content: ""; width: 10px; height: 10px; position: absolute; top: 0; left: 88px; background: #114119; }
.best-hosting22.left:after { content: ""; width: 10px; height: 10px; position: absolute; bottom: 0; left: 0; background: #92ffa4; }
.best-hosting22.left .plan-ribbon { background: #31a745; display: block; width: 150px; text-align: center; font-size: 12px; line-height: 24px; font-weight: 600; position: relative; color: #fff; transform: rotate(-45deg); transform-origin: 93px 71px; text-transform: uppercase; z-index: 3; }

.hosting-package22 .package22:nth-child(1) { box-shadow: none; }
.hosting-package22 .package22:nth-child(1) .p-header > h3 { padding: 6px 0; }
.hosting-package22 .package22:nth-child(2) { margin-top: -18px; }
.hosting-package22 .package22:nth-child(3) { margin-top: -38px; z-index: 1;}
.hosting-package22 .package22:nth-child(3) .p-header > h3 { border-top:10px solid #f60; padding: 25px 0; }
.hosting-package22 .package22:nth-child(4) { margin-top: -18px; }

.plan-title22 { font-size: 22px !important; text-align: center; margin-top: 60px; overflow: hidden; }
.plan-title22 > i { position: relative; top:4px; font-size: 32px; text-align: center; }
.plan-title22 > .abbr { text-decoration: none; border-bottom: 1px dotted; cursor: pointer; color: #f1631c; }

#urunler22 { padding-top: 30px; }
#urunler22 .heading { margin-bottom: 60px; }
#urunler22 .heading .heading-title { margin-bottom: 0; }

    @media only screen and (max-width: 767px){
        .package { width: 100%; margin: 20px 0;}
        .hosting-package22 .package22:nth-child(2) { margin-top: inherit; }
        .hosting-package22 .package22:nth-child(3) { margin-top: inherit; }
        .hosting-package22 .package22:nth-child(4) { margin-top: inherit; }
        
    
        #urunler22 .heading { margin-bottom: 20px; }
    }

.choose-bar22 { position: relative; padding: 30px 0; background: #3a3a3a; background-image: url(../img/page/gray-line.svg);}
.choose-bar22 p { font-size: 28px; line-height: 1.3; font-weight: 700; margin:0; color:#fff; }
.choose-bar22 p>span { display: block; font-size: 24px; }
.choose-bar22 p>span>a { color:#fff; display: inline-block; padding-left: 6px;}
.choose-bar22 a.btn { margin-top: 8px; border: 1px solid #fff; font-size: 16px; padding: 17px 40px; border-radius: 4px; }

.most-popular22 { position: relative; }
.most-popular22 li { float: left; width: 25%; padding: 20px; text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.most-popular22 li b { display: block; font-weight: 800; font-size: 18px; }
.most-popular22 li p { display: block; font-weight: 400; font-size: 15px; line-height: 1.4;}
.most-popular22 li:nth-child(4) { border-right: 0; }
.most-popular22 li:nth-child(5) { border-bottom: 0; }
.most-popular22 li:nth-child(6) { border-bottom: 0; }
.most-popular22 li:nth-child(7) { border-bottom: 0; }
.most-popular22 li:nth-child(8) { border-bottom: 0; border-right: 0; }

.oneclick-icon { width: 75px; height: 75px; overflow: hidden; margin: 0 auto; display: block; }

@media only screen and (max-width: 767px){
    .choose-bar { text-align: center; }
    .most-popular22 li { width: 50%; padding: 10px; min-height: 250px;}
    .most-popular22 li:nth-child(2) { border-right: 0; }
    .most-popular22 li:nth-child(5) { border-bottom: 1px solid #eee;}
    .most-popular22 li:nth-child(6) { border-right: 0; border-bottom: 1px solid #eee;}
}


.support-bar { position: relative; padding: 60px 0; background: linear-gradient(to right,#f05c1d,#faa00d);}
.support-bar:before { position: absolute; content: ''; left: 70%; top: 0; background-image: url(../img/page/banner-light.svg); width: 100%; height: 100%; mix-blend-mode: color-burn; opacity: .7; }
.support-bar p { font-size: 28px; line-height: 1.4; font-weight: 700; margin:0; color:#fff; }
.support-bar p>span { display: block; font-size: 22px; font-weight: 400;}
.support-bar p>span>a { color:#fff; display: inline-block; padding-left: 6px;}
.support-bar a { color:#fff; float: left; border-right: 1px solid #ffffff80; font-size: 18px; line-height: 1.4; width: 33.33%; text-align: center;transition: transform .2s; }
.support-bar a:last-child { border-right: 0; }
.support-bar a>b { font-weight: 400; }
.support-bar a>i { display: block; font-size: 52px; margin-bottom: 5px;transition: transform .2s;}
.support-bar a>span { display: block; font-size: 16px; font-weight: 800; }
.support-bar .text { display: flex; align-items: center; }
.support-bar .icon { padding-left: 50px; }
.support-bar a:hover i {  transform: translateY(-10px); }

    @media only screen and (max-width: 767px){
        .support-bar { padding: 40px 0; text-align: center; overflow: hidden; }
        .support-bar p { margin-bottom: 30px; }
        .support-bar .icon { padding-left: 15px; }
        .support-bar a>span { display: none; }
    }

.package22 .p-price .price-tag span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  justify-content: center;
}






/* --------------------------------------------------------
    Package
----------------------------------------------------------- */




.hosting-package { clear: both; }
.hosting-package:after,
.hosting-package:before { display: table; content: " "; clear: both; }

.package { position: relative; z-index: 0; border-bottom: 5px solid #3a3a3a; background-color: #fff; margin: 0; float: left; width: 25%; box-shadow: 0 0 50px rgba(34,34,34,0.2);}
.package:after { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1); }
.package .p-header { position: relative; text-align: center; }
.package .p-header > h3 { font-size: 18px; margin: 0; background: #3a3a3a; color: #fff; padding: 15px 0; border-top:10px solid #f58615;}
.package .p-header > h3 img { display: inline-block; width: 40px;  margin-right: 5px; margin-bottom: 0; }
.package .p-header > p{ margin: 0; font-size: 14px; padding: 10px 25px; line-height: 1.3;  border-right: 1px solid #e6e9ed;}
.package .p-header > img { width: 64px; }
.package .p-price { position: relative;text-align: center; padding: 0 0 5px; border-right: 1px solid #e6e9ed;}
.package .p-price .badge { margin-bottom: 10px; padding: 3px 8px; border-radius: 12px; }
.package .p-price .old { position: relative;font-size: 18px;font-weight: 600;color: #242736; line-height: 1; }
.package .p-price .old span {position: relative; display: inline-block;color: #9e9e9e; }
.package .p-price .old span:after { display: block; content: ''; position: absolute; height: 1px;width: 100%; right: 0%; top: 10px; background: red; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); transform: rotate(-10deg); }
.package .p-price .price-tag { padding-left: 15px; font-size: 56px;line-height: 1; font-weight: 800; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row;justify-content: center; }
.package .p-price .price-tag span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; justify-content: center; }
.package .p-price .price-tag sub { color: #242736; font-size: 14px; font-weight: 600; bottom: 0; top: 12px; left: 10px; height: -webkit-max-content; height: -moz-max-content; height: max-content; }
.package .p-price .price-tag sup { font-size: 28px;top: -10px; left: -20px; height: -webkit-max-content; height: -moz-max-content; height: max-content; }
.package .p-price .price-tag sup > small { font-weight: 300;margin-left: 3px; }
.package .p-renew { font-size: 12px;color: #9c9c9c; text-align: center; font-weight: 400; cursor: help; margin-bottom: 15px; }
.package .p-order { margin-top: 0; text-align: center; padding-bottom: 15px; border-right: 1px solid #e6e9ed;}
.package .p-order .btn { width: 220px; height: 44px; line-height: 14px; letter-spacing: -.3px; font-weight: 700; }
.package .p-detail { position: relative; text-align: center; border-top: 1px solid #e6e9ed; border-right: 1px solid #e6e9ed;}
.package .p-detail > p{ padding: 9px 0; margin: 0; border-bottom: 1px solid #e6e9ed; color:#333333;}
.package .p-detail > p > img { width: 20px; margin-right: 3px; position: relative; top: -2px; display: inline-block; margin: 0;}
.package .p-detail > p:last-child{ }
.package .p-more { text-align: center; padding: 9px 0; font-size: 14px; font-weight: 400; border-right: 1px solid #e6e9ed;}

.best-hosting { position: absolute; top: -10px; right: -10px; width: 97px; height: 97px; overflow: hidden; z-index: 1; }
.best-hosting:before {  content: ""; width: 10px; height: 10px; position: absolute; top: 0; left: 0; background: #114119; }
.best-hosting:after { content: ""; width: 10px; height: 10px; position: absolute; bottom: 0; right: 0; background: #92ffa4; }
.best-hosting .plan-ribbon { background: #31a745; display: block; width: 150px; text-align: center; font-size: 12px; line-height: 24px; font-weight: 600; position: relative; color: #fff; transform: rotate(45deg); transform-origin: 30px 5px; text-transform: uppercase; z-index: 3; }

.best-hosting.left { position: absolute; top: -10px; left: -10px; width: 97px; height: 97px; overflow: hidden; z-index: 1; }
.best-hosting.left:before {  content: ""; width: 10px; height: 10px; position: absolute; top: 0; left: 88px; background: #114119; }
.best-hosting.left:after { content: ""; width: 10px; height: 10px; position: absolute; bottom: 0; left: 0; background: #92ffa4; }
.best-hosting.left .plan-ribbon { background: #31a745; display: block; width: 150px; text-align: center; font-size: 12px; line-height: 24px; font-weight: 600; position: relative; color: #fff; transform: rotate(-45deg); transform-origin: 93px 71px; text-transform: uppercase; z-index: 3; }

.hosting-package .package:nth-child(1) { box-shadow: none; }
.hosting-package .package:nth-child(1) .p-header > h3 { padding: 6px 0; }
.hosting-package .package:nth-child(2) { margin-top: -18px; }
.hosting-package .package:nth-child(3) { margin-top: -38px; z-index: 1;}
.hosting-package .package:nth-child(3) .p-header > h3 { border-top:10px solid #f60; padding: 25px 0; }
.hosting-package .package:nth-child(4) { margin-top: -18px; }

.plan-title { font-size: 22px !important; text-align: center; margin-top: 60px; overflow: hidden; }
.plan-title > i { position: relative; top:4px; font-size: 32px; text-align: center; }
.plan-title > .abbr { text-decoration: none; border-bottom: 1px dotted; cursor: pointer; color: #f1631c; }

#urunler { padding-top: 30px; }
#urunler .heading { margin-bottom: 60px; }
#urunler .heading .heading-title { margin-bottom: 0; }

    @media only screen and (max-width: 767px){
        .package { width: 100%; margin: 20px 0;}
        .hosting-package .package:nth-child(2) { margin-top: inherit; }
        .hosting-package .package:nth-child(3) { margin-top: inherit; }
        .hosting-package .package:nth-child(4) { margin-top: inherit; }
        
    
        #urunler .heading { margin-bottom: 20px; }
    }

.choose-bar { position: relative; padding: 30px 0; background: #3a3a3a; background-image: url(../img/page/gray-line.svg);}
.choose-bar p { font-size: 28px; line-height: 1.3; font-weight: 700; margin:0; color:#fff; }
.choose-bar p>span { display: block; font-size: 24px; }
.choose-bar p>span>a { color:#fff; display: inline-block; padding-left: 6px;}
.choose-bar a.btn { margin-top: 8px; border: 1px solid #fff; font-size: 16px; padding: 17px 40px; border-radius: 4px; }

.most-popular { position: relative; }
.most-popular li { float: left; width: 25%; padding: interit; padding-left:5px; padding-right:5px; text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.most-popular li b { display: block; font-weight: 800; font-size: 18px; }
.most-popular li p { display: block; font-weight: 400; font-size: 15px; line-height: 1.4;}
.most-popular li:nth-child(4) { border-right: 0; }
.most-popular li:nth-child(5) { border-bottom: 0; }
.most-popular li:nth-child(6) { border-bottom: 0; }
.most-popular li:nth-child(7) { border-bottom: 0; }
.most-popular li:nth-child(8) { border-bottom: 0; border-right: 0; }

.oneclick-icon { width: 75px; height: 75px; overflow: hidden; margin: 0 auto; display: block; }

@media only screen and (max-width: 767px){
    .choose-bar { text-align: center; }
    .most-popular li { width: 50%; padding: 10px; min-height: 250px;}
    .most-popular li:nth-child(2) { border-right: 0; }
    .most-popular li:nth-child(5) { border-bottom: 1px solid #eee;}
    .most-popular li:nth-child(6) { border-right: 0; border-bottom: 1px solid #eee;}
}


.support-bar { position: relative; padding: 60px 0; background: linear-gradient(to right,#f05c1d,#faa00d);}
.support-bar:before { position: absolute; content: ''; left: 70%; top: 0; background-image: url(../img/page/banner-light.svg); width: 100%; height: 100%; mix-blend-mode: color-burn; opacity: .7; }
.support-bar p { font-size: 28px; line-height: 1.4; font-weight: 700; margin:0; color:#fff; }
.support-bar p>span { display: block; font-size: 22px; font-weight: 400;}
.support-bar p>span>a { color:#fff; display: inline-block; padding-left: 6px;}
.support-bar a { color:#fff; float: left; border-right: 1px solid #ffffff80; font-size: 18px; line-height: 1.4; width: 33.33%; text-align: center;transition: transform .2s; }
.support-bar a:last-child { border-right: 0; }
.support-bar a>b { font-weight: 400; }
.support-bar a>i { display: block; font-size: 52px; margin-bottom: 5px;transition: transform .2s;}
.support-bar a>span { display: block; font-size: 16px; font-weight: 800; }
.support-bar .text { display: flex; align-items: center; }
.support-bar .icon { padding-left: 50px; }
.support-bar a:hover i {  transform: translateY(-10px); }

    @media only screen and (max-width: 767px){
        .support-bar { padding: 40px 0; text-align: center; overflow: hidden; }
        .support-bar p { margin-bottom: 30px; }
        .support-bar .icon { padding-left: 15px; }
        .support-bar a>span { display: none; }
    }

/* --------------------------------------------------------
    Table Compararison
----------------------------------------------------------- */
.comparison__table { position: relative;  }
.comparison__table .item__header { display: flow-root; }
.comparison__table .item__header .item__row .column-left { float: left; width: 30%; }
.comparison__table .item__header .item__row .column-right { float: right; width: 70%; }
.comparison__table .item__header .item__row .column-right .column { position: relative; float: left; text-align: center; line-height: 1.3; width: 25%; border-left: 1px solid #dededc; border-bottom: 1px solid #dededc; border-top: 1px solid #dededc; -webkit-user-drag: none; }
.comparison__table .item__header .item__row .column-right .column:first-child { }
.comparison__table .item__header .item__row .column-right .column:last-child { border-right: 1px solid #dededc;}
.comparison__table .item__header .p-header { position: relative; text-align: center; padding: 10px; border-bottom: 1px solid #ddd; background: #f7f7f7;}
.comparison__table .item__header .p-header > h3 { font-size: 16px; margin:0;  }
.comparison__table .item__header .p-header > p{ margin: 0; font-size: 14px; padding-right: 10px; line-height: 1.3; }
.comparison__table .item__header .p-header > img { position: absolute; left:8px; top:15px; display: block; margin: 0 auto; width: 64px; }
.comparison__table .item__header .p-price { position: relative;text-align: center; padding: 10px 0 5px; }
.comparison__table .item__header .p-price .badge { margin-bottom: 10px; }
.comparison__table .item__header .p-price .old { position: relative;font-size: 15px;font-weight: 600;color: #242736; line-height: 1; margin-bottom: 5px; }
.comparison__table .item__header .p-price .old span {position: relative; display: inline-block;color: #9e9e9e; }
.comparison__table .item__header .p-price .old span:after { display: block; content: ''; position: absolute; height: 1px;width: 100%; right: 0%; top: 10px; background: red; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); transform: rotate(-10deg); }
.comparison__table .item__header .p-price .price-tag { padding-left: 15px; font-size: 36px;line-height: 1; font-weight: 800; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row;justify-content: center; }
.comparison__table .item__header .p-price .price-tag span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; justify-content: center; }
.comparison__table .item__header .p-price .price-tag sub { color: #242736; font-size: 14px; font-weight: 400; bottom: 0; top: 5px; left: 6px; height: -webkit-max-content; height: -moz-max-content; height: max-content; }
.comparison__table .item__header .p-price .price-tag sup { font-size: 18px;top: -7px; left: -19px; height: -webkit-max-content; height: -moz-max-content; height: max-content; }
.comparison__table .item__header .p-price .price-tag sup > small { font-weight: 600;margin-left: 3px; font-size: 16px;}
.comparison__table .item__header .p-price i { position: absolute; right: 30px; top:62%;}
.comparison__table .item__header .p-order { margin-top: 0; text-align: center; padding: 0 10px 15px; }
.comparison__table .item__header .p-order .btn { height: 36px; padding: 15px 10px; line-height: 6px; letter-spacing: -.3px; font-weight: 700; }
.comparison__table .item__detail { display: none; }
.comparison__table .item__detail.open { display: block; }
.comparison__table .item__detail .item__row { position: relative; display: flex; border: 1px solid #dededc; margin-bottom: -1px; font-size: 14px; }
.comparison__table .item__detail .item__row .column-left { float: left; position: relative; padding: 10px; height: 42px; font-weight: 400; width: 30%; font-size: 16px; background: #fff; }
.comparison__table .item__detail .item__row .column-left i { position: absolute; right: 10px; top:11px; font-size: 18px; color:#a7acae; }
.comparison__table .item__detail .item__row .column-right { float: right; width: 70%; }
.comparison__table .item__detail .item__row .column-right .column { position: relative; float: left; text-align: center; padding: 10px; font-size: 16px; height: 42px; line-height: 1.3; width: 25%; border-left: 1px solid #dededc; display: flex; align-items: center; justify-content: center; -webkit-user-drag: none; background: #fff;}
.comparison__table .item__detail .item__row .column-right .column .bold { font-weight: 700; font-size: 16px; color: #000; }
.comparison__table .item__detail .item__row .column-right .column .fa-check { background: url("../img/check.svg") 0 4px no-repeat; background-size: 20px; width: 20px; height: 24px; }
.comparison__table .item__detail .item__row .column-right .column .fa-check:before { display: none; }
.comparison__table .item__detail .item__row .column-right .column .fa-times { background: url("../img/close.svg") 0 4px no-repeat; background-size: 20px; width: 20px; height: 24px; }
.comparison__table .item__detail .item__row .column-right .column .fa-times:before { display: none; }
.comparison__table .item__row__split { position: relative; background-color: #f7f7f7;  cursor: pointer; padding: 13px 10px 13px 25px; border: 1px solid #dededc; margin-bottom: -1px; font-weight: 800; font-size: 18px; -webkit-user-drag: none;}
.comparison__table .item__row__split:before { position: absolute; content: ''; left:10px; top:16px; background: url("../img/arrow.png") 0 4px no-repeat; background-size: 13px; width: 20px; height: 20px;}
.comparison__table .item__row__split:after { position: absolute; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f107'; right: 10px; top: 14px; font-size: 18px; }
.comparison__table .item__row__split.open:after { position: absolute; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f106'; right: 10px; top: 15px; font-size: 18px; }
.comparison__table .item__detail .item__row .column-right .column:nth-child(2) { -webkit-box-shadow: inset -55px 0px 36px -65px rgba(0,0,0,0.40); -moz-box-shadow: inset -55px 0px 36px -65px rgba(0,0,0,0.40); box-shadow: inset -55px 0px 36px -65px rgba(0, 0, 0, 0.40); }
.comparison__table .item__detail .item__row .column-right .column:nth-child(4) { -webkit-box-shadow: inset 55px 0px 36px -65px rgba(0,0,0,0.40); -moz-box-shadow: inset 55px 0px 36px -65px rgba(0,0,0,0.40); box-shadow: inset 55px 0px 36px -65px rgba(0,0,0,0.40); }
.comparison__table .item__header .column-right .column:nth-child(2) { -webkit-box-shadow: inset -55px 0px 36px -65px rgba(0,0,0,0.40); -moz-box-shadow: inset -55px 0px 36px -65px rgba(0,0,0,0.40); box-shadow: inset -55px 0px 36px -65px rgba(0, 0, 0, 0.40); }
.comparison__table .item__header .column-right .column:nth-child(4) { -webkit-box-shadow: inset 55px 0px 36px -65px rgba(0,0,0,0.40); -moz-box-shadow: inset 55px 0px 36px -65px rgba(0,0,0,0.40); box-shadow: inset 55px 0px 36px -65px rgba(0,0,0,0.40); }
.comparison__table .item__header.head .item__row .column-left { position: relative; font-size: 20px; border-top: 1px solid #dededc; border-left: 1px solid #dededc; padding: 9px 10px 9px 25px; font-weight:800; }
.comparison__table .item__header.head .item__row .column-left:before { position: absolute; content: ''; left:10px; top:14px; background: url("../img/arrow.png") 0 4px no-repeat; background-size: 13px; width: 20px; height: 20px;}
.comparison__table .item__header.head .item__row .column-right .column { border-top:0; border-bottom: 0; border-left:0; box-shadow: 0 0 50px rgba(34,34,34,0.2);}
.comparison__table .item__header.head .p-header { background: #333; color:#fff; border-bottom: 0; border-top: 10px solid #f58615;  }



@media only screen and (max-width: 767px){
    .comparison__table .item__detail .item__row { display: block; overflow: hidden; }
    .comparison__table .item__header .item__row .column-right .column { zoom: 70%; }
    .comparison__table .item__header .item__row .column-left { float: none; width: 100%; }
    .comparison__table .item__header.head .item__row .column-left { display: none; }
    .comparison__table .item__header .item__row .column-right { float: none; width: 100%; }
    .comparison__table .item__detail .item__row .column-left { width: 100%; float:none; border-bottom: 1px solid #dededc; border-right: 0; font-size: 14px; text-align: center; }
    .comparison__table .item__detail .item__row .column-right { float: none; width: 100%; }
    .comparison__table .item__detail .item__row .column-right .column { font-size: 12px; }
    .comparison__table .item__detail .item__row .column-right .column .bold { font-size: 12px; }
    .comparison__table .item__detail .item__row .column-right .column:nth-child(1) { border-left: 0; }
    .comparison__table .item__row__split { text-align: left; }

}

.popover-header { font-size: 13px; }
.popover-body .table { margin: 0; }
.popover-body .table th { padding: 4px; font-size: 13px; vertical-align: middle; }
.popover-body .table td { padding: 4px; font-size: 13px; vertical-align: middle;}


/* --------------------------------------------------------
    Domain
----------------------------------------------------------- */
.home-domain-bar1 { position: relative; padding: 60px 0 60px; background-color: #333; overflow: hidden; background-size: cover;  background-repeat: no-repeat; background: linear-gradient(to right,#4eb246 0,#1fa1be 100%)!important;}
.home-domain-bar1:before { position: absolute; content: ''; left: 70%; top:0; background-image: url(../img/page/banner-light.svg); width: 100%; height: 100%; mix-blend-mode: color-burn; opacity: 1;}
.home-domain-bar1 .text { color:#fff; }
.home-domain-bar1 .text h1 { font-size: 30px; margin-bottom: 5px; }
.home-domain-bar1 .text p { font-size: 18px; color: #fff;}
.home-domain-bar1 .form-bg { background: #fff; overflow: hidden; border-radius: 4px;}
.home-domain-bar1 .form-bg input { float: left; border: 0; padding: 10px 25px; width: calc(100% - 150px); height: 56px; border-radius: 4px;font-weight: 500; }
.home-domain-bar1 .form-bg .btn { float: right; width: 150px; padding: 10px 15px; height: 56px; border-radius: 0;font-weight: 500;}
.home-domain-bar1 ul.domain-link { list-style: none; padding: 0; margin:15px 0 0; clear: both; display: inline-block; text-align: center;}
.home-domain-bar1 ul.domain-link li { position: relative; display: inline-block; padding: 0 10px; font-size: 15px;}
.home-domain-bar1 ul.domain-link li a { color:#fff; font-weight: 500; }
.home-domain-bar1 ul.domain-link li:after { position: absolute; content: ''; top: 3px; right: -2px; height: 16px; width: 1px; background: #ffffff40; }
.home-domain-bar1 ul.domain-link li:last-child:after { display: none; }

.domain__price { position: relative; background: #333; padding: 10px 0; }
.domain__price h3 { text-align: center; margin-bottom: 30px; }
.domain__price .item { position: relative; text-align: center; background-color: #fff; box-shadow: 0 1px 10px 0 rgba(141,153,176,0.1); border-radius: 4px; margin: 10px 0; padding: 10px;}
.domain__price .item img { display: block; width: auto; height: 56px; margin: 0 auto; }
.domain__price .item .name { font-size: 32px; font-weight: 900; text-align: center; height: 56px; color:#f45828; }
.domain__price .item .price { display: flex; align-items: center;  justify-content: center;}
.domain__price .item .price .old { display: flex; letter-spacing: -.4px; text-decoration: line-through; font-size: 16px; font-weight: 300; margin-right: 5px; }
.domain__price .item .price .old small { font-size: 14px; letter-spacing: -.4px;display: inline-block; margin-left: 2px;}
.domain__price .item .price .new { display: flex; font-size: 22px; font-weight: 800; letter-spacing: -.4px; }
.domain__price .item .price .new small { font-size: 18px;font-weight: 600; letter-spacing: -.4px; display: inline-block; margin-left: 2px;}
.domain__price .item a { display: block; padding: 6px 10px 8px; border: 1px solid #00b9ff; border-radius: 4px; text-align: center; line-height: 1; }
.best-domain { position: absolute; top: -10px; right: -10px; width: 80px; height: 80px; overflow: hidden; z-index: 1; }
.best-domain .plan-ribbon { background: #ff5722; display: block; width: 118px; text-align: center; font-size: 12px; line-height: 24px; font-weight: 600; position: relative; color: #fff; transform: rotate(45deg); transform-origin: 30px 5px; text-transform: uppercase; z-index: 3; }
.best-domain:before { content: ""; width: 10px; height: 10px; position: absolute; top: 0; left: 0; background: #fcaa90; }
.best-domain:after { content: ""; width: 10px; height: 10px; position: absolute; bottom: 0; right: 0; background: #fcaa90; }



.table1 { position: relative; font-size: 13px; background: #fff; border: 1px solid #e6e9ed; box-shadow: 0 0 50px rgba(34,34,34,0.2);overflow: hidden; border-radius: 0; box-shadow: 0 2px 4px rgba(3,27,78,.06); }
.table1 .table { margin-bottom: 0; font-size: 14px; }
.table1 .table th { background: #2a2a2a; color:#fff; border: 0; font-size: 14px; }
.table1 .table td { position: relative; background-color: #fff; }
.table1 .table td:nth-child(1) { text-align: left; font-weight: 700; font-size: 18px; line-height: 1; padding-left: 40px; }
.table1 .table td:nth-child(2) { text-align: center; }
.table1 .table td:nth-child(3) { text-align: right; font-weight: 700; }
.table1 .table td:nth-child(4) { text-align: right; font-weight: 700; }
.table1 .table td:nth-child(5) { text-align: right; font-weight: 700; }
.table1 .table td .fa-globe-europe { position: absolute; top:13px; left: 10px; font-size: 20px; color: #9a9a9a;}
.table1 .table td .badge { position: relative; top:-1px; font-weight: 500; margin-left: 10px; font-size: 11px; padding: 3px 5px 4px; border-radius: 2px; }
.table1 .price { display: flex; align-items: center;  justify-content: flex-end;}
.table1 .price .old { display: flex; color: #6f7379; letter-spacing: -.4px; text-decoration: line-through; font-size: 14px; font-weight: 400; margin-right: 5px; }
.table1 .price .old small { font-size: 13px; letter-spacing: -.4px;display: inline-block; margin-left: 2px;}
.table1 .price .new { display: flex; font-size: 16px; font-weight: 800; letter-spacing: -.4px; }
.table1 .price .new small { font-size: 15px;font-weight: 600; letter-spacing: -.4px; display: inline-block; margin-left: 2px;}
.table1 .form-control { height: 31px; }
.table1 .dataTables_length { padding: 10px 10px 0}
.table1 table.dataTable { margin: 0 !important;}
.table1 div.dataTables_wrapper div.dataTables_filter { padding: 10px 10px 0; float: right;}
.table1 div.dataTables_wrapper div.dataTables_info { padding: 12px 10px 0}
.table1 div.dataTables_wrapper div.dataTables_paginate ul.pagination { padding: 5px 10px; margin:0; float: right;}
.table1 .row:nth-child(3) { background: #f7f7f7; border-top: 1px solid #dee2e6;}
.table1 .page-item.active .page-link { color: #fff; background-color: #f15f2f; border-color: #f15f2f; z-index: 1;}
.table1 .page-link { color: #333;}

.step-number { position: relative; font-size: 24px; display: flex; align-items: center; justify-content: center; font-weight: 800; color:#fff; width: 43px; height: 43px; text-align: center; margin: 10px auto 0; border-radius: 50%; background: #333; }
.step-number:after { position: absolute; content: ''; left:65px; top:20px; background: #e2e2e2; height: 4px; width: 290px;}
.step-number.last:after { display: none;}

@media only screen and (max-width: 767px) {
    .home-domain-bar1 .text { text-align: center; margin-bottom: 15px;}
    .home-domain-bar1 .form-bg input {width: calc(100% - 100px); padding: 10px;}
    .home-domain-bar1 .form-bg .btn { width: 100px; }
    
    .step-number:after { display: none; }
    
    .table1 { padding-top: 50px;  }
    .table1 .filterX { left: 10px !important; }
    .table1 .custom-switch { margin-right: 4px !important; }
    .table1 .custom-switch .custom-control-label { font-size: 13px; }
    .table1 div.dataTables_wrapper div.dataTables_filter { width: 100%; float: none; text-align: center; }
    .table1 div.dataTables_wrapper div.dataTables_paginate { text-align: center; }
    .table1 div.dataTables_wrapper div.dataTables_paginate ul.pagination { width: 100%; float: none; }
    .table1 .table thead {display: none; width: 100%; }
    .table1 .table tbody tr { border-bottom: 5px solid #333; }
    .table1 .table td {display: block; width: 100%; text-align: center !important; }
    .table1 .table td .fa-globe-europe { display: none; }
    .table1 .table td:before {position: absolute; left:10px; top:13px;}
    .table1 .table td:nth-child(1) { padding-left: inherit !important; }
    .table1 .table td:nth-child(3) { text-align: right !important; }
    .table1 .table td:nth-child(4) { text-align: right !important; }
    .table1 .table td:nth-child(5) { text-align: right !important; }
    .table1 .table td:nth-child(3):before {content:'Domain Kayıt:'}
    .table1 .table td:nth-child(4):before {content:'Domain Yenileme:'}
    .table1 .table td:nth-child(5):before {content:'Domain Transfer:'}
}

/* --------------------------------------------------------
    Footer
----------------------------------------------------------- */
.footer { position: relative; padding: 70px 0 0; background-color: #333; overflow: hidden; background-size: cover;  background-repeat: no-repeat;}
.footer:before { position: absolute; content: ''; left: 70%; top:0; background-image: url(/assets/img/page/banner-light.svg); width: 100%; height: 100%; mix-blend-mode: color-burn; opacity: .2;}
.footer .container { position: relative; }
.footer .breadcrumb { position: absolute; top: -55px; left:15px; background: transparent; padding: 0; margin-bottom: 0; font-size: 13px; }
.footer .breadcrumb a { color: #ccc; }
.footer .footer-top-right { position: relative; }
.footer .footer-top-right:before { position: absolute; content: ''; left:-60px; top:0; height: 100%; width: 1px; background: rgba(247,249,251,0.1);}
.footer .footer-top-right img { max-width: 200px; object-fit: cover; }
.footer .footer-top-right p { margin-top: 20px;margin-bottom: 0; font-weight: 400; font-size:14px; margin-right: 50px;  color: #ccc;}
.footer .footer-top-right ul { margin: 20px 0 0 0; padding: 0; }
.footer .footer-top-right ul li { list-style: none; line-height: 40px; color: #ffffff; font-weight: 600; font-size: 18px;}
.footer .footer-top-right .footer-social-link { margin-top: 20px; }
.footer .footer-top-right .footer-social-link ul { margin: 0; padding: 0; }
.footer .footer-top-right .footer-social-link ul li { display: inline-block; list-style: none; margin-right: 4px;}
.footer .footer-top-right .footer-social-link ul li a { display: block; font-size: 24px; height: 48px; width: 48px; line-height: 50px; border-radius: 10px; text-align: center; background-color: #0003;color: #fff;}
.footer .footer-top-right .footer-social-link ul li a:hover { background: linear-gradient(to right,#faa00d 0,#f05c1d 100%)!important; }

.footer .footer-top-left .single-link h3 { font-size: 16px; margin-bottom: 10px; font-weight: 600; color: #fff; text-transform: capitalize; }
.footer .footer-top-left .single-link ul { margin: 5px 0 30px; padding: 0; }
.footer .footer-top-left .single-link ul li { list-style: none; line-height: 1.7; font-weight: 400; }
.footer .footer-top-left .single-link ul li a { color: #ccc; font-size:15px; font-weight: 400; }
.footer .footer-top-left .single-link ul li a:hover { color: #fff; text-decoration: none; }
.footer .footer-top-left .footer-subscriber { margin-top: 40px; }
.footer .footer-top-left .footer-subscriber input.form-control { height: 60px; padding: 25px; background: #f5f7fa; border: 1px solid #f5f7fa; border-bottom-left-radius: 3px; border-top-left-radius: 3px; z-index: 0; }
.footer .footer-top-left .footer-subscriber button.btn-subscriber { width: 60px; height: 60px; background: #cb2d22; font-size: 24px; font-weight: 500; color: #fff; outline: none; border: 1px solid #cb2d22; border-bottom-left-radius: 0; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; text-align: center; cursor: pointer; }
.footer .footer-bottom { padding: 18px 0;margin-top: 20px; background: #2a2a2a;}
.footer .footer-bottom p { color: #fff; font-weight: 300; margin-bottom: 0; font-size: 14px;}
.footer .footer-bottom p a { color: #fff; }
.footer .footer-bottom ul { float: right; margin: 0; padding: 0; }
.footer .footer-bottom ul li { list-style: none; display: inline-block; margin-left: 30px; }
.footer .footer-bottom ul li a { color: #fff; font-weight: 300; font-size: 14px;}

    @media only screen and (max-width: 767px){
        .footer { padding-top: 50px; }
        .footer .breadcrumb { padding-top: 20px; }
        .footer-top-left { display: none; }
        .footer-top-right { margin-bottom: 50px; }
        .footer .footer-top-left .single-link ul { margin: 10px 0 20px;}
        .footer .footer-top-left .footer-subscriber { margin-top: 10px;}
        .footer .footer-bottom { margin-top: 0;text-align: center;padding: 30px 0; }
        .footer .footer-bottom ul li { margin: 5px 10px; }
    }

.blink{animation:blink-animation 1s steps(5,start) infinite;-webkit-animation:blink-animation 1s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}


.panel-default {
    border-color: #ddd;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-default>.panel-heading {
    background: #fff;
    position: relative;
    margin: 0;
    padding: 20px;
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #e2e7ec;
    color: #576879;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-body {
    padding: 10px 15px;
}

.card232 {
    position: relative;
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.card232-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card232-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}
.pt-3, .py-3 {
    padding-top: 1rem !important;
}

.label-success {
    background-color: #5cb85c;
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-success, .label-active, .label-delivered, .label-paid, .label-accepted, .label-in-progress, .label-answered, .label-simple.label-finished:before, .label-simple.label-success:before, .label-simple.label-active:before, .label-simple.label-delivered:before, .label-simple.label-paid:before, .label-simple.label-accepted:before, .label-simple.label-in-progress:before, .label-simple.label-answered:before, .label-simple.label-released:before {
    background-color: #5bc758;
}

.label-danger {
    background-color: #d9534f;
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-danger {
    background-color: #ed4040;
}
.label-danger, .label-terminated, .label-awaiting-payment, .label-unpaid, .label-simple.label-stopped:before, .label-simple.label-danger:before, .label-simple.label-terminated:before, .label-simple.label-awaiting-payment:before, .label-simple.label-unpaid:before, .label-simple.label-pending-fix:before {
    background-color: #ed4040;
}



.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}


.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}



.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-primary {
    color: #fff;
    background-color: #ff6600;
    border-color: #ff6600;
}

.btn-warning {
    color: #fff;
    background: #f60;
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    color: #fff !important;
}

.btn:active, .btn.active, .btn:focus, .btn.focus {
    outline: none;
    outline-offset: 2px;
    outline-offset: -2px;
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}
.btn {
    font-weight: 600;
    padding: 15px 40px;
    border: 0;
    line-height: 1;
    border-radius: 4px;
}
.package .p-order .btn {
    width: 220px;
    height: 44px;
    line-height: 14px;
    letter-spacing: -.3px;
    font-weight: 700;
}

.package .p-order {
    margin-top: 0;
    text-align: center;
    padding-bottom: 15px;
    border-right: 1px solid #e6e9ed;
}

.clientarea__wrap .table td .btn {
    font-size: 12px;
    line-height: 1;
    padding: 6px 10px;
    height: 26px;
    min-height: 26px;
}
.clientarea__wrap .table td .btn {
    font-size: 12px;
    line-height: 1;
    padding: 6px 10px;
    height: 26px;
    min-height: 26px;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control {
    height: 48px;
    border: 1px solid #d3d5d8;
    color: #262936;
}



.input-group-addon:last-child {
  border-left: 0;
}
.input-group-addon {
  padding: 7px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  width: 62%;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(204, 204, 204);
  border-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[aria-label][role~="tooltip"] {
  position: relative;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon {
  padding: 7px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  width: 62%;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(204, 204, 204);
  border-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.choose-bar a.btn {
    margin-top: 8px;
    border: 1px solid #fff;
    font-size: 16px;
    padding: 17px 40px;
    border-radius: 4px;
}
.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.custom-faq1 .faq:last-child {
    margin-bottom: 0;
}
.custom-faq1 .faq + .faq {
}

.custom-faq1 .faq {
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #E5E8ED;
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 rgba(141, 153, 176, 0.1);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.custom-faq1 .faq h4 {
    position: relative;
    font-size: 19.2px;
    font-weight: 600;
    color: #333333e6;
    text-transform: none;
    cursor: pointer;
    padding: 15px 20px 15px 40px;
}
.custom-faq1 .faq h4[aria-expanded="true"] {
    color: #ec7530;
}

.custom-faq1 .faq h4 {
    position: relative;
    font-size: 19.2px;
    font-weight: 600;
    color: #333333e6;
    text-transform: none;
    cursor: pointer;
    padding: 15px 20px 15px 40px;
}

.show {
    display: block !important;
}