@import "fonts.css";

:root {
    --main-color: #1C7CDB;
    --second-color: #FFDD22;
    --max-width: 1100px;
    --text-color: #3D3D3D;
}
*, *::before, *::after {
    box-sizing: border-box;
}
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}

img {
	height: auto;
}
ul {
	list-style: none;
}
body {
	font-family: "NotoSans-Regular", arial;
	color: #3D3D3D;
	font-size: 16px;
}
h1 {
	font-family: "NotoSans-Bold";
}
header {
	top: 0;
	position: fixed;
    background-color: #fff;
    width: 100%;
	border-bottom: 1px solid #ccc;
	box-shadow: 0px 1px 2px 1px rgb(0 0 0 / 20%);
	z-index: 9;
}
.header {
	display: flex;
	justify-content: space-between;
	padding: 20px 20px;
	align-items: center;
}
.header__logo {
	font-weight: bold;
	font-size: 24px;
}
.header__btn {
	background-color: var(--main-color);
	color: #fff;
	padding: 8px 20px;
	border-radius: 18px;
	font-size: 12px;
}
.header__btn-login {
	background-color: var(--second-color);
	color: #3D3D3D;
	padding: 10px 25px;
	border-radius: 22px;
	font-weight: bold;
	display: none;
}
.header__menu {
	display: none;
}
.header__menu li {
	list-style: none;
	margin: 0 10px;
}
.header__menu a {
	color: #fff;
}
.header__menu_selected {
	border-bottom: 1px solid var(--second-color);
	padding-bottom: 3px;
}
.header__logo__img {
	width: 75px;
}
.logoDesktop {
	display: none;
}

.mnu__mobile {
	top: 0;
  	height: 100vh;
  	width: 100vw;
  	background: var(--main-color);
  	z-index: 10;
  	visibility: hidden;
  	position: fixed;
}
.mnu__content {
	padding: 40px 20px;
}
.mnu__header {
	display: flex;
	justify-content: space-between;
}
.mnu__logo {
	width: 90px;
}
.mnu__close {
	width: 22px;
}
.mnu__list {
	margin-top: 40px;
	font-size: 20px;
}
.mnu__list li {
	margin-bottom: 26px;
}
.mnu__list a {
	color: #fff;
	font-weight: bold;
}
.mnu__rrss {
	display: flex;
	margin-top: 120px;
}
.mnu__rrss li {
	margin-right: 10px;
}

