html { scroll-behavior: smooth; }
/* ----------------
ICONS
-----------------*/
.icon,
.m-icon {
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.no-wrap {
flex-wrap: nowrap;
}
.ic-account {
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20122.88%20122.89%22%3E%3Cpath%20d%3D%22M61.44%200a61.3%2061.3%200%200%201%2023.5%204.66l.11.05c7.47%203.11%2014.2%207.66%2019.83%2013.3a61.4%2061.4%200%200%201%2013.34%2019.95c3.01%207.24%204.66%2015.18%204.66%2023.49s-1.66%2016.25-4.66%2023.5l-.05.11a61.5%2061.5%200%200%201-13.3%2019.83%2061.4%2061.4%200%200%201-19.95%2013.34c-7.24%203.01-15.18%204.66-23.49%204.66s-16.25-1.66-23.5-4.66l-.11-.05a61.5%2061.5%200%200%201-19.83-13.29v-.02A61.8%2061.8%200%200%201%204.66%2084.94C1.66%2077.69%200%2069.76%200%2061.44s1.66-16.25%204.66-23.5l.05-.11A61.5%2061.5%200%200%201%2018%2018h.01A61.6%2061.6%200%200%201%2037.95%204.66C45.19%201.66%2053.12%200%2061.44%200M16.99%2094.47l.24-.14c5.9-3.29%2021.26-4.38%2027.64-8.83.47-.7.97-1.72%201.46-2.83.73-1.67%201.4-3.5%201.82-4.74-1.78-2.1-3.31-4.47-4.77-6.8l-4.83-7.69c-1.76-2.64-2.68-5.04-2.74-7.02q-.045-1.395.48-2.52c.36-.78.91-1.43%201.66-1.93.35-.24.74-.44%201.17-.59-.32-4.17-.43-9.42-.23-13.82.1-1.04.31-2.09.59-3.13%201.24-4.41%204.33-7.96%208.16-10.4%202.11-1.35%204.43-2.36%206.84-3.04%201.54-.44-1.31-5.34.28-5.51%207.67-.79%2020.08%206.22%2025.44%2012.01%202.68%202.9%204.37%206.75%204.73%2011.84l-.3%2012.54c1.34.41%202.2%201.26%202.54%202.63.39%201.53-.03%203.67-1.33%206.6s-.05.11-.08.16l-5.51%209.07c-2.02%203.33-4.08%206.68-6.75%209.31.25.36.5.71.74%201.06%201.09%201.6%202.19%203.2%203.6%204.63q.075.075.12.15c6.34%204.48%2021.77%205.57%2027.69%208.87l.24.14c6.87-9.22%2010.93-20.65%2010.93-33.03%200-15.29-6.2-29.14-16.22-39.15-10-10.03-23.85-16.23-39.14-16.23s-29.14%206.2-39.15%2016.22C12.27%2032.3%206.07%2046.15%206.07%2061.44c0%2012.38%204.06%2023.81%2010.92%2033.03%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E);
}
.ic-bulk {
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Glyph%22%20version%3D%221.1%22%20viewBox%3D%220%200%2048%2043.5%22%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M35%2012.5H5c-2.76%200-5%202.24-5%205v2h10.76c.53%200%201.04-.21%201.41-.59l.24-.24c.76-.76%201.76-1.17%202.83-1.17H40c0-2.76-2.24-5-5-5M5.5%2017c-.55%200-1-.45-1-1s.45-1%201-1%201%20.45%201%201-.45%201-1%201m4%200c-.55%200-1-.45-1-1s.45-1%201-1%201%20.45%201%201-.45%201-1%201M20%2038.5c.54%200%201.79-2.1%201.97-6h-3.95c.19%203.9%201.44%206%201.97%206ZM20%2024.5c-.54%200-1.79%202.1-1.97%206h3.95c-.19-3.9-1.44-6-1.97-6ZM16.03%2030.5c.09-1.98.45-3.9%201.07-5.36a7.02%207.02%200%200%200-4.02%205.36zM13.08%2032.5a6.98%206.98%200%200%200%204.02%205.36c-.62-1.46-.98-3.38-1.07-5.36zM26.92%2032.5h-2.95c-.09%201.98-.45%203.9-1.07%205.36a7.02%207.02%200%200%200%204.02-5.36M26.92%2030.5a6.98%206.98%200%200%200-4.02-5.36c.62%201.46.98%203.38%201.07%205.36z%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22m13.83%2020.09-.24.24c-.76.76-1.76%201.17-2.83%201.17H0v17c0%202.76%202.24%205%205%205h30c2.76%200%205-2.24%205-5v-19H15.24c-.53%200-1.04.21-1.41.59M29%2031.5c0%204.96-4.04%209-9%209s-9-4.04-9-9%204.04-9%209-9%209%204.04%209%209M43%200H13c-2.76%200-5%202.24-5%205v2h10.76c.53%200%201.04-.21%201.41-.59l.24-.24C21.17%205.41%2022.17%205%2023.24%205H48c0-2.76-2.24-5-5-5M13.5%204.5c-.55%200-1-.45-1-1s.45-1%201-1%201%20.45%201%201-.45%201-1%201m4%200c-.55%200-1-.45-1-1s.45-1%201-1%201%20.45%201%201-.45%201-1%201%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22m21.83%207.59-.24.24C20.83%208.59%2019.83%209%2018.76%209H8v1.5h27c3.86%200%207%203.14%207%207V31h1c2.76%200%205-2.24%205-5V7H23.24c-.53%200-1.04.21-1.41.59%22%20class%3D%22st0%22%2F%3E%3C%2Fsvg%3E);
}
.ic-reseller {
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Capa_1%22%20version%3D%221.1%22%20viewBox%3D%220%200%20519%20499.7%22%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M435.5%20499.69h-100c-11.45%200-21.23-8.25-23.16-19.53s4.54-22.32%2015.33-26.13C414%20423.52%20472%20341.46%20472%20249.84S414%2076.17%20327.67%2045.65c-12.24-4.33-18.65-17.75-14.33-29.99%204.33-12.24%2017.75-18.65%2029.99-14.33C448.4%2038.47%20519%20138.33%20519%20249.83c0%2079.83-36.19%20153.69-95.31%20202.84h11.81c12.98%200%2023.5%2010.52%2023.5%2023.5s-10.52%2023.5-23.5%2023.5ZM183.5%20499.7c-2.6%200-5.24-.43-7.83-1.35C70.6%20461.21%200%20361.35%200%20249.85%200%20170.02%2036.19%2096.16%2095.31%2047.01H83.5c-12.98%200-23.5-10.52-23.5-23.5S70.52%200%2083.5%200h100c11.45%200%2021.23%208.25%2023.16%2019.53%201.94%2011.28-4.54%2022.32-15.33%2026.13C105%2076.18%2047%20158.23%2047%20249.85s58%20173.67%20144.33%20204.19c12.24%204.33%2018.65%2017.75%2014.33%2029.99-3.41%209.65-12.48%2015.68-22.16%2015.68Z%22%20class%3D%22st0%22%2F%3E%3Cpath%20d%3D%22M264.9%20367.16c-13.5%200-26.23-2.34-37.84-6.97a114.2%20114.2%200%200%201-31.63-18.94c-9.4-7.94-17.58-17.25-24.3-27.67-6.29-9.75-11.27-20.18-14.81-31.01h-37.6L129.86%20256h20.97c-.4-3.9-.6-8.01-.6-12.28h-25.25l11.14-26.57h17c2.54-11.46%206.72-22.64%2012.46-33.27%206.16-11.43%2014.18-21.73%2023.83-30.59%209.66-8.87%2021.1-16.05%2034-21.32%2012.94-5.28%2027.45-7.96%2043.13-7.96%2021.76%200%2040.7%204.92%2056.27%2014.62%2015.55%209.69%2027.45%2022.51%2035.35%2038.09l1.23%202.43-34.21%2022.94-1.52-3.25c-3.13-6.68-6.93-12.39-11.29-16.96-4.35-4.56-9.18-8.23-14.34-10.92-5.21-2.71-10.7-4.66-16.31-5.8-5.71-1.16-11.26-1.75-16.5-1.75-9.2%200-17.66%201.58-25.15%204.7-7.53%203.14-14.27%207.38-20.01%2012.6-5.76%205.24-10.65%2011.4-14.53%2018.32a89.2%2089.2%200%200%200-7.7%2018.13h94.99l-10.71%2026.57h-88.2v1.2c0%203.74.21%207.45.62%2011.07h87.5l-11.14%2026.57h-69.21c2.46%205.6%205.46%2010.86%208.94%2015.7%204.3%205.98%209.35%2011.25%2015.03%2015.66a66.6%2066.6%200%200%200%2018.72%2010.22c6.76%202.4%2014.11%203.61%2021.85%203.61%205.45%200%2011.14-.69%2016.9-2.06%205.72-1.35%2011.32-3.57%2016.63-6.59s10.29-6.88%2014.79-11.49c4.44-4.54%208.17-10.11%2011.08-16.56l1.39-3.08%2035.93%2020.48-1.07%202.52a75.2%2075.2%200%200%201-16.47%2024.2c-6.98%206.86-14.96%2012.74-23.74%2017.47-8.75%204.71-18.12%208.35-27.86%2010.81-9.75%202.47-19.48%203.72-28.9%203.72Z%22%20class%3D%22st0%22%2F%3E%3C%2Fsvg%3E);
}
.ic-magnifier {
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20122.88%20119.8%22%3E%3Cpath%20d%3D%22M49.99%200h.02c13.8.01%2026.29%205.61%2035.34%2014.65%209.03%209.03%2014.62%2021.51%2014.63%2035.3v.07c0%205.56-.92%2010.9-2.59%2015.89-.28.84-.57%201.64-.88%202.41a50%2050%200%200%201-5.55%2010.31l29.08%2026.14.02.02.16.15h.01a8.64%208.64%200%200%201%202.65%205.79c.11%202.1-.54%204.25-1.98%205.97v.02l-.19.2-.04.04-.15.16-.02.02a8.65%208.65%200%200%201-5.78%202.65c-2.1.11-4.25-.54-5.97-1.98h-.01l-.2-.19-.03-.02-29.74-26.73c-.88.62-1.78%201.21-2.69%201.76-1.23.75-2.51%201.47-3.81%202.11C65.57%2098.08%2058%2099.96%2050%2099.96h-.02c-13.8-.01-26.3-5.61-35.34-14.65C5.61%2076.29.02%2063.81%200%2050.02v-.05c0-13.8%205.6-26.3%2014.65-35.34C23.68%205.61%2036.17.02%2049.96%200s.03%200%20.03%200M50%2011.21h-.05c-10.69%200-20.37%204.34-27.38%2011.35s-11.36%2016.7-11.36%2027.4v.05c0%2010.69%204.35%2020.37%2011.36%2027.38s16.71%2011.36%2027.4%2011.36h.05c10.69%200%2020.37-4.34%2027.38-11.35S88.76%2060.7%2088.76%2050v-.05c0-10.69-4.35-20.37-11.36-27.38S60.7%2011.21%2050%2011.21%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E);
}
.ic-frm-filter {
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M160%20491c-29.86%200-56.83-17.66-68.71-44.99L89.98%20443H32c-14.89%200-27-12.11-27-27s12.11-27%2027-27h57.98l1.31-3.01C103.17%20358.66%20130.14%20341%20160%20341s56.83%2017.66%2068.71%2044.99l1.31%203.01H480c14.89%200%2027%2012.11%2027%2027s-12.11%2027-27%2027H230.02l-1.31%203.01C216.83%20473.34%20189.86%20491%20160%20491m0-112c-20.4%200-37%2016.6-37%2037s16.6%2037%2037%2037%2037-16.6%2037-37-16.6-37-37-37m192-48c-29.86%200-56.83-17.66-68.71-44.99l-1.31-3.01H32c-14.89%200-27-12.11-27-27s12.11-27%2027-27h249.98l1.31-3.01C295.17%20198.66%20322.14%20181%20352%20181s56.83%2017.66%2068.71%2044.99l1.31%203.01H480c14.89%200%2027%2012.11%2027%2027s-12.11%2027-27%2027h-57.98l-1.31%203.01C408.83%20313.34%20381.86%20331%20352%20331m0-112c-20.4%200-37%2016.6-37%2037s16.6%2037%2037%2037%2037-16.6%2037-37-16.6-37-37-37m-160-48c-29.86%200-56.83-17.66-68.71-44.99l-1.31-3.01H32c-14.89%200-27-12.11-27-27s12.11-27%2027-27h89.98l1.31-3.01C135.17%2038.66%20162.14%2021%20192%2021s56.83%2017.66%2068.71%2044.99l1.31%203.01H480c14.89%200%2027%2012.11%2027%2027s-12.11%2027-27%2027H262.02l-1.31%203.01C248.83%20153.34%20221.86%20171%20192%20171m0-112c-20.4%200-37%2016.6-37%2037s16.6%2037%2037%2037%2037-16.6%2037-37-16.6-37-37-37%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E);
}
.ic-frm-close {
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20id%3D%22Layer_1%22%20x%3D%220%22%20y%3D%220%22%20style%3D%22enable-background%3Anew%200%200%2080%2080%22%20version%3D%221.1%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cstyle%3E.st0%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A12%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m10.1%2010.1%2059.8%2059.8M69.9%2010.1%2010.1%2069.9%22%20class%3D%22st0%22%2F%3E%3C%2Fsvg%3E);
}
.ic-info {
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2093.92%2093.92%22%3E%3Cpath%20d%3D%22M46.96%200C21.02%200%200%2021.02%200%2046.96s21.02%2046.96%2046.96%2046.96S93.92%2072.9%2093.92%2046.96%2072.89%200%2046.96%200m4.22%2018.57c3.52%200%206.38%202.86%206.38%206.38s-2.86%206.38-6.38%206.38-6.38-2.92-6.38-6.38%202.92-6.38%206.38-6.38m7.69%2048.23c-4.13%206.23-7.28%208.55-11.64%208.55-5.25%200-9.07-3.38-9.07-8.03%200-2.07%201.3-6.6%202.81-11.86l.57-1.98v-.03c2.85-9.2%203.27-11.42%203.27-11.92%200-1.22-.1-1.71-.17-1.89h-.03c-.73%200-2.4.81-6.19%204.69l-.64.66-3.71-1.5%201.3-1.45c4.6-5.12%208.02-7.11%2012.21-7.11s6.97%202.58%206.97%206.9c0%202.13-1.55%207.35-3.34%2013.39-1.63%205.51-3.48%2011.76-3.48%2013.81%200%201.01.89%201.46%201.78%201.46%201.19%200%202.71-.68%205.84-5.6l.58-.91%203.92%201.36-.98%201.47Z%22%20style%3D%22fill%3A%2300bebc%22%2F%3E%3C%2Fsvg%3E);
}
/* -------------
Header
---------------*/
header.domain-extensions {
height: auto;
}
header.domain-extensions .header-group {
gap: 50px;
}
header.domain-extensions .wrapper {
position: relative;
padding: 50px 20px 50px 20px;
}
header.domain-extensions .cover {
background-image:url(/imgs/domains-extensions-header.webp);
}
header.domain-extensions .text h1 {
font-size: 24px;
font-weight: bold;
}
header.domain-extensions .yellow {
color: #f9ba4c;
}
header.domain-extensions .text p {
margin-top: 15px;
font-size: 16px;
}
header.domain-extensions .header-group {
margin-top: 50px;
}
header.domain-extensions .header-group .icon {
width: 150px;
height: 150px;
margin: 0 auto 10px auto;
opacity: 0.3;
transition: transform 300ms ease;
}
header.domain-extensions .header-group .col:hover .icon {
transform: translateY(4px);
}
header.domain-extensions .header-group .title {
font-size: 20px;
font-weight: 600;
}
header.domain-extensions .header-group .descr {
font-size: 14px;
margin-top: 10px;
}
header.domain-extensions .header-group .action-btn {
margin-top: 20px;
border-radius: 5px;
background-image: linear-gradient(to top, rgba(255,255,255,0.8) 0%, rgb(255,255,255) 100%);
display: inline-flex;
font-size: 16px;
font-weight: 600;
color: #00a2bb;
padding: 10px 30px;
}
header.domain-extensions .header-group .action-btn:hover span {
display: block;
animation: .3s forwards btt-hover-fx;
}
.layer-list .search-form select {
font-size: 16px;
color: #00bebc;
font-weight: normal;
border: 1px solid #00bebc;
padding: 10px 32px 10px 15px;
height: 42px;
appearance: none;
-webkit-appearance: none;
background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.41%208.12%22%3E%3Cpath%20d%3D%22m.71.71%206%206%206-6%22%20style%3D%22fill%3Anone%3Bstroke%3A%2300bebc%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 14px;
width: 100%;
margin-bottom: 15px;
}
.layer-list .search-form input[type="text"] {
flex: 1;
border: 0;
border-top: 1px solid #00bebc;
border-bottom: 1px solid #00bebc;
border-left: 1px solid #00bebc;
display: block;
text-align: center;
color: #00bebc;
font-size: 16px;
height: 42px;
}
.layer-list .search-form input[type="text"]::placeholder {
color: rgba(0, 190, 188, 0.6);
}
.layer-list .search-form button {
border: 0;
background-color: #00bebc;
height: 42px;
cursor: pointer;
flex-shrink: 0;
}
.layer-list .search-form button i {
width: 20px;
height: 20px;
margin: 0 10px;
transition: transform 150ms ease;
}
.layer-list .search-form button:hover i {
transform: scale(1.1);
}
.layer-list .search-form .btn-filter {
background-color: #00bebc;
font-size: 16px;
font-weight: 600;
color: #fff;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
height: 100%;
margin-top: 15px;
width: 100%;
height: 42px;
}
.layer-list .search-form .btn-filter i {
margin-right: 12px;
flex-shrink: 0;
width: 22px;
height: 22px;
transition: transform 150ms ease;
}
.layer-list .search-form .btn-filter:hover i {
transform: scale(1.08);
}
.layer-list .search-form .btn-filter i.ic-frm-close {
background-size: 80% 80%;
}
.layer-list .search-form .btn-filter .badge {
width: 20px;
height: 20px;
background-color: #fff;
color: #00bebc;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 11px;
margin-left: 5px;
}
.layer-list .search-form .btn-filter .badge.hide {
display: none;
}
.layer-list .search-form .filter-group {
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
background-color: #fff;
padding: 170px 30px 70px 30px;
z-index: 9;
display: none;
opacity: 0;
transition: all 0.2s;
font-size: 16px;
font-weight: 500;
overflow-x: hidden;
overflow-y: scroll;
}
.layer-list .search-form .filter-group.opened {
opacity: 1;
}
.layer-list .search-form .filter-group .filter-header {
width: 100%;
top: 100px;
left: 0;
position: fixed;
flex-wrap: nowrap;
background-color: #fff;
padding: 10px 20px;
box-shadow: 0 0 14px 3px rgba(24, 78, 117, .08);
user-select: none;
-webkit-user-select: none;
z-index: 9;
}
.layer-list .search-form .filter-group .filter-header span {
font-size: 20px;
font-weight: 600;
}
.layer-list .search-form .filter-group .filter-header .mob-filter-close {
display: block;
width: 32px;
height: 32px;
background-size: 70% 70%;
background-position: center center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGlkPSJMYXllcl8xIiB4PSIwIiB5PSIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4MCA4MCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgODAgODAiPjxzdHlsZT4uc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzAwYTRhNjtzdHJva2Utd2lkdGg6MTI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwfTwvc3R5bGU+PHBhdGggZD0ibTEwLjEgMTAuMSA1OS44IDU5LjhNNjkuOSAxMC4xIDEwLjEgNjkuOSIgY2xhc3M9InN0MCIvPjwvc3ZnPg==);
cursor: pointer;
}
.layer-list .search-form .filter-group .btn-close {
display: block;
background-color: #19c4c3;
font-size: 16px;
font-weight: 600;
color: #fff;
padding: 12px 0;
text-align: center;
position: fixed;
border-radius: 10px;
left: 30px;
right: 30px;
bottom: 0;
margin: auto;
z-index: 9;
}
.layer-list .search-form .filter-group .reset-filters {
display: block;
border: 1px solid #11c2c0;
border-radius: 10px;
font-size: 16px;
text-align: center;
padding: 10px 0;
cursor: pointer;
transition: all 50ms ease-out;
margin-top: 30px;
}
/*
.layer-list .search-form .filter-group .reset-filters:hover {
background-color: #11c2c0;
color: #fff;
}
*/
.layer-list .search-form .filter-group > .grid {
row-gap: 20px;
column-gap: 50px;
}
.layer-list .search-form .right-col {
margin-left: 10px;
}
.layer-list .search-form .label {
font-weight: 500;
margin-bottom: 8px;
}
.layer-list .search-form .right-cb {
margin-left: 15px;
}
.layer-list .search-form .checkbox {
display: flex;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.layer-list .search-form .checkbox input {
display: none;
}
.layer-list .search-form .mark {
display: block;
background-color: rgba(0, 190, 188, 0.051);
border: 1px solid #00bebc;
width: 30px;
height: 30px;
border-radius: 50%;
flex-shrink: 0;
margin-right: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.layer-list .search-form input:checked ~ .mark::after {
display: block;
content: '';
width: 15px;
height: 12px;
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.8%2016%22%3E%3Cpath%20d%3D%22M.24%208.8C.08%208.64%200%208.4%200%208.24s.08-.4.24-.56l1.12-1.12c.32-.32.8-.32%201.12%200l.08.08%204.4%204.72c.16.16.4.16.56%200L18.24.24h.08c.32-.32.8-.32%201.12%200l1.12%201.12c.32.32.32.8%200%201.12L7.76%2015.76c-.16.16-.32.24-.56.24s-.4-.08-.56-.24L.4%209.04zm0%200%22%20style%3D%22fill%3A%2300bebc%22%2F%3E%3C%2Fsvg%3E);
background-size: contain;
background-repeat: no-repeat;
}
.layer-list .search-form .radio-box {
display: flex;
align-items: center;
flex-wrap: nowrap;
font-size: 16px;
font-weight: 600;
background-color: #f2fcfc;
display: inline-flex;
border: 1px solid #00bebc;
border-radius: 20px;
overflow: hidden;
width: 100%;
max-width: 230px;
user-select: none;
-webkit-user-select: none;
}
.layer-list .search-form .radio-box span {
display: block;
padding: 10px 0;
color: #00bebc;
cursor: pointer;
flex: 1;
text-align: center;
}
.layer-list .search-form .radio-box span.active {
color: #fff;
background-color: #00bebc;
border-radius: 20px;
}
/* ----------------
Input Range
-----------------*/
.layer-list .search-form .range-label {
margin-bottom: 20px;
}
.layer-list .search-form .range-label .fee-val {
color: #00bebc;
}
.layer-list .input-range.noUi-horizontal {
padding: 0 10px;
border: none;
height: 4px;
box-shadow: none;
border-radius: 50px;
}
.layer-list .input-range-blue.noUi-horizontal .noUi-handle,
.layer-list .input-range-blue.noUi-horizontal .noUi-connect {
background: #00bebc;
}
.layer-list .input-range-blue.noUi-horizontal {
background: #ccf2f2;
}
.layer-list .input-range .noUi-handle:after,
.layer-list .input-range .noUi-handle:before {
display: none;
}
.layer-list .input-range .noUi-handle {
width: 22px;
height: 22px;
top: -9px;
right: -11px;
border-radius: 50%;
border: 2px solid #fff;
box-shadow: none;
cursor: pointer
}
.layer-list .input-range .noUi-target {
border-radius: 50px
}
.layer-list .price-table {
width: 100%;
table-layout: fixed;
border-collapse: separate;
border-spacing: 0;
margin-top: 30px;
font-size: 14px;
}
.layer-list .price-table thead th {
border-top: 1px solid #0071b9;
border-bottom: 1px solid #0071b9;
text-align: left;
font-weight: 600;
color: #0071b9;
padding: 10px 16px;
display: none;
-webkit-user-select: none;
user-select: none;
}
.layer-list .price-table thead th.sortable {
cursor: pointer;
position: relative;
}
.layer-list .price-table thead th.sortable::after {
display: block;
content: '';
width: 14px;
height: 14px;
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Layer_1%22%20version%3D%221.1%22%20viewBox%3D%220%200%20448.15%20557.43%22%3E%3Cdefs%3E%3Cstyle%3E.st0%7Bfill%3A%230071b9%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M201.47%20548.06c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-169.4%20169.4-169.39-169.3c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192%20.1-.1ZM246.68%209.38c-12.5-12.5-32.8-12.5-45.3%200l-192%20191.99c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l169.4-169.4%20169.4%20169.3c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3l-192-192-.1.1Z%22%20class%3D%22st0%22%2F%3E%3C%2Fsvg%3E);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
}
.layer-list .price-table thead th.sortable.asc:after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448.15%20557.43%22%3E%3Cpath%20d%3D%22M201.47%20548.06c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-169.4%20169.4-169.39-169.3c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192%20.1-.1Z%22%20style%3D%22fill%3A%230071b9%3Bopacity%3A.3%22%2F%3E%3Cpath%20d%3D%22M246.68%209.38c-12.5-12.5-32.8-12.5-45.3%200l-192%20191.99c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l169.4-169.4%20169.4%20169.3c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3l-192-192-.1.1Z%22%20style%3D%22fill%3A%230071b9%22%2F%3E%3C%2Fsvg%3E);
}
.layer-list .price-table thead th.sortable.desc:after {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448.15%20557.43%22%3E%3Cpath%20d%3D%22M201.47%20548.06c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-169.4%20169.4-169.39-169.3c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192%20.1-.1Z%22%20style%3D%22fill%3A%230071b9%22%2F%3E%3Cpath%20d%3D%22M246.68%209.38c-12.5-12.5-32.8-12.5-45.3%200l-192%20191.99c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l169.4-169.4%20169.4%20169.3c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3l-192-192-.1.1Z%22%20style%3D%22fill%3A%230071b9%3Bopacity%3A.3%22%2F%3E%3C%2Fsvg%3E);
}
.layer-list .price-table thead th:nth-child(1) {
display: table-cell;
}
.layer-list .price-table thead th:first-child {
border-left: 1px solid #0071b9;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-right: 1px solid #0071b9;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.layer-list .price-table thead th:last-child {
border-right: 1px solid #0071b9;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.layer-list .price-table td {
padding: 10px 16px;
border: 0;
font-weight: 500;
display: none;
}
.layer-list .price-table td:nth-child(1) {
display: table-cell;
}
.layer-list .price-table td:first-child a {
font-weight: 600;
transition: all 0.2s;
}
.layer-list .price-table td:first-child a:hover {
color: #00bebc;
}
.layer-list .price-table tr:nth-child(even) {
background-color: #f2f8fb;
}
.layer-list .price-table .ic-info {
cursor: pointer;
width: 22px;
height: 22px;
margin: 0 auto;
}
.layer-list .price-table .old-price {
text-decoration: line-through;
}
.layer-list .price-table .new-price {
display: block;
margin-top: 5px;
color: #dc3545;
}
.layer-list .price-table .reg-price {
margin: 10px 0 0 20px;
font-weight: normal;
}
/* ----------------
Layer F.A.Q.
------------------*/
.layer-faq-plain .group {
margin-top: 50px;
row-gap: 40px;
}
.layer-faq-plain .col {
padding-bottom: 0;
}
.layer-faq-plain .col h3 {
margin-top: 0;
line-height: 1.8;
}
.layer-faq-plain .wrapper {
padding: 50px 10px;
}
/* -------------
Layer List
---------------*/
.layer-list .wrapper {
position: relative;
}
.layer-list .inside {
background-color: #fff;
padding: 15px 10px 0px 15px;
}
/* ----------------
Tooltip Popup
------------------*/
.sp-tooltip {
max-width: 250px;
}
/* Tablet */
@media only screen and (min-width : 768px) {
/* -------------
Header
---------------*/
header.domain-extensions .text h1 {
font-size: 40px;
}
header.domain-extensions .header-group {
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}
/* --------------
Layer List
-----------------*/
.layer-list .inside {
padding: 40px 20px 40px 20px;
}
.layer-list .search-form .filter-group > .grid {
grid-template-columns: 1fr 1fr;
}
.layer-list .search-form select {
width: auto;
margin-bottom: 0;
}
.layer-list .search-form input[type="text"] {
border-left: 0;
}
.layer-list .search-form .btn-filter {
width: 135px;
margin-left: 8px;
margin-top: 0;
}
.layer-list .price-table thead th,
.layer-list .price-table td {
display: table-cell;
}
.layer-list .price-table thead th:first-child {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.layer-list .price-table .reg-price {
display: none;
}
/* -------------
Layer FAQ
----------------*/
.layer-faq-plain h2 {
text-align: left;
}
}
@media only screen and (min-width : 993px) {
}
@media only screen and (min-width : 1200px) {
/* -------------
Header
---------------*/
header.domain-extensions .header-group {
margin-top: 80px;
padding-bottom: 150px;
}
header.domain-extensions .header-group .title {
font-size: 26px;
}
header.domain-extensions .header-group .descr {
font-size: 16px;
}
header.domain-extensions .header-group .action-btn {
font-size: 18px;
}
/* -------------
Layer List
---------------*/
.layer-list {
background-color: #f0f7fb;
}
.layer-list .wrapper {
background-color: rgba(255, 255, 255, 0.4);
padding: 25px;
margin-top: -130px;
}
.layer-list .inside {
padding-bottom: 20px;
}
.layer-list .price-table {
table-layout: auto;
}
.layer-list .price-table .new-price {
display: inline-block;
margin-top: 0;
margin-left: 5px;
}
.layer-list .price-table thead th.sortable::after {
right: 30px;
}
/* --------------
Search Form
-----------------*/
.layer-list .search-form .filter-group {
position: relative;
padding: 0 0 0 30px;
margin: 15px 0;
opacity: 1;
overflow: hidden;
transition: none;
height: auto;
}
.layer-list .search-form .filter-group::before {
background-color: rgba(0, 190, 188, 0.2);
position: absolute;
display: block;
content: '';
top: 0;
left: 0;
width: 7px;
height: 100%;
}
.layer-list .search-form .filter-group .filter-header,
.layer-list .search-form .filter-group .btn-close,
.layer-list .search-form .filter-group .reset-filters {
display: none;
}
.layer-list .search-form .filter-group > .grid {
grid-template-columns: 1fr 1fr 1fr;
}
/* -------------
Layer FAQ
---------------*/
.layer-faq-plain .wrapper {
padding: 80px 0;
}
.layer-faq-plain .group {
grid-template-columns: 1fr 1fr;
}
}