@font-face {
  font-family: iransans;
  src: url(../fonts/iranSans/eot/IRANSansWeb_Medium.eot?#) format("eot"), url(../fonts/iranSans/woff/IRANSansWeb_Medium.woff) format("woff"), url(../fonts/iranSans/woff2/IRANSansWeb_Medium.woff2) format("woff2"), url(../fonts/iranSans/ttf/IRANSansWeb_Medium.ttf) format("truetype");
}
@font-face {
  font-family: IRANYekanXF;
  src: url(../fonts/IRANYekanX/IRANYekanXFaNum-Regular.eot?#) format("eot"), url(../fonts/IRANYekanX/IRANYekanXFaNum-Regular.woff) format("woff"), url(../fonts/IRANYekanX/IRANYekanXFaNum-Regular.ttf) format("truetype");
}
@font-face {
  font-family: verdanaRegular;
  src: url(../fonts/verdana/verdana.woff) format("woff"), url(../fonts/verdana/verdana.woff2) format("woff2"), url(../fonts/verdana/verdana.eot) format("eot");
}
html {
  scroll-behavior: smooth;
}

body {
  font-family: "IRANYekanXF";
  font-size: 1rem;
  line-height: 2rem;
  color: #454545;
  padding: 0;
  direction: rtl;
  margin: 0;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 0.875rem;
    line-height: 1.75rem;
  }
}

*:focus {
  outline: none;
}

ul {
  padding: 0;
  margin-right: 1rem;
}

h2 {
  margin-top: 0;
}

a {
  text-decoration: none;
  color: #0081d0;
}

img {
  max-width: 100%;
}

.container {
  max-width: 68.75rem;
  margin: 0 auto;
  padding: 4rem 1.25rem;
}
@media screen and (max-width: 379px) {
  .container {
    padding: 3rem 1rem;
  }
}

.container-whois {
  direction: ltr;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .container-whois {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}

.container-header {
  text-align: center;
  margin-bottom: 0;
  padding: 3rem 0;
  line-height: 0;
}

.swPositioner {
  position: relative;
}
.swPositioner .tlds-content {
  position: absolute;
  width: 100%;
  left: 0;
  top: 3.75rem;
  background: #fff;
  border: 0.0625rem solid #ddd;
  border-radius: 0.5rem;
  padding: 1rem;
  box-sizing: border-box;
  z-index: 6;
  font-family: "verdanaRegular";
  font-size: 0.875rem;
  display: none;
  line-height: 1.625rem;
}
.swPositioner .tlds-content::after {
  content: "";
  border: 0.625rem solid transparent;
  border-bottom-color: #ddd;
  position: absolute;
  top: -1.25rem;
  left: 0.75rem;
}
.swPositioner .tlds-content .tlds-support {
  direction: ltr;
  margin: -0.25rem;
}
.swPositioner .tlds-content .tlds-support ul,
.swPositioner .tlds-content .tlds-support li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.swPositioner .tlds-content .tlds-support ul {
  display: flex;
  flex-flow: wrap;
}
.swPositioner .tlds-content .tlds-support ul li {
  transition: all ease 0.25s;
  margin: 0.25rem;
  padding: 0.25rem 0.5rem;
  box-sizing: border-box;
  line-height: 1.375rem;
  border-radius: 0.25rem;
  cursor: pointer;
}
.swPositioner .tlds-content .tlds-support ul li.selectedTLD {
  background-color: #1773af !important;
  color: #fff !important;
  cursor: default;
}
.swPositioner .tlds-content .tlds-support ul li.selectedTLD:hover {
  background-color: #146498 !important;
}
.swPositioner .tlds-content .tlds-support ul li.highlight {
  background-color: #e8f6ff;
}
.swPositioner .tlds-content .tlds-support ul li.highlight:hover {
  background-color: #d9f0ff;
}
.swPositioner .tlds-content .tlds-support ul li:hover {
  background-color: #f2f2f2;
}
.swPositioner .tlds-content .tld-description {
  direction: rtl;
  font-family: "IRANYekanXF";
  font-size: 0.75rem;
  border-bottom: 0.0625rem solid #ddd;
  padding: 0 0 0.5rem 0;
  margin-bottom: 0.75rem;
}
.swPositioner .tlds-content .tld-description > img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  margin-bottom: 0.25rem;
}
.swPositioner .tlds-content .tld-description.hide {
  display: none;
}
.swPositioner .tlds-content .tld-description > p {
  display: inline-block;
  margin: 0;
  font-weight: 600;
  line-height: 1.25rem;
}

.container-description {
  display: flex;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  -webkit-text-decoration: justify;
          text-decoration: justify;
}
@media screen and (max-width: 767px) {
  .container-description {
    flex-direction: column;
    padding-top: 0;
  }
}
.container-description .img-box {
  margin-left: 3rem;
}
@media screen and (max-width: 991px) {
  .container-description .img-box > img {
    max-width: 12.5rem;
  }
}
@media screen and (max-width: 991px) {
  .container-description .img-box {
    margin-left: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .container-description .img-box {
    margin-left: 1rem;
  }
}

.swResults {
  margin-top: 3rem;
}

.whois-result {
  padding-right: 1rem;
  border: 0.0625rem solid #bce2ff;
  padding: 1rem;
  padding-bottom: 0;
  background-color: rgba(239, 248, 255, 0.8);
  border-radius: 0.75rem;
  position: relative;
  overflow: hidden;
}
.whois-result > div {
  max-height: 29.375rem;
  overflow-y: auto;
  margin-right: -1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.whois-result > div::-webkit-scrollbar {
  background-color: transparent;
  width: 0.625rem;
}
.whois-result > div::-webkit-scrollbar-thumb {
  background-color: #bbb;
}
.whois-result > div::-webkit-scrollbar-thumb:hover {
  background-color: #aeaeae;
}
.whois-result > div::-webkit-scrollbar-thumb:active {
  background-color: #a2a2a2;
}
.whois-result .whois-title {
  margin-top: 0;
  color: #999;
  font-family: "verdanaRegular";
  background-color: #e3f3ff;
  padding: 1rem;
  margin: -1rem;
  margin-bottom: 0;
  border-bottom: 0.0625rem solid #bce2ff;
}
.whois-result .whois-title .domain-name {
  color: #555;
  letter-spacing: 0.03125rem;
}

.tlds-btn {
  height: 2.875rem;
  width: 2.875rem;
  border-radius: 0.5rem;
  margin-right: 0.5rem;
  background-color: #666;
  color: #fff;
  border: 0;
  cursor: pointer;
}
.tlds-btn:hover {
  background-color: #555;
}

.swForm {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  font-size: 1rem;
  justify-content: center;
  color: #666;
}
@media screen and (max-width: 767px) {
  .swForm {
    flex-direction: column;
  }
}
.swForm .input-domain-group {
  flex: 1;
  display: flex;
  width: 100%;
  position: relative;
}
.swForm .input-domain-group > i {
  position: absolute;
  right: 0;
  font-size: 1rem;
  font-weight: 600;
  right: 1.875rem;
  top: calc(50% - 0.5rem);
  color: #aaa;
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .swForm .input-domain-group > i {
    right: 1rem;
  }
}
.swForm .input-domain-group > i:hover {
  color: #888;
}

.swHilight {
  font-weight: 600;
}

.swServer {
  color: #999;
  border-bottom: 0.0625rem solid #ddd;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: "verdanaregular";
}

.swDomain {
  padding: 0.75rem;
  border: 0.125rem solid #ddd;
  font-size: 1rem;
  color: #333;
  border-radius: 0.5rem;
  height: 2.875rem;
  box-sizing: border-box;
  margin-right: 1rem;
  flex: 1;
  transition: all ease 0.25s;
}
@media screen and (max-width: 767px) {
  .swDomain {
    width: 100%;
    margin-right: 0;
  }
}
.swDomain:focus {
  border-color: #42a0dd;
}
.swDomain::-moz-placeholder {
  color: #cdcdcd;
  font-size: 0.875rem;
}
.swDomain::placeholder {
  color: #cdcdcd;
  font-size: 0.875rem;
}
.swDomain:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1.875rem #eaf7ff inset !important;
}
.swDomain.invalid-val {
  border-color: #ef7467;
}
.swDomain.invalid-val:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1.875rem #fef3f1 inset !important;
}

.swInfo {
  display: none !important;
}

.swData {
  direction: ltr;
  font-family: "verdanaRegular";
  text-align: left;
  color: #454545;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.swData + .swServer {
  margin-top: 1.25rem;
}

.d-none {
  display: none !important;
}

.swStatus {
  margin-bottom: 1rem;
}

.swError {
  direction: rtl;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*====================*/
.captcha-group {
  display: inline-block;
  vertical-align: top;
}
.captcha-group span {
  display: inline-block;
  font-family: "verdanaRegular", arial;
  width: 2.875rem;
  height: 2.875rem;
  line-height: 2.625rem;
  font-size: 1rem;
  box-sizing: border-box;
  color: #333;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #ddd;
  background-color: #fff;
  border-radius: 0.5rem;
  vertical-align: top;
}
.captcha-group span.muted {
  color: #aaa;
}
.captcha-group.valid:after, .captcha-group.unvalid:after {
  font-family: Material-Design-Iconic-Font;
  font-size: 1.125rem;
  margin-left: 0.625rem;
}
.captcha-group.valid > span {
  color: #aaa;
}
.captcha-group.valid:after {
  content: "\f26b";
  color: #2ecc71;
  font-weight: 600;
  font-size: 1.5rem;
  top: 0.3125rem;
  position: relative;
  display: none;
}
.captcha-group.valid .submit__input {
  border: 0.125rem solid #2ecc71;
  color: #2ecc71 !important;
}
.captcha-group.unvalid:after {
  content: "\f136";
  color: #e74c3c;
  font-weight: 600;
  font-size: 1.5rem;
  top: 0.3125rem;
  position: relative;
  display: none;
}
.captcha-group.unvalid .submit__input {
  border: 0.125rem solid #ef7467;
  color: #ef7467;
}
.captcha-group .submit__input {
  position: relative;
  outline: 0;
  height: 2.875rem;
  width: 2.875rem;
  line-height: 2rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  font-family: "verdanaRegular", arial;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 0.125rem solid #ddd;
  color: #ddd;
  text-align: center;
  box-sizing: border-box;
}

.refresh-captcha {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 1.375rem;
  height: 1.5rem;
  text-align: center;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.2);
  position: relative;
  top: calc(50% - 0.75rem);
  margin-left: 0;
  position: relative;
  margin-left: 0.25rem;
}
.refresh-captcha i:hover {
  color: rgba(0, 0, 0, 0.4);
}
.refresh-captcha i {
  font-size: 1.5rem;
  cursor: pointer;
}
.refresh-captcha .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  display: none;
}