.above {
	display: flex;
	justify-content: space-between;
	margin: 30px 10px;
	padding-top: 90px;
}
.above__left h1 {
	font-size: 22px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
	width: 140px;
}
.above__left h2 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}
.above__left__star {
	margin-bottom: 5px;
}
.above__left__star img {
	margin-right: 3px;
	width: 160px;
}
.above__left__ul {
	font-size: 18px;
}
.above__left__bullet {
	vertical-align: middle;
	width: 20px;
}
.above__left__ul li {
    list-style: none;
    margin-bottom: 10px;
}
.above__left__ecologic {
	font-family: "NotoSans-Bold";
}
.above__left__ecologic-img {
	width: 20px;
	vertical-align: middle;
}
.above__left__button {
	margin-top: 50px;
	display: none;
}
.above__left__btn {
    background-color: var(--main-color);
    color: #fff;
    padding: 15px 35px;
    border-radius: 28px;
    font-size: 18px;
}
.above__right__phone {
	display: none;
	width: 130px;
	margin: auto;
}
.above__right__phone.slide1 {
	display: inline;
}
.above__right__bullets {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.above__right__bullet {
	background: #CCCCCC;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0 4px;
	cursor: pointer;
}
.above__right__bullet.selected {
	background: #000;
}

.features {
	padding: 40px 20px 20px 20px;
	background-color: #FCFCFC;
}
.features__title {
	font-size: 24px;
	margin-bottom: 50px;
}
.features__ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.features__ul li {
	width: 48%;
	margin-bottom: 30px;
	padding-right: 10px;
}
.features__ul img {
	width: 50px;
	margin-bottom: 10px;
}
.features__ul h3 {
	font-size: 18px;
	margin-bottom: 10px;
}
.features__ul p {
	font-size: 14px;
}

.example {
	margin: 0 20px;
	padding-top: 20px;
}
.example__title {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 24px;
}
.example__tab {
	width: 280px;
	display: flex;
	margin: auto;
	margin-bottom: 50px;
}
.example__tab__left.selected,
.example__tab__right.selected {
	background-color: var(--main-color);
	color: #fff;
	font-weight: bold;
}
.example__tab__left {
	box-shadow: 0px 3px 2px 1px rgba(0, 0, 0, 0.2);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	padding: 15px 25px;
	width: 50%;
	cursor: pointer;
}
.example__tab__right {
	box-shadow: 2px 3px 2px 1px rgb(0 0 0 / 20%);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	padding: 15px 25px;
	width: 50%;
	text-align: right;
	cursor: pointer;
}
.example__left {
	text-align: center;
}
.example__left__video {
	width: 45%;
}
.example__right {
	text-align: center;
	font-size: 22px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.example__btn {
	background-color: var(--second-color);
	color: #000;
    padding: 15px 0;
    border-radius: 28px;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 30px;
    display: inline-block;
    width: 180px;
    text-transform: uppercase;
    font-weight: bold;
}
.example__desc {
	font-size: 22px;
}
.example__desc2 {
	text-align: center;
	font-size: 20px;
	margin-top: 25px;
}
.example__desc.empresarial {
	display: none;
}

.steps {
	padding: 40px 20px;
	background-color: #FCFCFC;
}
.steps__title {
	font-size: 24px;
	margin-bottom: 50px;
}
.steps__ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.steps__ul li {
	width: 48%;
	margin-bottom: 30px;
	padding-right: 10px;
}
.steps__ul img {
	width: auto;
	height: 30px;
	margin-bottom: 10px;
}
.steps__ul h3 {
	font-size: 18px;
	margin-bottom: 15px;
}
.steps__ul p {
	font-size: 14px;
}

.packages {
	padding: 40px 0;
}
.packages__title {
	font-size: 24px;
	text-align: center;
	margin-bottom: 20px;
}
.packages__desc {
	text-align: center;
	margin-bottom: 50px;
}
.packages__tab {
    width: 280px;
    display: flex;
    margin: auto;
    margin-bottom: 50px;
}
.packages__tab__left {
    border-top: 1px solid #e6e4e4;
    border-bottom: 1px solid #e6e4e4;
    border-left: 1px solid #e6e4e4;
    border-right: 1px solid #e6e4e4;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 15px 25px;
    width: 50%;
    cursor: pointer;
}
.packages__tab__right {
    border-top: 1px solid #e6e4e4;
    border-bottom: 1px solid #e6e4e4;
    border-right: 1px solid #e6e4e4;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 15px 25px;
    width: 50%;
    text-align: right;
    cursor: pointer;
}
.packages__tab__left.selected,
.packages__tab__right.selected {
	background-color: var(--second-color);
    color: #000;
    font-weight: bold;
}
.packages__ul {
	display: flex;
}
.packages__ul a {
	color: #3D3D3D;
}
.packages__ul li {
	margin: 0 7px;
}
.packages_submenu {
	margin-top: 20px;
	margin-bottom: 20px;
	justify-content: center;
}
.packages__ul .selected {
	padding-bottom: 5px;
	border-bottom: 2px solid #707070;
}
.packages__ul .selected a {
	font-weight: bold;
	color: #3D3D3D;
}
.packages__content {
	color: #fff;
	margin: 0 10px;
}
.packages__price {
	background-color: var(--main-color);
	width: 98%;
	margin: auto;
	padding: 20px 15px;
}
.packages__price__header {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.package__price__header__left {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 22px;
}
.package__price__header__right {
	font-size: 32px;
	font-weight: bold;
}
.package__price__header__right span {
	font-size: 16px;
	font-weight: normal;
}
.packages__price__desc {
	text-align: left;
	margin: 30px 0;
	margin-left: 20px;
}
.packages__price__line {
	border-bottom: 1px dashed #ccc;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;

}
.packages__price__ul {
	margin-left: 20px;
}
.packages__price__ul img {
	width: 17px;
	margin-right: 5px;
}
.packages__price__ul li {
	margin-bottom: 15px;
}
.packages__price__baseline {
	display: flex;
	align-items: baseline;
}
.package__price_skills {
	margin-left: 27px;
}
.packages_subprice {
	margin-left: 25px;
}
.packages_subprice li {
	margin-bottom: 5px;
}
.package__special-price {
	color: var(--second-color);
	font-size: 24px;
	margin-top: 7px;
}
.package__special-price span {
	font-size: 14px;
}

.packages__left {
	display: none;
}
.packages__right {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.packages__right__item {
	color: #000;
	font-size: 14px;
	width: 135px;
	margin-bottom: 30px;
}
.packages__right__item img {
 	width: 100%;
}
.packages__right__list {
	width: 100%;
}
.packages__right__themes {
	display: none;
	flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;

}
.packages__right__themes.show {
	display: flex;
}

.packages_desktop,
.package__per_desk {
	display: none;
}
.package_premium,
.package_plus,
.package_perfil {
	display: none;
}

.package_10tarjetas,
.package_15tarjetas,
.package_mas15tarjetas {
	display: none;
}

.packages__customEmp {
	display: none;
	margin: auto;
	margin-top: 10px;
}
.packages__customEmp__txt {
	color: #000;
	margin: auto;
	margin-bottom: 20px;
	max-width: 500px;
	text-align: center;
}
.packages__customEmp .custom__text-2 {
	margin-top: 40px;
}

.package__price_regular {
	font-weight: normal;
	font-size: 18px;
}
.package__price_tached {
	text-decoration: line-through; 
}
.package__price_curr {
	font-size: 12px;
}

.packagesPricePer .packages__price__header {
    flex-direction: column;
}
.packagesPricePer .package_cat {
    font-size: 26px;
}

.package__seloffers {
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
}
.package__seloffers__select {
	padding: 8px 5px;
	padding-left: 20px;
	border: 0;
	border-radius: 2px;
	background-color: #fff;
	color: #000;
	width: 230px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}
.package__seloffers__select img {
	width: 17px;
	margin-right: 10px;
	vertical-align: middle;
}
.package__seloffers__ul {
	width: 230px;
	background-color: #fff;
	color: #000;
	margin: auto;
	border-radius: 2px;
	border-top: 2px solid #ccc;
	display: none;
}
.package__seloffers__ul li {
	display: flex;
	padding: 10px 20px;
	cursor: pointer;
}
.package__seloffers__ul li:hover {
	background-color: #f7f7f7;
}
.package__seloffers__perc {
	background-color: var(--second-color);
	border-radius: 8px;
	padding: 0 5px;
	margin-left: 10px;
}
#listOfferName {
	display: flex;
}
#listOfferNameEmp {
	display: flex;
}

.listPackagesEmp {
	flex-wrap: wrap;
	display: none;
}
.listPackagesEmp li {
	margin-bottom: 10px;
}
.packagesPriceEmp {
	display: none;
}
.packagesPriceEmp .packages__price__header {
	flex-direction: column;
}
.packagesPriceEmp .package_cat {
	font-size: 26px;
	display: none;
}
.packagesPriceEmp .package_price {
	text-align: center;
}
.package__special-price {
	color: var(--second-color);
	font-size: 22px;
}
.package__special-price span {
	font-weight: normal;
}

.package__per_mob {
	justify-content: center;
}

.package__emp_desk {
	display: none;
	margin-bottom: 30px;
}
.package__emp_mob {
	display: none;
	flex-wrap: wrap;
	justify-content: center;
}
.package__emp_mob li {
	margin: 0 14px;
	margin-bottom: 10px;	
}

.domain {
	border: 1px solid #DEDEDE;
	margin: 50px 15px;
	padding: 5px;
	color: #3D3D3D;
	background-color: #FCFCFC
}
.domain__content {
	display: flex;
	align-items: center;
}
.domain__left {
	display: flex;
	align-items: center;
	width: 70%;
}
.domain__left__checkbox {
	margin-right: 10px;
}
.domain__left__desc {
	font-size: 14px;
}
.domain__right {
	font-weight: bold;
	width: 30%;
	font-size: 16px;
	text-align: right;
}
.domain__right span {
	font-weight: normal;
	font-size: 12px;
}
.domain__right i {
	font-style: normal;
}
.domain__right__subtxt {
	color: var(--main-color);
	font-weight: bold;
	font-size: 12px;
}
.domain__desc {
	font-size: 12px;
}

.custom {
	margin-top: 50px;
	color: var(--text-color);
}
.custom__title {
	text-align: center;
	margin-bottom: 20px;
}
.custom__text,
.custom__text-2 {
	text-align: center;
	max-width: 500px;
	margin: auto;
	margin-bottom: 20px;
	color: #000;
}
.custom__buttons {
	margin-bottom: 20px;
}
.custom__whatsapp {
	background-color: #04D374;
    color: #fff;
    width: 160px;
    display: block;
    text-align: center;
    padding: 8px;
    border-radius: 20px;
    margin: auto;
    margin-bottom: 15px;
}
.custom__whatsapp img {
	width: 25px;
	vertical-align: middle;
}
.custom__facebook {
	background-color: #1C7CDB;
    color: #fff;
    width: 160px;
    display: block;
    text-align: center;
    padding: 8px;
    border-radius: 20px;
    margin: auto;
}
.custom__facebook img {
	width: 25px;
	vertical-align: middle;
}
.custom__input,
.custom__textarea {
	padding: 10px;
	width: 100%;
	border: 2px solid var(--text-color);
	margin-bottom: 10px;
}
.custom__textarea {
	height: 100px;
}
.custom {
	display: none;
	margin-bottom: 50px;
}
.custom__frm__btn {
	background-color: #1C7CDB;
	color: #fff;
	width: 100%;
	padding: 12px 0;
	text-align: center;
	border: 0;
	font-size: 16px;
	cursor: pointer;
}
.custom__frm__btn.disabled {
	opacity: 0.6;
}
.custom__frm__msg {
	display: none;
	background: red;
	color: #fff;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}
.custom__frm__msg.mas15 {
	width: 300px;
	margin: auto;
	margin-top: -20px;
	margin-bottom: 20px;
}
.customPlan .packages__left {
	display: none;
}
.customPlan .packages__right {
	display: block;
}
.customPlan .packages_submenu {
	display: none;
}
.customPlan .packages__right__list {
	display: none;
}
.custom__ty {
	display: none;
	text-align: center;
	color: #3D3D3D;
}
.custom__ty img {
	width: 60px;
	margin-bottom: 30px;
}

.details {
	display: flex;
	flex-direction: column-reverse;
}
.details__left {
	margin-top: 20px;
}
.details__title {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}
.details__img {
	margin-bottom: 6px;
}
.details__txt {
	display: none;
}
.details__img {
	height: 40px;
	width: 40px;
}
.details__list {
	display: flex;
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
	margin-top: 30px;
}
.details__item {
	width: 150px;
	margin: auto;
	margin-bottom: 40px;
}

.summary {
	background-color: var(--main-color);
	color: #fff;
}
.summary__content {
	padding: 20px 20px;
}
.summary__details {
	display: flex;
	justify-content: space-between;
}
.summary__left__item {
	margin-bottom: 10px;
}
.summary__left__item.plan {
	height: 50px;
}
.summary__left__item i {
	font-style: normal;
}
.summary__left__item_total {
	font-size: 22px;
	margin-top: 20px;
}

.summary__right__item {
	margin-bottom: 10px;
	text-align: right;
}
.summary__right__item.plan {
	height: 50px;
}
.summary__right__item i {
	font-style: normal;
}
.summary__right__item span {
	font-size: 12px;
}
.summary__right__item_total {
	font-size: 22px;
	margin-top: 10px;
	text-align: right;
}
.summary__right__item_total i {
	font-style: normal;
}
.summary__right__item_total span {
	font-size: 12px;
}
.summary__right__line {
	height: 1px;
	background-color: #024D98;
	width: 100%;
}

.summary__details__btn {
	text-align: center;
	margin-top: 40px;
}
.summary__btn {
	background-color: var(--second-color);
	color: #000;
    padding: 15px 0;
    border-radius: 26px;
    font-size: 14px;    
    display: inline-block;
    width: 180px;
    text-align: center;
    font-weight: bold;
}
.summary__details__nextpay {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	text-align: center;
}
.summary__details__nextpay i {
	font-style: normal;
	font-size: 16px;
}
.summary__details__nextpay span {
	font-size: 12px;
}

.summary__domain {
	display: none;
}
.summary__custom {
	color: #fff;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
	display: none;
}
.summaryMas15 {
	margin-top: 30px;
}

.policies {
	padding: 40px 20px 20px 20px;
	background-color: #FCFCFC;
}
.policies__content {
	max-width: var(--max-width);
    margin: auto;
}
.policies__title {
	font-size: 24px;
	margin-bottom: 50px;
	text-align: center;
}
.policies__subtitle {
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.policies__txt {
	font-size: 14px;
	margin-bottom: 20px;
}
.policies__ul {
	font-size: 14px;
}
.policies__ul li {
	list-style: disc;
	margin-left: 15px;
	margin-bottom: 15px;
}

.privacidad {
	padding: 40px 20px 20px 20px;
	margin-top: 70px;
	font-size: 16px;
}
.privacidad__title {
	font-size: 24px;
	margin-bottom: 50px;
}
.privacidad h2 {
	font-size: 18px;
	margin-bottom: 25px;
}
.privacidad p {
	margin-bottom: 25px;
}
.privacidad li {
	list-style: disc;
	margin-left: 20px;
	margin-bottom: 25px;
}
.privacidad__wrap {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

footer {
	background-color: #3D3D3D;
}
.footer h3 {
	text-align: center;
	font-size: 18px;
	padding: 20px 0;
	font-weight: normal;
	color: #FBFBFB;
}
.footer__line {
	background-color: var(--second-color);
	width: 120px;
	height: 2px;
	margin: auto;
}
.footer__content {
	display: flex;
	flex-direction: column;
}
.footer__left__logo {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #fff;
}
.footer__left__img {
	width: 100px;
}
.footer__left__socialnet {
	text-align: center;
}
.footer__left__socialnet img {
	width: 40px;
	margin: 0 3px;
}
.footer__right {
	width: 90%;
	margin: auto;
}
.footer__right__ul {
	display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    font-size: 14px;
}
.footer__right__ul li {
	list-style: none;
	width: 142px;
	margin-bottom: 20px;
}
.footer__right a {
	color: #FBFBFB;
}
.footer__bottom {
	background-color: var(--second-color);
	color: #3D3D3D;
	font-size: 12px;
	padding: 15px 0;
	text-align: center;
}

.modalwant {
	display: none;
}
.modalwant__txt {
	text-align: center;
	margin-bottom: 20px;
}
.modalwant__box {
	padding: 15px;
	padding-bottom: 10px;
	background-color: #FDD9181D;
	border: 1px dotted #FFDD22;
}
.modalwant__row {
	margin-bottom: 10px;
}
.modalwant__row i {
	font-style: normal;
}
.modalwant__buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 30px;
}
.modalwant__btn {
	display: block;
	width: 150px;
	text-align: center;
	border-radius: 20px;
	color: #fff;
	padding: 10px;
}
.modalwant__icon {
	width: 20px;
	vertical-align: middle;
}
.modalwant__btn.wa {
	background-color: #04D374;
	margin-bottom: 10px;
}
.modalwant__btn.fb {
	background-color: #1C7CDB;
}

.fancybox-content {
	border-radius: 6px;
	padding: 40px 20px;
	max-width: 360px;
}

.hidden {
	display: none;
}

@media screen and (min-width: 360px) {
	.mnu__content {
		padding: 40px;
	}
	.above {
		margin: 30px 15px;
	}
	.above__left h1 {
		font-size: 24px;
		margin-top: 20px;
	}
	.above__left h2 {
		font-size: 18px
	}
	.above__left__ul {
		font-size: 20px;
	}
	.above__left__bullet {
		width: 22px;
	}
	.above__right__phone {
		width: 140px;
	}
	.features__ul li {
		width: 150px;
	}
	.steps__ul li {
		width: 150px;
	}
	.packages__ul li {
		margin: 0 13px;
		margin-bottom: 10px;
	}
	.packages__price {
		width: 90%;
	}
	.packages__right__item {
		width: 45%;
	}
	.package__special-price {
		font-size: 26px;
	}
	.domain {
		margin-left: 25px;
		margin-right: 25px;
	}
	.custom__buttons {
		display: flex;
		margin: 30px 0;
	}
	.custom__whatsapp {
		margin-bottom: 0;
	}
	.custom__input,
	.custom__textarea {
		font-size: 14px;
	}

	.summary__left__item.plan,
	.summary__right__item.plan {
		height: 25px;
	} {
		height: 25px;
	}

	.footer h3 {
		font-size: 20px;
	}
	.footer__left__logo {
		font-size: 30px;
	}
	.footer__left__socialnet img {
		width: 45px;
	}
	.footer__right__ul {
		font-size: 15px;
	}
	.footer__right__ul li {
		width: 162px;
	}

	.modalwant__buttons {
		flex-direction: row;
		justify-content: space-between;
	}
	.modalwant__btn.wa {
		margin-bottom: 0;
	}

}

@media screen and (min-width: 500px) {
	.above {
		margin: 50px 25px;
	}
	.above__left h1 {
		margin-top: 25px;
		margin-bottom: 15px;
		font-size: 32px;
		width: 160px;
	}
	.above__left h2 {
		margin-bottom: 15px;
	}
	.above__left__star {
		margin-bottom: 8px;
	}
	.above__left__star img {
		width: 180px;
	}
	.above__left__ul {
		font-size: 22px;
	}
	.above__left__bullet {
		width: 25px;
	}
	.above__right__phone {
		width: 200px;
	}
	.features__title {
		font-size: 28px;
	}
	.features__ul li {
		display: flex;
		flex-direction: column;
		width: 40%;
	}
	.features__ul h3 {
		font-size: 20px;
	}
	.features__ul p {
		font-size: 16px;
	}
	.features__desc {
		margin-left: 10px;
	}
	.example__title {
		font-size: 28px;
	}
	.steps__title {
		font-size: 28px;
	}
	.steps__ul {
		justify-content: end;
	}
	.steps__ul li {
		display: flex;
		flex-direction: column;
		width: 218px;
	}
	.steps__ul h3 {
		font-size: 20px;
	}
	.steps__ul p {
		font-size: 16px;
	}
	.steps__desc {
		margin-left: 10px;
	}
	.packages__title {
		font-size: 28px;
	}
	.packages__right__item {
		width: 200px;
	}
	.domain {
		padding: 18px;
	}
	.domain__content {
		align-items: center;
		justify-content: space-between;
	}
	.domain__left__desc {
		font-size: 16px;
		font-weight: bold;
	}
	.domain__desc {
    	font-size: 14px;
    	margin-top: 10px;
    	max-width: 430px;
	}
	.domain__right {
		font-size: 20px;
	}
	.custom__frm,
	.custom__buttons {
		width: 400px;
		margin: auto;
	}
	.custom__buttons {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.summary__content {
		padding: 30px;
	}
	.summary__left__item {
		font-size: 18px;
	}
	.summary__right__item {
		font-size: 18px;
	}
	.summary__left__item_total {
		font-size: 24px;
	}
	.summary__right__item_total {
		font-size: 24px;
	}
	.summary__btn {
		width: 190px;
		font-size: 15px;
	}
	.privacidad__title {
		text-align: center;
		font-size: 28px;
	}

	.footer h3 {
		font-size: 22px;
	}
	.footer__left__logo {
		font-size: 32px;
	}
	.footer__right {
		width: 70%;
	}
	.footer__right__ul {
		font-size: 16px;
	}
	.footer__right__ul li {
		width: 168px;
	}
}

@media screen and (min-width: 600px) {
	.above__left {
		width: 60%;
	}
	.above__left h1 {
		font-size: 40px;
		width: 180px;
	}
	.above__left h2 {
		font-size: 22px;
	}
	.above__left__star img {
		margin-right: 10px;
	}
	.above__left__button {
		display: block;
	}
	.above__right {
		width: 40%;
		text-align: center;
	}
	.above__right__phone {
		width: 230px;
	}
}

@media screen and (min-width: 780px) {

	header {
		background-color: var(--main-color);
    	position: fixed;
    	width: 100%;
    	top: 0;
    	z-index: 2;
	}
	.header__logo {
		color: #fff;
	}
	.header__btn,
	.header__icon-menu {
		display: none;
	}
	.header__menu {
		display: flex;
	}
	.header__btn-login {
		display: inline;
	}
	.logoMobile {
		display: none;
	}
	.logoDesktop {
		display: block;
	}
	.above {
		margin-top: 60px;
	}
	.above__left {
		width: 65%;
	}
	.above__left h1 {
		font-size: 50px;
		width: 435px;
	}
	.above__left h2 {
		font-size: 32px;
	}
	.above__left__ul {
		display: flex;
		font-size: 21px;
	}
	.above__left__ul li {
		margin-right: 20px;
	}
	.above__right {
		width: 35%;
	}
	.above__right__phone {
		width: 260px;
	}
	.features__title {
		text-align: center;
		font-size: 32px;
		margin-bottom: 60px;
	}
	.features__ul {
		width: 90%;
		margin: auto;
	}
	.features__ul h3 {
		font-size: 23px;
		margin-bottom: 16px;
	}
	.features__ul li {
		flex-direction: row;
	}
	.example__title {
		font-size: 32px;
	}
	.example__content {
		display: flex;
    	flex-direction: row-reverse;
    	align-items: center;
    	width: 700px;
    	margin: auto;
	}
	.example__left,
	.example__right {
		width: 50%;
	}
	.example__left__video {
		width: 60%;
	}
	.example__btn {
		text-transform: none;
		font-size: 18px;
		display: block;
	}
	.example__desc,
	.example__desc2 {
		text-align: left;
	}
	.example__desc {
		font-size: 30px;
	}
	.steps__title {
		font-size: 32px;
		text-align: center;
	}
	.steps__ul {
		justify-content: space-around;
	}
	.packages__price {
		width: 98%;
	}
	.packages__price__header {
		flex-direction: column;
	}
	.packages__price__desc {
		margin-left: 0;
		text-align: center;
	}
	.packages__title {
		font-size: 32px;
	}
	.packages__desc {
		font-size: 18px;
	}
	.packages__content {
		display: flex;
	}
	.packages__left {
		display: block;
		width: 330px;
	}
	.packages__right {
		display: block;
		width: 60%;
	}
	.packages_mobile {
		display: none;
	}
	.package__per_desk {
		display: flex;
		justify-content: end;
		margin-bottom: 30px;
	}
	.customPlan .package__per_desk,
	.customPlan .package__emp_desk {
		justify-content: center;
	}
	.package__per_desk .first {
		margin-left: 0;
	}
	.packages__left {
		margin-right: 30px;
	}
	.packages__item__img {
		cursor: pointer;
		transition: 0.5s ease;
	}
	.packages__item__img:hover {
		transform: scale(1.05);
	}
	.packages__item__field {
		margin-top: 15px;
	}
	.packages__customEmp .custom__frm {
		width: 100%;
	}
	.packages__customEmp .custom__frm__group {
		flex-direction: column;
		margin-top: 30px;
	}
	.packages__customEmp .custom__input {
		margin: auto;
		margin-bottom: 20px;
		width: 300px;
	}
	.packages__customEmp .custom__frm__btn {
		margin: auto;
	}
	.listPackagesEmp {
		display: none;
	}
	.package__emp_desk .first {
		margin-left: 0;
	}	
	.package__per_mob {
		display: none;
	}
	
	.domain {
		margin: 0;
		margin-bottom: 30px;		
	}
	.summary__custom {
		font-size: 26px;
		display: none;
	}

	.custom__frm {
		width: 600px;
	}
	.custom__input {
		width: 180px;
	}
	.custom__frm__group {
		display: flex;
		justify-content: space-between;
		margin-bottom: 15px;
	}
	.custom__frm__btn {
		width: 260px;
		margin-left: auto;
		display: block;
	}

	.customPlan .packages_desktop {
		justify-content: center;
	}
	.customPlan .packages__right {
		width: 100%;
	}

	.summary__left__item_total {
		font-size: 26px;
	}
	.summary__right__item_total {
		font-size: 26px;
	}

	.details {
		flex-direction: row;
		margin-top: 50px;
	}
	.details__left {
		width: 330px;
		margin-top: 0;
	}
	.details__right {
		width: 60%;
		margin-left: 35px;
		margin-right: 10px;
	}
	.details__left__images {
		flex-direction: column;
	}
	.details__left__images__left {
		text-align: center;
	}
	.details__left__images__left img {
		width: 145px;
	}
	.details__left__images__right .visa {
		margin-top: 20px;
	}
	.details__list {
		flex-direction: row;
		justify-content: space-around;
		margin-left: 0;
		margin-top: 0;
	}
	.details__item {
		width: 140px;
		margin: 0;
		margin-bottom: 40px;
		padding: 10px;
	}
	.details__img {
		width: 35px;
		height: 35px;
	}
	.details__title {
		display: flex;
		text-align: left;
		align-items: center;
		margin-bottom: 10px;
	}
	.details__title p {
		margin-left: 20px;
	}
	.details__txt {
		display: block;
		text-align: left;
		font-size: 14px;
	}

	.policies__content {
		margin-top: 80px;
	}

	.footer__content {
		flex-direction: row;
		padding: 0 10px;
		margin-bottom: 30px;
	}
	.footer__left,
	.footer__right {
		width: 50%;
	}
	.footer__left__logo {
		text-align: left;
	}
	.footer__left__socialnet {
		text-align: left;
	}
	.footer__right__ul {
		justify-content: center;
	}
	.footer__bottom {
		font-weight: bold;
	}

}

@media screen and (min-width: 900px) {
		
	.above__left__ul {
		font-size: 24px;
	}
	.example__content {
		display: flex;
		flex-direction: row-reverse;
		width: 750px;
	}
	.example__left,
	.example__right {
		width: 50%;
	}
	.example__desc {
		font-size: 34px;
	}
	.package__emp_desk {
		justify-content: flex-end;
	}

}

@media screen and (min-width: 1200px) {
	.header {
		max-width: var(--max-width);
		margin: auto;
	}
	.above {
		max-width: var(--max-width);
		margin: auto;
		margin-top: 100px;
		margin-bottom: 50px;
		padding: 0 20px;
	}
	.features {
		padding: 50px 0;
	}
	.features__content {
		max-width: var(--max-width);
		margin: auto;
	}
	.features__title,
	.example__title,
	.steps__title,
	.packages__title {
		font-size: 36px;
	}
	.features__desc {
		margin-left: 22px;
	}
	.features__ul {
		justify-content: space-between;
		width: unset;
	}
	.features__ul li {
		width: 30%;
	}
	.steps {
		padding: 50px 0;
	}
	.steps__content {
		max-width: var(--max-width);
		margin: auto;
	}
	.steps__ul li {
		width: 265px;
	}
	.example {
		max-width: var(--max-width);
		margin: auto;
		padding: 50px 0;
	}
	.example__left img {
		width: 250px;
	}
	.packages__content {
		max-width: var(--max-width);
    	margin: auto;
	}
	.packages__left {
		width: 30%;
	}
	.packages__right {
		width: 70%;
	}
	.summary__content {
		max-width: var(--max-width);
    	margin: auto;
	}
	.domain__wrapper {
		max-width: var(--max-width);
    	margin: auto;
	}
	.domain__left__desc {
		font-size: 18px;
	}
	.custom__title {
		font-size: 24px;
	}
	.custom__text,
	.custom__text-2 {
		font-size: 20px;
		max-width: 620px;
	}
	.custom__buttons {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.custom__whatsapp,
	.custom__facebook {
		width: 185px;
		padding: 10px;
		border-radius: 25px;
	}
	.custom__frm {
		width: 700px;
	}
	.custom__input {
		width: 210px;
	}
	.custom__input,
	.custom__textarea {
		font-size: 16px;
	}
	.custom__textarea {
		height: 200px;
	}
	.custom__ty {
		font-size: 18px;
	}
	.summary__left__item {
		font-size: 22px;
	}
	.summary__right__item {
		font-size: 22px;
	}
	.summary__left__item_total {
		font-size: 30px;
	}
	.summary__right__item_total {
		font-size: 30px;
	}
	.summary__btn {
		font-size: 16px;
	}
	.summary__details__nextpay {
		font-size: 17px;
	}
	.summary__details__nextpay i {
		font-size: 19px;
	}
	.summary__details__nextpay span {
		font-size: 14px;
	}
	.details {
		max-width: var(--max-width);
		margin: auto;
		margin-top: 50px;
	}
	.details__left {
		width: 30%;
	}
	.details__right {
		width: 70%;
		margin-right: 0;
	}
	.details__left__images__left img {
		width: 160px;
	}
	.details__item {
		padding: 20px 0;
	}
	.privacidad__content {
    	max-width: var(--max-width);
    	margin: auto;
	}
	.footer__left {
		width: 40%;
	}
	.footer__right {
		width: 60%;
		margin-left: 0;
	}
	.footer__right__ul {
		justify-content: flex-end;
	}
	.footer__right__ul li {
		width: unset;
		margin-right: 40px;
	}
	.footer__content {
		max-width: var(--max-width);
		margin: auto;
		margin-bottom: 30px;
	}	
}