/** General**/
@font-face {
	font-family: 'CenturyGothic';
	src: url('../fonts/century_gothic__2.eot') format('embedded-opentype'), url("../fonts/century-gothic.otf"), url("../fonts/century-gothic.ttf");
}
.no-padding {
	padding: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
 input[type=number]::-webkit-inner-spin-button,  input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 margin: 0;
}
/*

* HEADER

*/

header .logo {
	background: #fff;
}
header .logo img {
	margin: 25px auto;
	max-width: 350px;
	width: 100%;
}
header .log p {
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
}
/*

*menu

*/
header .el-menu i {
    display: none;
}
header .el-menu .active i {
    display: inline-block;
}
header .el-menu li {
	width: 16.66%;
	margin-bottom: 0;
	font-size: 20px;
}
header .el-menu li a {
	color: #FAEA3D;
	margin: 0;
}
header .el-menu li.active, header .el-menu li.active a {
	color: #439fd7;
	background: #000;
	border: none;
	margin: 0;
}
header ul.nav.nav-tabs {
	background-color: #444545;
}
header .el-menu .nav-tabs>li>a {
    border: none !important;
    border-radius: 0 !important;
    text-align: center;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    font-weight: bold;
    padding: 10px 0;
    margin: 0 auto !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: #439fd7 !important;
	cursor: default !important;
	background-color: #000 !important;
	border: none !important;
	border-bottom-color: transparent;
	margin: 0 !important;
}
.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	background-color: #000 !important;
	border-radius: 0;
}
header ul {
	border: none !important;
}
header .log {
	text-align: right;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: -30px;
}
header .log a {
	background: #444545;
	color: #fff;
	padding: 5px 6px;
	border-radius: 20px;
	font-size: 14px;
}
header .log a:hover {
	background: #54A9E0;
	color: #FAEA3D;
}
header .el-menu> ul >li ul.dropdown-menu {
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	text-align: center;
	width: 100%;
	border: none;
	box-shadow: none;
	background: #444545;
}
header .el-menu> ul >li ul.dropdown-menu li {
	width: 100%;
}
header .el-menu> ul >li ul.dropdown-menu li a:hover {
	background: #000;
	color: #FAEA3D;
}
/*

* footer

*/

