/* CSS Document */

.domain-finder{ margin: 0 auto; text-align:center;}

.domain-finder .finder-top{ width: 700px; margin: 20px auto; }

.domain-finder-1-left{
	background:url(../images/box-verificar.svg) top no-repeat;
    background-size: contain;
    width: 500px;
    float:left;
    height: 80px;
	font-size:2.4em;
    font-family: 'Montserrat', sans-serif;
	font-weight:bold;
    color: #FFFFFF;
	
}

.domain-finder-1-left input { text-transform: lowercase; margin-top:15px; height:42px; width:250px; border:none; border-radius: 5px; text-align:center; font-size:0.49em; font-family: 'Open Sans', sans-serif; font-weight: bold;}

.domain-finder-1-right button {
    float: right;
    font-family: 'Montserrat', sans-serif;
    font-size:1.4em;
    background:none;
    border:none;
    border-radius: 5px;
    color:#FFFFFF;
    background-color: #242424;
    cursor:pointer;
    height:72px;
    width: 190px;
    padding-top: 5px;
    /*-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;*/
}

.domain-finder-1-right.loading button {
    font-size:1.2em;
    background: url('../images/ajax-loader.gif') top 12px center no-repeat;
    padding-top: 20px;
    color:#FFFFFF;
    background-color: #242424;
}



/*  ---------------------------------------- DOMAIN NOT AVAILABLE ---------------------------------------- */
.domain-not-available {
    top: 10px;
    position: relative;
    margin: 25px auto;
    clear: both;
    width: 695px;
    display: none;
}

/* --- LEFT COL ----*/
.domain-not-available > .domain-not-available-left {
    height: 119px;
    margin-right: 200px;
    padding: 30px;
    text-align: center;
    margin: 0 auto;
    background-color: #651310;
    border-radius: 5px;
}

.domain-not-available > .domain-not-available-left > .domain-not-available-left-content {
    display: inline-block;
    height: 30px;
}

.domain-not-available > .domain-not-available-left > .domain-not-available-left-content > .domain-not-available-left-content-text {
    color: #ffffff;
    float: left;
    height: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size:1.6em;
    text-align: left;
    margin-left: 15px;
}

.domain-not-available > .domain-not-available-left > .domain-not-available-left-content > .domain-not-available-left-content-text > .domain-not-available-left-content-text-small {
    font-weight: normal;
    font-size: 0.8em;
}

.domain-not-available > .domain-not-available-left > .domain-not-available-left-content > .domain-not-available-left-content-icon {
    color: #b7cd16;
    float: left;
    background: url('../images/icon-no-disp.svg') no-repeat center center;
    width: 50px;
    height: 50px;
}
/*  ---------------------------------------- DOMAIN NOT AVAILABLE FIN ------------------------------------ */

/*  ---------------------------------------- DOMAIN AVAILABLE ---------------------------------------- */
.domain-available {
    top: 10px;
    position: relative;
    margin: 25px auto;
    clear: both;
    border-radius: 5px;
    background-color: #242424;
    display: none;
    width: 695px;
}

/* --- LEFT COL ----*/
.domain-available > .domain-available-left {
    height:119px;
    margin-right: 200px;
    padding: 35px;
    text-align: center;
}

.domain-available > .domain-available-left > .domain-available-left-content {
    display: inline-block;
    width: 300px;
    height: 30px;
}

.domain-available > .domain-available-left > .domain-available-left-content > .domain-available-left-content-text {
    color: #b7cd16;
    float: left;
    width: 191px;
    height: 50px;
    font-family: 'Montserrat', sans-serif;
    font-size:1.6em;
    text-align: left;
    margin-left: 15px; margin-top: 3px;
}

.domain-available > .domain-available-left > .domain-available-left-content > .domain-available-left-content-icon {
    color: #b7cd16;
    float: left;
    background: url('../images/icon-disponible.svg') no-repeat center center;
    width: 50px;
    height: 50px;
}


/* --- RIGHT COL ----*/
.domain-available > .domain-available-right {
    float:right;
    width:200px;
    height:119px;
    background: url('../images/bg-selec-registrador.png') no-repeat center center;
    cursor: pointer;
}

.domain-available > .domain-available-right > .domain-available-right-content  {
    width: 210px;
    padding: 7px;
}

.domain-available > .domain-available-right > .domain-available-right-content > .domain-available-right-content-icon {
    background: url('../images/icon-selec-registrador.svg') no-repeat center center;
    height: 30px;
    width: 30px;
    margin: 10px auto;
}

.domain-available > .domain-available-right > .domain-available-right-content > .domain-available-right-content-text {
    font-family: 'Montserrat', sans-serif;
    font-size:1.2em;
    line-height: 1.1em;
    width: 148px;
    margin: 0 auto;
}
/*  ---------------------------------------- DOMAIN AVAILABLE FIN ------------------------------------ */


.domain-finder-1-right button:hover {
    background-color: #373737;
    /*-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;*/
}

.domain-finder .steps {
    top:10px;
    position: relative;
    margin: 25px auto;
    clear: both;
	background: url(../images/tres-pasos.svg) top no-repeat;
    background-size: cover;
	width:695px;
    height: 134px;
    font-size: 1.2em;
}

