/*register.css*/
/*@utf8;*/

html, body {
	font-family: 'Verdana';
}

.domains-wrapper {
  position: relative;
	background-image: radial-gradient(#656999, #000);
	color: white;
	padding: 150px 0 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s;
}

.domains-check-wrapper {
	width: 80%;
}
.domains-check-wrapper h1 {
	font-size: 1.2rem;
}

@media( min-width: 768px ) {
	.domains-check-wrapper {
		width: 50%;
	}
}

#checkDomainsAvailability > div { box-shadow: 0 0 10px #000; }

/* TLDS homepage Offers */
.tldsDiscountWrapper {
  position: absolute; left: 0; bottom: 0;
  background-color: rgba(255,255,255,0.2);
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.tldsDiscountWrapper ul {
  width: 100%;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tldsDiscountWrapper ul li:first-child,
.tldsDiscountWrapper ul li:nth-child(5) { border-left: none; }
.tldsDiscountWrapper ul li {
  list-style: none;
  display: inline-block;
  width: calc(100% / 3);
  text-align: center;
  font-size: 1.4em;
  border-left: 1px solid #fff;
}
.tldsDiscountWrapper .break {
  flex-basis: 100%;
  height: 0;
}
.tldsDiscountWrapper ul li small {
  color: #6b80b9;
  font-size: 8pt;
  display: block;
}

@media( min-width: 768px ) {
  .domains-wrapper { padding: 150px 0 180px; }
  .tldsDiscountWrapper ul li small { display: inline-block; }
  .tldsDiscountWrapper ul li { width: calc(100% / 6); }
  .tldsDiscountWrapper ul li:nth-child(5) { border-left: 1px solid; }
}

.navbar-brand img { height: 50px; }

.pricing-box .pricing-price { font-family: lato; }

/* loader */
.webcms_loader_1 {
	border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #edf3f9; /* red */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin .8s cubic-bezier(0.13, 0.32, 0.85, 0.62) infinite;
    margin: 0 auto;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* hide loader */
.work_in_progress { display: none; }


/*-----------
	loader
	source : https://loading.io/css/
--------------*/
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 38px;
}
.lds-ellipsis div {
  position: absolute;
  top: 14px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #cef;
  background: #ed2939;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}


/**-------------
radio
--------------*/

.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 1.5em;
  padding: 4px 4px 4px 40px;
  /*line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 2em;*/
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

/*.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}*/

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

/*.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}*/

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
  padding-top: 4px;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}

.funkyradio .funkyradio-unavailable input[type="checkbox"]:empty ~ label:before {
	display: none;
}

.funkyradio .funkyradio-unavailable input[type="radio"]:empty ~ label,
.funkyradio .funkyradio-unavailable input[type="checkbox"]:empty ~ label {
 padding: 4px 8px;
}

/* ------------------- */
/* Custom Css */

header.masthead {
    position: relative;
    background-color: #343a40;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 8rem;
    padding-bottom: 8rem
}

header.masthead .overlay {
    position: absolute;
    z-index: 1;
    background-color: #212529;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: .3
}

header.masthead .container {
  z-index: 20;
  position: relative;
}

header.masthead h1 {
    font-size: 2rem
}

@media (min-width:768px) {
    header.masthead {
        padding-top: 12rem;
        padding-bottom: 12rem
    }
    header.masthead h1 {
        font-size: 3rem
    }
}

.showcase .showcase-text {
    padding: 3rem
}

.showcase .showcase-img {
    min-height: 30rem;
    background-size: cover
}

@media (min-width:768px) {
    .showcase .showcase-text {
        padding: 7rem
    }
}

.features-icons {
    padding-top: 7rem;
    padding-bottom: 7rem
}

.features-icons .features-icons-item {
    max-width: 20rem
}

.features-icons .features-icons-item .features-icons-icon {
    height: 7rem
}

.features-icons .features-icons-item .features-icons-icon i {
    font-size: 4.5rem
}

.features-icons .features-icons-item:hover .features-icons-icon i {
    font-size: 5rem
}

.testimonials {
    padding-top: 7rem;
    padding-bottom: 7rem
}

.testimonials .testimonial-item {
    max-width: 18rem
}

.testimonials .testimonial-item img {
    max-width: 12rem;
    box-shadow: 0 5px 5px 0 #adb5bd
}

.call-to-action {
    position: relative;
    background-color: #343a40;
    background: url(../img/bg-masthead.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 7rem;
    padding-bottom: 7rem
}

.call-to-action .overlay {
    position: absolute;
    background-color: #212529;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: .3
}