footer {
	background-color: #444545;
	margin-top: 20px;
}
footer .general p a {
	color: #fff;
}
footer .redes a {
	color: #444545;
	background: #FAEA3D;
	width: 70px;
	height: 70px;
	margin: 20px;
	padding: 9px;
	font-size: 25px;
	border-radius: 100%;
}
footer .redes a:hover {
	background: #4FA9DC;
	color: #FAEA3D;
}
footer a:hover {
	text-decoration: none;
}
footer .redes {
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}
footer .redes a i {
	padding-left: 4px;
}
footer .redes a:last-child i {
	padding-left: 3px;
	padding-right: 3px;
}
footer .redes a:first-child i {
	margin-right: -5px;
}
footer ul {
	width: 80%;
	margin: 0 auto;
	padding: 0;
}
footer ul li {
	list-style: none;
	display: inline-block;
	width: 15%;
	font-size: 11px;
	text-align: center;
}
footer ul li a {
	color: #fff;
}
footer ul li a:hover {
	color: #4FA9DC;
}
footer .general {
	margin-top: 25px;
}
footer .general p {
	color: #fff;
	padding: 0;
	margin: 0;
	text-align: center;
}
footer .franja {
	background-color: #4FA9DC;
	margin-bottom: 40px;
	margin-top: 25px;
	color: #000;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
footer .franja a {
	color: #000;
}
/*

*	login

*/

.new-user .row h1 {
	text-align: center;
	font-weight: bold;
	/*margin: 50px 0;*/
}
.new-user form > div { 
	/*width: 80%;
	margin: 10px 10%;
	height: 40px;*/
}
.new-user form > div input {
	/*float: right;
	width: 80%;*/
}
.new-user form > div label {
	/*float: right;
	width: 10%;
	text-align: right;
	margin-right: 2%;*/
}
.new-user form > input {
	margin: 40px auto 0 auto;
	width: 150px;
	display: block;
	background: #4FA9DC;
	color: #fff;
	box-shadow: none;
	border: none;
	padding: 5px;
	border-radius: 10px;
}
.new-user form > input:hover {
	background: #FAEA3D;
	color: #444545;
	font-weight: bold;
}
.new-user .links {
	text-align: center;
	margin-top: 5px;
}
/*

* CREATE ACCOUNT

*/

.newaccount h1 {
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	margin: 40px 0;
}
/*.newaccount form > div > div:first-child, .newaccount form > div > div:last-child {
	text-align: center;
	width: 100%;
}
.newaccount form > div > div:first-child label {
	margin: 0 20px;
	font-size: 18px;
	width: 80px;
}
.newaccount form > div > div:first-child label input {
	margin-top: 5px;
	width: 13px;
}
.newaccount form > div > div {
	width: 45%;
	display: inline-block;
	margin: 15px 0;
}
.newaccount form > div > div label {
	width: 20%;
}
.newaccount form > div > div input {
	width: 75%;
}*/
/*.newaccount form > div > div:last-child input {
	width: initial;
	background: #4FA9DC;
	color: #fff;
	box-shadow: none;
	border: none;
	border-radius: 8px;
	padding: 5px 10px;
}
.newaccount form > div > div:last-child input:hover {
	background: #FAEA3D;
	color: #444545;
	font-weight: bold;
}
.newaccount form #company {
	width: 93%;
}*/
.newaccount form #name label:first-child, .newaccount form #lastname label:first-child {
	display: none;
}
.newaccount label#notvalid, .newaccount label#notvalid2 {
	display: none;
}
/*
* recover password
*/
.recovery form {
	text-align: center;
	margin: 30px 0 25px 0;
}
.recovery form input#recuperar {
	margin-top: 15px;
	color: #fff;
	background: #444545;
	border: none;
}
.recovery form input#recuperar {
	margin-top: 15px;
	color: #fff;
	background: #444545;
	border: none;
	padding: 7px 12px;
	border-radius: 8px;
}
.recovery form input#recuperar:hover {
	color: #444545 !important;
	font-weight: bold !important;
	background: #FAEA3D !important;
}
/*
* recover password
*/
.recovery #paso, .recovery #nopaso, .recovery #resultemail {
	display: none;
}
/*

*COMERCIO

*/

.comercio h2 {
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 20px;
}
.comercio .billing div, .comercio .shipping div, .comercio .card div {
	width: 48%;
	display: inline-block;
	margin-bottom: 10px;
}
.comercio .billing div label, .comercio .shipping div label, .comercio .card div label {
	width: 20%;
}
.comercio .billing div input, .comercio .shipping div input, .comercio .card div input {
	width: 70%;
}
.comercio .billing .radio {
	width: 100%;
	display: block;
}
.comercio .billing .radio label {
	width: initial;
}
.comercio .billing .radio label input {
	width: initial;
}
.comercio #purchaseForm input#phones_to_pay, .comercio #purchaseForm input#inputAmount-To-Pay, .comercio #purchaseForm .total input {
	resize: none;
	margin-bottom: -5px;
	padding: 0 5px;
	width: 90px;
}
.comercio form > div > div:last-child {
	text-align: center;
}
.comercio form > div > div:last-child input {
	margin-top: 20px;
	color: #fff;
	background: #4FA9DC;
	font-size: 18px;
	padding: 5px 10px 5px 10px;
	border-radius: 10px;
}
.comercio form > div > div:last-child input:hover {
	color: #444545;
	background: #FAEA3D;
}
.comercio .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour {
	width: 100% !important;
}
.comercio .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour div {
	width: 100% !important;
}
.comercio .input-group-addon {
	padding: 8px 12px !important;
}
.comercio .total {
	padding: 10px 0;
}
.total label {
	width: 75px;
}
.comercio input#phones_to_pay, .comercio input#inputAmount-To-Pay, .comercio #tax, .comercio #sub, .comercio #grantotal {
	border: none;
	padding: 0 !important;
}
label#dollar {
	margin-left: 10px;
}
.total label#dollar {
	width: initial;
}
/*

* INDEX

*/