.submit__control {
  display: inline-block;
  height: 2.875rem;
  vertical-align: top;
  display: flex;
}
@media screen and (max-width: 767px) {
  .submit__control {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.submit {
  font-family: "IRANYekanXF";
  padding: 0.25rem 0.625rem;
  border: 0;
  margin-left: 0.3125rem;
  cursor: pointer;
  display: inline-block;
  height: 2.875rem;
  min-width: 5.625rem;
  font-weight: bold;
  background-color: #0081d0;
  margin-left: 1rem;
  color: #fff;
  font-size: 1rem;
  text-transform: uppercase;
  outline: none;
  border-radius: 0.5rem;
  opacity: 1;
  transition: all ease 0.25s;
}
@media screen and (max-width: 767px) {
  .submit {
    margin-left: 0;
  }
}
.submit:disabled {
  cursor: default;
  background-color: #f2f2f2;
  color: #ccc;
}
.submit:not(:disabled):hover {
  background-color: #0071b7;
}

.invalid-domain,
.swError,
.registered {
  direction: rtl;
  position: relative;
  color: #dd3232;
  font-size: 0.875rem;
  background-color: #fdf2f2;
  padding: 0.875rem 1rem;
  padding-right: 2.75rem;
  margin-top: 1rem;
  border: 0.0625rem solid #f8d4d4;
  border-radius: 0.5rem;
  line-height: 1.375rem;
}
.invalid-domain .zmdi,
.swError .zmdi,
.registered .zmdi {
  position: absolute;
  right: 1rem;
  top: 0.875rem;
}

.invalid-domain {
  color: #df9000;
  background-color: #fff7e9;
  border-color: #ffe2ac;
}

.registered {
  direction: rtl;
}
.registered a {
  font-weight: 600;
  letter-spacing: 0.03125rem;
  color: #dd3232;
  text-decoration: none;
  border-bottom: 0.0625rem solid;
  font-family: "verdanaregular";
}
.registered a:hover {
  border-bottom-width: 0.125rem;
}
.registered .zmdi {
  font-size: 1.5rem;
  vertical-align: middle;
  margin-left: 0.5rem;
}

.invalid-domain {
  display: none;
}
.invalid-domain .zmdi {
  font-size: 1.5rem;
  vertical-align: middle;
  margin-left: 0.5rem;
}
.invalid-domain > span {
  display: block;
  margin-bottom: 0.25rem;
}

.available {
  direction: rtl;
  color: #218f0c;
  background-color: #edfde9;
  padding: 0.875rem 1rem;
  margin-top: 1rem;
  border: 0.0625rem solid #b0f7a3;
  border-radius: 0.5rem;
}
.available > span {
  font-weight: 600;
  letter-spacing: 0.03125rem;
  font-family: "verdanaregular";
}
.available .zmdi {
  font-size: 1.5rem;
  vertical-align: middle;
  margin-left: 0.5rem;
}

.swError {
  line-height: 1.5625rem;
}
.swError span {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
}
.swError .zmdi {
  font-size: 1.5rem;
}

.low-opa {
  opacity: 0.4;
}

.fadeOut {
  opacity: 0;
  transform: translateY(10px);
}

.fadeIn {
  opacity: 1 !important;
  transform: translateY(0px) !important;
}

.form-fields,
.form-success {
  transition: all 0.2s ease-out;
}

.form-success {
  opacity: 0;
  transform: translateY(-10px);
  margin-top: 1.25rem;
}

footer {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
}
footer .container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
footer .container #ipAddress {
  font-size: 0.75rem;
  direction: ltr;
  color: #999;
  font-family: "verdanaRegular";
}
footer .container .copyright {
  direction: ltr;
  font-family: "verdanaRegular";
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #999;
}
footer .container #locationInfo {
  direction: ltr;
  font-family: "verdanaRegular";
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #999;
}
footer .container #locationInfo > span {
  font-weight: 600;
  display: inline-block;
}
footer .container #locationInfo img {
  vertical-align: middle;
}
footer .container .f-icons {
  margin-bottom: 1rem;
}
footer .container .f-icons > * {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 479px) {
  footer .container .f-icons > * {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
footer .container .f-icons > * img {
  height: 2.5rem;
}
@media screen and (max-width: 340px) {
  footer .container .f-icons > * img {
    height: 2.25rem;
  }
}
footer .container .f-icons > * img.iana {
  height: 1.875rem;
}

.tlds-icon {
  position: relative;
}
.tlds-icon .slick-track {
  display: flex;
  align-items: center;
}
.tlds-icon .slick-track .slick-slide {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 0;
}
.tlds-icon .slick-track img {
  margin: 0 auto;
  max-width: 100%;
}
.tlds-icon::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

.web-design {
  background-color: rgba(235, 247, 255, 0.75);
  background-size: cover;
  position: relative;
}
.web-design .container {
  color: #222;
  position: relative;
  z-index: 2;
  display: flex;
  max-width: 46.25rem;
}
.web-design .container .img-box {
  padding-left: 3rem;
}
.web-design .container p {
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .web-design .container {
    flex-direction: column;
  }
  .web-design .container .img-box {
    text-align: center;
    margin-bottom: 1rem;
    padding-left: 0;
  }
  .web-design .container img {
    max-width: 12.5rem;
  }
}

.btn-row {
  text-align: left;
}
.btn-row .more-link {
  padding: 0.5rem 2rem;
  text-align: center;
  background-color: transparent;
  border: 0;
  background-color: #fff;
  font-family: "IRANYekanXF", Tahoma, Arial;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all ease 0.25s;
  color: #222;
}
.btn-row .more-link:hover {
  background-color: #48a0dc;
  color: #fff;
}

.domain-registration-rules {
  background-color: #f0f9ff;
  position: relative;
}
.domain-registration-rules > .container {
  display: flex;
  align-items: center;
  direction: ltr;
}
.domain-registration-rules > .container > img {
  max-width: 15.625rem;
}
@media screen and (max-width: 767px) {
  .domain-registration-rules > .container {
    flex-direction: column;
  }
  .domain-registration-rules > .container img {
    max-width: 12.5rem;
    margin-bottom: 1rem;
  }
}
.domain-registration-rules > .container .content {
  display: flex;
  flex-direction: column;
  flex: 1;
  direction: rtl;
}