.domain-finder .steps p { width:25%; text-align:center;  }
.domain-finder .steps p.domain-finder-2-left {
    float:left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    width:226px;
    height: 134px;
    padding:0 40px 0 50px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}

.domain-finder .steps p.domain-finder-2-center {
    width:278px; /*margin:40px 45px 40px 80px;*/ height: 134px; float:left;  font-family: 'Montserrat', sans-serif; padding:0 50px 0 50px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;

}
.domain-finder .steps p.domain-finder-2-right {
    float:right; font-family: 'Montserrat', sans-serif;
    width:190px;
    height: 134px;
    padding:0 20px 0 0;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}


@media only screen and (max-width: 930px) {
    .domain-finder .finder-top{ width:auto; margin: 20px auto; }
    .domain-finder-1-left{width: 100%;}
    .domain-finder-1-right{ width: 45%; margin: 0 auto;}
    .domain-finder-1-right button{ width: 100%; height: 60px; margin:20px 0 15px 0;}
    .domain-not-available > .domain-not-available-left { width: 100% }
    .domain-finder .steps{display: none;}
    .domain-not-available, .domain-available{width: 500px; margin:0 auto;}
    .domain-available > .domain-available-right{border-radius: 4px;}

}

@media only screen and (max-width: 593px) {
    .domain-finder .finder-top{ margin: 10px auto; }
    .domain-finder-1-left{font-size:1.8em; height: 60px;}
    .domain-finder-1-left input{ margin-top:3%;}
    .domain-finder-1-left input{width:50%; height: 35px;}
    .domain-finder-1-right button{ height: 50px; margin-top:10px; font-size: 1.2em;}
    .domain-finder-1-right{ width: 60%;}
    .domain-not-available {width: 100% }
    .domain-not-available > .domain-not-available-left, .domain-available { width: 100%; padding: 10px; height: 80px }
    .domain-finder-1-right.loading button {font-size:0em;}
    .domain-available > .domain-available-left{height: auto; margin-right: 0px;padding: 0;text-align: center;}
    .domain-available > .domain-available-left > .domain-available-left-content{width: auto; padding-top: 8px;}
    .domain-available > .domain-available-left > .domain-available-left-content > .domain-available-left-content-text{font-size:1em;width: 120px; line-height: 1.3em; padding-top: 10px;}
    .domain-available > .domain-available-left > .domain-available-left-content > .domain-available-left-content-icon{width: 30px;height: 30px;margin-top: 15px;}
    .domain-available{padding: 0;}
    .domain-available > .domain-available-right{height: 80px; background-size: cover; width:134px;}
    .domain-available > .domain-available-right > .domain-available-right-content  {width: 145px; padding-top: 10px;}
    .domain-available > .domain-available-right > .domain-available-right-content > .domain-available-right-content-icon{width:15px;height:15px; margin:5px auto;}
    .domain-available > .domain-available-right > .domain-available-right-content > .domain-available-right-content-text{font-size:1em; font-weight: 900; line-height: 1em;}

}

@media only screen and (max-width: 430px) {
    .domain-finder-1-left{font-size:1.5em; height: 50px;}
    .domain-finder-1-left input{ margin-top:3%;}
    .domain-finder-1-left input{width:50%; height: 25px;}
    .domain-finder-1-right button{ height: 40px;}
    .domain-not-available > .domain-not-available-left > .domain-not-available-left-content > .domain-not-available-left-content-text {padding-top: 20px; font-size:0.9em; text-align: center; margin-left: 0;}
    .domain-not-available > .domain-not-available-left > .domain-not-available-left-content > .domain-not-available-left-content-icon { display: none; }
    .domain-available > .domain-available-left > .domain-available-left-content > .domain-available-left-content-text{display: none;}
}

/*
.domain-finder{ width:60%; margin:0 auto; font-size:16px; text-align:center;}

.domain-finder .finder-top{ height:80px; color:#FFFFFF;}

.domain-finder-1-left{
	background:url(../images/box-verificar.svg) top no-repeat;
	width:420px;
	height:75px;
	float:left;
	font-size:27px;
	font-weight:bold;
	padding-top:15px;

}
	.domain-finder-1-left input{ height:30px; width:220px; border:none; text-align:center; font-size:16px;}

.domain-finder-1-right{
	float:right;
	width: 176px;
	background: url(../images/box-comprobar.svg) top no-repeat;
	height: 75px;
	position:absolute;
	left:632px;
}

.domain-finder-1-right button{ font-weight:normal; font-size:20px; background:none; border:none;  color:#FFFFFF; cursor:pointer; height:60px; width:100%;}

.domain-finder .steps{
	background: url(../images/tres-pasos.svg) top no-repeat;
	width:100%;
	height:200px;
}

.domain-finder .steps p{ width:25%; height:200px; text-align:center;  }
.domain-finder .steps p.domain-finder-2-left{ width:125px; margin:35px 40px 30px 40px; float:left; font-weight:bold; font-family: 'Montserrat', sans-serif;}
.domain-finder .steps p.domain-finder-2-center{ width:125px; margin:35px 45px 40px 40px; float:left;  font-family: 'Montserrat', sans-serif;}
.domain-finder .steps p.domain-finder-2-right{ margin:30px 20px 0 ; float:right;}
*/