.pag1 .media {
	margin-top: 25px !important;
}
.pag1 .row:last-child .media {
	margin-bottom: 25px !important;
}
.pag1 .media h4.media-heading {
	font-size: 80px;
	text-align: center;
	padding-top: 10%;
}
.mapa p {
	font-size: 35px;
	margin-top: 110px;
	background: #faea3d;
	padding: 10px 30px 10px 30px;
	font-weight: 500;
	-webkit-box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.72);
	-moz-box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.72);
	box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.72);
	float: right;
	color: #000;
}
.mapa p strong {
	color: #4b9cd3;
}
.mapa > div:last-child p {
	background: none;
	font-weight: normal;
}
.mapa p strong {
	font-size: 40px;
}
.simple img {
	opacity: 0.35;
}
.simple h1 {
	color: #54A9E0;
	font-size: 90px;
	font-weight: 600;
}
.simple p {
	font-size: 35px;
}
.simple p {
	font-size: 35px;
	color: #000;
}
.simple h2 {
	color: #54A9E0;
	font-size: 70px;
	font-weight: 600;
	display: none;
}
.efficient {
	background: #000;
	color: #fff;
}
.efficient div {
	padding-top: 30px;
	padding-bottom: 25px;
}
.efficient div p {
	font-size: 35px;
}
.efficient div h1 {
	color: #54A9E0;
	font-size: 90px;
	font-weight: 600;
	margin: 0 0 0 40px;
}
.efficient div p strong {
	color: #54A9E0;
}
.smart div h1 {
	color: #54A9E0;
	font-size: 90px;
	font-weight: 600;
	margin: 0 0 0 40px;
}
.smart div {
	padding-top: 30px;
	padding-bottom: 25px;
}
.smart div p {
	font-size: 35px;
	color: #000;
}
/*

*PHONES

*/

#carousel-id-vapor a, #carousel-id-vext a {
	color: #444444;
	background: #fff;
}
.phones h1.name {
	color: #2f70aa;
	font-weight: bold;
	text-align: center;
	font-size: 50px;
}
.phones > .row:first-child > div > img {
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: 200px;
	widows: 100%;
}
.phones .specs button {
	margin-top: 15px;
	color: #fff;
	background: #4FA9DC;
	border: none;
}
.phones .specs button a {
	color: #fff;
}
.phones .specs button:hover a {
	color: #444554;
}
.phones .specs button:hover {
	background-color: #FAEA3D;
	font-weight: bold;
	color: #444554;
}
/*

*BUSINESS

*/

.business > .row:first-child p {
	margin-top: 30px;
	font-size: 24px;
	margin-bottom: 30px;
	text-align: justify;
}
.business > .row:first-child p > strong:first-child {
	color: #4FA9DC;
}
.business h2 {
	color: #4FA9DC;
	padding-top: 15%;
}
.business form textarea {
	width: 100px;
	display: inline-block;
	resize: none;
	/*margin-bottom: -6px;*/
	border-radius:8px;
}

.business button {
	margin-bottom: 40px;
	margin-top: 15px;
	color: #fff;
	background: #4FA9DC;
	font-size: 18px;
	padding: 5px 10px 5px 10px;
}
.business button span {
	color: #FAEA3D;
}
.business button:hover {
	background-color: #FAEA3D;
	font-weight: bold;
}
.business button:hover span {
	color: #4FA9DC;
}
/*

* PERSONAL

*/
.personal .modal-body p {
    text-align: justify;
}
.personal #primerval form input:last-child {
	margin-bottom: 40px;
	margin-top: 15px;
	color: #fff;
	background: #4FA9DC;
	font-size: 18px;
	padding: 5px 10px 5px 10px;
	box-shadow: none;
	border: none;
	border-radius: 8px;
	width: 110px;
}
.personal #primerval form input:last-child:hover {
	background-color: #FAEA3D;
	font-weight: bold;
	color: #444545;
}
.personal #primerval p {
	display: none;
}
.personal h2 {
	margin-top: 15%;
}
.personal > .row:first-child p {
	font-size: 26px;
	margin-bottom: 25px;
	text-align: justify;
	/*font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;*/
}
.personal > .row:first-child p strong {
	color: #4FA9DC;
}
.personal #personalSearch-form input {
	width: 175px;
	display: inline-block;
	margin-left: 10px;
}
.personal form#personalSearch-form {
	margin-bottom: 35px;
}
.personal p {
	font-size: 26px;
}
.personal #ifno p {
	font-size: 26px;
	margin-bottom: 30px;
}
.personal #ifyes {
	margin-bottom: 30px;
	margin-top: 30px;
}
.personal #ifyes p {
	font-size: 26px;
}
.personal #ifyes p strong {
	color: #FAEA3D;
	background: #000;
	padding: 5px;
	border-radius: 8px;
}
.personal #ifyes .botones {
	text-align: center;
}
.personal #yes .botones a.btn.btn-primary, .personal #yes .botones button, .personal #yes .botones button a, .personal #ifyes .botones button a, .personal #ifyes .botones button, .personal #ifyes .botones a.btn.btn-primary {
	margin-top: 15px;
	color: #fff;
	background: #444545;
	border: none;
}
.personal #yes .botones a:hover, .personal #yes .botones button:hover, .personal #ifyes .botones button:hover, .personal #ifyes .botones a:hover, .personal #ifyes .botones button:hover {
	color: #444545 !important;
	font-weight: bold !important;
	background: #FAEA3D !important;
}
#yes, #no, #ifyes, #ifno {
	display: none;
}
.personal .formulario input {
	width: 40%;
	margin-bottom: 15px;
	margin-left: 6%;
	border-radius: 8px;
	padding: 5px;
	color: #A9A7A7;
}
.personal .formulario input:last-child {
	margin: 0 auto;
	width: 200px;
	display: block;
	background: #4FA9DC;
	color: #fff;
	box-shadow: none;
	border: none;
}
.personal .formulario input:last-child:hover {
	background: #FAEA3D;
	color: #444545;
}
.personal #age {
	display: none !important;
}
.personal-form-result h2 {
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	background: #000;
	color: #FAEA3D;
	padding: 5px;
	border-radius: 10px;
	margin-bottom: 35px;
}
.personal-form-result hr {
	margin-bottom: 40px;
}
.personal-form-result p {
	font-size: 18px;
}
.personal-form-result .row > div p:last-child {
	margin-bottom: 45px;
}
/*

* BYOD

*/
.byod > .container > .row > div > img {
	width: 100%;
	max-width: 200px;
}
.byod p {
	font-size: 24px;
	text-align: justify;
}
.byod p strong {
	color: #4FA9DC;
}
.byod p span {
	font-style: italic;
	font-weight: bold;
}
.byod .container > .row:first-child p:last-child {
	text-align: center;
	margin-top: 25px;
}
.byod .container >.row:last-child div {
	text-align: center;
}
.byod button {
	margin-top: 15px;
	margin-bottom: 15px;
	color: #fff;
	background: #4FA9DC;
	border: none;
	font-size: 18px;
	padding: 5px 10px 5px 10px;
	white-space: normal;
}
.byod button:hover {
	color: #444545 !important;
	font-weight: bold !important;
	background: #FAEA3D !important;
}
.byod .container .row:last-child {
	margin-top: 16px;
}
/*

* AGENTS

*/
.agents > .container > .row:first-child > div h2 {
	margin-top: 20%;
	color: #439fd7;
}
.agents p {
	font-size: 24px;
}
.agents h2 {
	margin-bottom: 25px;
}
.formulario_agents .form-group >div {
	width: 49%;
	display: inline-block;
	margin-bottom: 22px;
}
.formulario_agents .form-group > div >input {
	width: 75%;
	margin-bottom: 15px;
	margin-left: 6%;
	border-radius: 8px;
	padding: 5px;
	color: #A9A7A7;
}
.agents .formulario_agents select {
	margin-bottom: 15px;
	margin-left: 8%;
	border-radius: 8px;
	padding: 5px;
	color: #A9A7A7;
}
.agents .formulario_agents button {
	background: #4FA9DC;
	border: none;
	color: #fff;
}
.agents .formulario_agents button:hover {
	background: #FAEA3D;
	color: #444545;
	font-weight: bold;
}
.agents .formulario_agents > div:last-child {
	text-align: center;
}
.agents .formulario_agents .form-group #sellAgent label, .agents .formulario_agents .form-group #contactAgent label, .agents .formulario_agents .form-group #offersAgent label {
	width: 80px;
}
.agents .formulario_agents form > div:last-child {
	text-align: center;
}
/*ISO FORM*/

#iso_form form .form-group > div {
	border-radius: 8px;
	padding: 5px;
	color: #A9A7A7;
}
#iso_form .col-md-4>div {
	margin-bottom: 20px;
}
#iso_form .col-md-4>div> input {
	border-radius: 8px;
}
#iso_form .col-md-6>div {
	margin-bottom: 20px;
}
#main-submit:hover {
	background: #FAEA3D;
	color: #444545;
	font-weight: bold;
}
#main-submit {
	background: #4FA9DC;
	border: none;
	color: #fff;
}
.first_box {
	border: 1px solid #c3c3c3;
	border-radius: 15px;
	padding: 20px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.29);
	-moz-box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.59);
	box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.19);
}



/*

* Media

*/

@media (max-width: 1600px) {
.mapa p {
	font-size: 30px;
	margin-top: 60px;
}
}
 @media (max-width: 1570px) {
.efficient div h1 {
	font-size: 60px;
	margin: 0;
}
.smart div h1 {
	font-size: 60px;
	margin: 0;
}
}
 @media (max-width: 1150px) {
.mapa p {
	font-size: 20px;
	margin-top: 50px;
}
.efficient div p {
	font-size: 20px;
	width: 80%;
	float: right;
	text-align: justify;
}
.smart div p {
	font-size: 20px;
	width: 80%;
	float: right;
	text-align: justify;
}
}
 @media (max-width: 1003px) {
header .banner a button {
	font-size: 16px;
	padding: 4px;
}
.mapa p {
	font-size: 18px;
	margin-top: 40px;
}
}
 @media (max-width: 991px) {
/*.newaccount form > div > div {
	width: 100%;
}
.newaccount form #company {
	width: 100%;
}*/
}
 @media (max-width: 860px) {
header .banner .box:last-child a button {
	bottom: 10%;
}
.simple p {
	font-size: 25px;
}
.simple h1 {
	font-size: 70px;
}
}
 @media (max-width: 767px) {
header .log a {
	font-size: 12px;
}
header .el-menu li {
	font-size: 16px;
}
.mapa p {
	width: 100%;
}
.simple h1 {
	text-align: center;
	margin: 0;
}
.simple p {
	font-size: 25px;
	width: 100%;
	text-align: center;
}
.efficient div p {
	font-size: 20px;
	width: 90%;
	float: inherit;
	text-align: justify;
	margin-left: 5%;
	margin-right: 5%;
}
.efficient div h1 {
	font-size: 60px;
	margin: 0;
	text-align: center;
}
.efficient div:last-child {
	padding-top: 0;
}
.smart div p {
	font-size: 20px;
	width: 90%;
	float: inherit;
	text-align: justify;
	margin-left: 5%;
	margin-right: 5%;
}
.smart div h1 {
	font-size: 60px;
	margin: 0;
	text-align: center;
}
.newaccount form > div, .newaccount form #company {
	width: 100%;
	display: block;
}
.personal .formulario input {
	width: 90%;
	margin-left: 5%;
}
.new-user form > div label {
	/*width: 20%;*/
}
.new-user form > div input {
	/*width: 70%;*/
}
.comercio form >div >div:first-child label {
	width: 100%;
}
.comercio form select#phoneamounth {
	width: 50px;
}
.comercio form label#dollar {
	width: 5px;
}
.comercio form input #phones_to_pay {
	width: 100px;
}
.comercio .billing div label, .comercio .shipping div label, .comercio .card div label {
	width: 100%;
}
}
 @media (max-width: 637px) {
header .banner a button {
	font-size: 12px;
}
/*.newaccount form > div label {
	width: 30%;
}
.newaccount form > div input {
	width: 60%;
}*/
}
 @media (max-width: 620px) {
header .nav-tabs>li {
	float: left;
	margin-bottom: 0px;
	width: 33.33%;
}
.comercio .billing div, .comercio .shipping div, .comercio .card div {
	width: 90%;
}
}
 @media (max-width: 540px) {
footer ul {
	width: 100%;
	text-align: center;
}
.simple h2 {
	font-size: 30px;
}
}
 @media (max-width:474px) {
header .banner a button, header .banner .box:last-child a button, header .banner .box:first-child a button {
	font-size: 10px;
	bottom: 8%;
}
.formulario_agents .form-group >div {
	width: 90%;
	display: block;
	margin-left: 5%;
	margin-right: 5%;
}
.formulario_agents .form-group > div >input {
	margin-bottom: 0;
	margin-left: 0;
	float: right;
}
.agents .formulario_agents select {
	float: right;
}
}
 @media (max-width: 424px) {
footer ul li {
	width: 33.33%;
}
footer ul {
	text-align: center;
}
/*.new-user form > div label {
	width: 30%;
}
..new-user form > div input {
	width: 65%;
}*/
.comercio label#texto_numero_lineas {
	width: 100%;
}
.comercio .billing div, .comercio .shipping div, .comercio .card div {
	width: 100%;
}
}
 @media (max-width: 404px) {
header .banner a button, header .banner .box:last-child a button, header .banner .box:first-child a button {
	font-size: 8px;
	bottom: 10%;
}
}
 @media (max-width: 350px) {
header .banner a button, header .banner .box:last-child a button, header .banner .box:first-child a button {
	width: 25%;
	left: 37.5%;
	right: 37.5%;
}
}

/*CUSTOM BY ANA*/
#group1{
	min-height: 90px;
}
#login-wrapper{
	-webkit-box-shadow: 0px 10px 26px 0px rgba(50, 50, 50, 0.23);
-moz-box-shadow:    0px 10px 26px 0px rgba(50, 50, 50, 0.23);
box-shadow:         0px 10px 26px 0px rgba(50, 50, 50, 0.23);
margin-top:25px;
padding-right: 0px; 
padding-left: 0px
}
.head-login{
	border: 1px solid #ccc;
    border-radius: 10px 10px 0px 0px;
	background: #4386bd; /* Old browsers */
	color:#fff;
	background: -moz-linear-gradient(top,  #4386bd 0%, #53abe5 8%, #25567e 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4386bd 0%,#53abe5 8%,#25567e 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4386bd 0%,#53abe5 8%,#25567e 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4386bd', endColorstr='#25567e',GradientType=0 ); /* IE6-9 */
}
#login-form{
	border: 1px solid #e2e2e2;
    padding: 15px;
}
#login-form .form-group{
	margin-right: 0px;
    margin-left: 0px;
}