@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
/* font-family: 'Raleway', sans-serif; 
font-family: 'Roboto', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/
*{
    font-family: 'Roboto', sans-serif;
}
.cabeza{
    background-color: #373939;
    display: block;
    width: 100%;
}
.navegacion {
    float: left;
    margin: 21px 0 0 0;
    width: 100%;
    padding: 0 0 0 14px;
}
header {
    position: relative;
}
.content-logo {
    float: left;
    text-align: left;
    margin-top: 3px;
    margin-left: 18px;
}
.log-cb1 {
    width: 150px;
    margin: 10px 0 10px 0;
}
.linknvr{
    color: white;
    font-size: 26px;
    transition: 0.4s all;
}
.linknvr:hover{
    color: #04a49c;
}
.titoti{
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 50px;
    color: #333333;
    margin-bottom: 30px;
}
.suboti{
    color: #00a69c;
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    margin-bottom: 15px;
}
.listotinf li::marker {
    font-weight: bolder;
    color: #373938;
}
.listotinf li a{
    color: #666666;
    transition: 0.5s all;
}
.listotinf li a:hover{
    color: black;
}
.menu-nav {
    display: flex;
    flex-wrap: wrap; 
    margin-right: auto;
    justify-content: flex-start;
    list-style: none;
}
.menu-nav li {
    font-size: medium;
    position: relative;
}
.menu-nav a {
    color: white;
    text-decoration: none;
    padding: 15px;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    font-family: "Roboto",Sans-serif;
}
.menu-nav a:hover{
    color:#50c1bb;
}
footer {
    background-color: #00a69c;
    padding-top: 85px;
    color: white;
}
.nbannerweb {
    position: relative;
    background-image: url(../images/web/importancia-sitio-web-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
}
.abs_banner_text {
    position: absolute;
    width: 100%;
    top: 20%;
    z-index: 4;
}
.abs_banner_img {
    position: absolute;
    bottom: 2%;
    right: 0;
    z-index: 3;
    width: 64%;
}
.text_adiccd{
    color: #666666;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
}
.content_topbn {
    width: 52%;
}
.h1top h1 {
    font-size: 54px;
    color: white;
    font-family: 'Raleway', sans-serif;
    line-height: 52px;
}
.caja1 {
    width: 72%;
    color: white;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
}
.caja1 p, .caja1 h2, .caja1 h3{
    font-family: 'Raleway', sans-serif;
}
.caja1 p a, .caja2 p a, .caja3 p a,.caja4 p a, .caja5 p a, .caja6 p a, .caja8 p a, .caja9 p a, .caja10 p a, .caja1 ul a, .caja2 ul a, .caja3 ul a, .caja4 ul a, .caja5 ul a, .caja6 ul a, .caja7 ul a, .caja8 ul a, .caja9 ul a, .caja10 ul a {
    color: inherit;
    text-decoration: underline;
}
.caja2 p, .caja3 p{
    font-size: 16px;
}
.btncus {
    color: white;
    background-color: #FF4500;
    padding: 10px 35px 10px 35px;
    border-radius: 2px;
    text-decoration: none;
    font-weight: 600;
    transition: all .3s;
    border: 1px solid #FF4500;
    float: left;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
}
.btncus:hover{
    background-color: #FFFFFF;
    color: #FF4500;
    text-decoration: none;
}
.text-ff1 h4 {
    font-size: 1.75rem;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 20px;
}   
.text-ff1 p {
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
}
.list_lnkfoo li {
    position: relative;
    padding: 15px;
}
.list_lnkfoo li a{
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
}
.list_lnkfoo li a:hover{
    color: #d2d2d2;
}
.footercp{
    border-top: 1px solid #FFFFFF91;;
}
.text_copy a{
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: "Roboto Condensed",Sans-serif;
}
.text_copy a:hover{
    text-decoration: none;
}
.txt_foobd{
    font-size: 1rem;
    font-family: "Roboto Condensed",Sans-serif;
}
.dvOsc{
    background-color: #373938;
    color: white;
}
.caja2 h2, .caja2 h3, .caja3 h2, .caja3 h3, .caja9 h2, .caja9 h3{
    font-size: 28px;
    margin: 0 0 35px 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}
.text-ff1 p a{
    color: white;
    text-decoration: none;
    font-size: 14px;
}
.text-ff1 p a:hover {
    color: #d2d2d2;
}
.caja4 h2, .caja4 h3{
    font-size: 40px;
    margin: 0 0 35px 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}
.caja4 p{
    font-size: 16px;
    margin-bottom: 30px;
}
.caja5 h2, .caja5 h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 48px;
    margin: 0 auto 30px auto;
    width: 65%;
    line-height: 50px;
    color: #333333;
}
.caja5 p{
    font-size: 16px;
    width: 100%;
    display: block;
    font-style: italic;
    font-weight: 800;
}
.caja6 p, .caja7 p, .caja8 p{
    font-size: 16px;
    color: #666666;
    margin: 0 0 30px 0;
}
.caja8 h2, .caja8 h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 50px;
    color: #333333;
    margin-bottom: 30px;
}
.caja8 p{
    width: 52%;
}
.carditmlp {
    border: 1px solid #DBDEE1;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 30px;
    min-height: 235px;
}
.nmb_txt{
    color: #CCCCCC;
    font-size: 22px;
    font-weight: 700;
    margin: 0 15px 0 0px;
    font-family: 'Raleway', sans-serif;
}
.tit_cardtm{
    margin-top: 12px;
}
.tit_cardtm strong{
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #333333;
}
.body_cardtm{
    color: #666666;
    font-size: 16px;
    padding: 0 40px 5px 40px;
}
.active_cardtm{
    background-color: #00A69C;
}
.active_cardtm p, .active_cardtm p span, .active_cardtm p strong{
    color: white !important;
}
.subtxtH h3{
    color: #333333;
    font-size: 48px;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
} 
.subtxtH p{
    text-align: center;
    color: #333333;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
}
.cardplanbit{
    background-color: #373938;
    padding: 50px 35px;
    border-radius: 16px;
    color: white;
    /* min-height: 785px; */
}
.bodycdbit{
    min-height: 440px;
}
.black_cd{
    background-color: #373938;
    background-image: url(../images/figura-precios-1.svg);
    background-repeat: no-repeat;
}
.green_cd{
    background-color: #00A69C;
    background-image: url(../images/figura-precios-2.svg);
    background-repeat: no-repeat;
    background-position: 98%;
}
.headcdbit{
    margin: 0 0 20px 0;
    border-bottom: 1px solid #FFFFFF91;
}
.headcdbit h4{
    color: #F0EEFF;
    font-size: 32px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}
.bodycdbit p{
    font-size: 16px;
    margin-bottom: 30px;
    font-weight: 300;
}
.pqitl{
    margin: 45px 0 30px 0;
    font-style: italic;
    font-weight: 700 !important;
}
.bodycdbit ul {
    padding: 0 0 0 15px;
}
.bodycdbit ul li::marker {
    font-weight: bolder;
    color: #373938;
    content: '\26AC\00a0\00a0';
}
.priceplanbit{
    margin: 0px;
    position: relative;
}
.priceplanbit strong{
    font-size: 54px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}
.priceplanbit span{
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
}
.footercdbit{
    position: relative;
}
.absspp{
    position: absolute;
    top: -3px;
    left: 35px; 
}
.greencdB{
    background-color: #00A69C;
}
.ttfm{
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    color: white;
    margin-top: 20px;
}
.clsfm {
    width: 60%;
    margin: 45px auto 35px auto;
}
.lyfm {
    color: white;
    font-size: 16px;
    text-align: center;
    width: 56%;
    margin: 20px auto 0 auto;
}
.form-group label {
    color: white;
    font-size: 16px;
}
.form-group input, .form-group textarea{
    color: #00A69C;
    border: 1px solid #006c5f;
    border-radius: 8px;
    background-color: #006c5f;
    font-size: 14px;
    padding: 10px 15px 10px 15px;
    height: 40px;
}
.form-group input::placeholder, .form-group textarea::placeholder{
    color: #00A69C;
}
.form-group textarea {
    height: 130px !important;
}
.btnsendfm{
    transition: 0.5s all;
    background-color: white;
    border-radius: 8px;
    font-size: 16px;
    padding: 10px 20px;
    border: 1px solid white;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}
.btnsendfm:hover{
    background-color: #006c5f;
    color: white;
    border: 1px solid white;
}
.cardwht{
    position: relative;
}
.cardwht img{
    position: absolute;
    top: -128px;
    width: 485px;
    left: -40px;
}
.caja9{
    background-color: white;
    width: 90% !important;
    margin: 135px auto 0 auto;
    border-radius: 8px;
    color: #333333;
    padding: 135px 30px 30px 30px;
}
.caja9 p{
    color: #666666;
}
.caja10 {
    margin-top: 150px;
    margin-bottom: 50px;
}
.caja10 h2, .caja10 h3{
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: white;
    margin-top: 20px;
    margin-bottom: 30px;
}


.mean-container .mean-nav {
    padding-top: 50px;
    background: #373939 !important;
    margin-top: 0px !important;
}
.mean-container .mean-nav ul li a{
    color: white;
}
.mean-container a.meanmenu-reveal{
    color: white;
}
.mean-container a.meanmenu-reveal span {
    background: white;
}
.mean-container .mean-nav ul li {
    border-bottom: 1px solid #c4c4c4;
    margin: 0;
}
.mean-container .mean-nav ul li a {
    width: 96%;
    padding: 15px 2%;
    color: white;
    text-decoration: none;
    text-transform: inherit;
}
.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 0px;
    width: 26px;
    height: 20px;
    padding: 12px!important;
    line-height: 16px;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
    background: white;
}
.vsn_mov{
    display: none;
}
@media screen and (max-width:1200px){
    .navegacion{
        padding: 0;
    }
    .menu-nav a {
        padding: 5px;
    }
    .listimtnv li {
        padding-left: 15px !important;
    }
}
@media (max-width: 1140px){
    .h1top h1 {
        font-size: 40px;
        line-height: 43px;
    }
    .priceplanbit strong {
        font-size: 36px;
    }
}
@media screen and (max-width:1025px){

    .mean-container .mean-bar {
        position: absolute;
        top: 50px;
        background: #373939;
    }
    .logo-resp {
        display: block;
        width: 280px;
        margin: 0 auto;
    }
    .content-log-resp {
        display: block;
        position: absolute;
        top: 0px;
        left: 36%;
        width: 300px;
    }
    .mean-container .mean-nav {
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .mean-container a.meanmenu-reveal{
        right: 0px;
        left: 50% !important;
        top: -46px;
    }
    .pnmncus {
        width: 30%;
        padding: 10px 25px 0 0;
    }
    
    .headcdbit h4 {
        font-size: 26px;
    }
    .cardplanbit {
        min-height: 1000px;
    }
    .bodycdbit {
        min-height: 610px;
    }
}
@media screen and (max-width:992px){
    .clsfm {
        width: 100%;
        margin: 45px auto 35px auto;
    }
    .lyfm {
        width: 100%;
    }
    .ttfm {
        font-size: 30px;
    }
    .caja10 h2, .caja10 h3 {
        font-size: 26px;
    }
    .cardplanbit {
        min-height: auto;
        margin-bottom: 45px;
    }
    .bodycdbit {
        min-height: auto;
    }
    .imgcl{
        text-align: center;
        margin: 40px 0 0 0;
    }
    .dnons{
        display: none;
    }
    .caja5 h2, .caja5 h3, .caja8 h2, .caja8 h3, .caja8 h3, .subtxtH h3 {
        width: 100%;
        font-size: 42px; 
        line-height: 46px;
    }
}
@media screen and (max-width:920px){
    .abs_banner_img {
        display: none;
    }
    .snpft{
        display: none;
    }
    .abs_banner_text {
        width: 100%;
        top: 20%;
    }
    .content_topbn {
        width: 100%;
    }
	.col-txt-ms h3 {
		font-size: 42px;
		text-align: center;
    	padding: 0;
	}
	.dv_iframe-inc {
		float: left;
		width: 100%;
		margin-bottom: 25px;
	}
    .limsb:hover ul {
        display: inherit;
    }
    .limsb ul {
        border: inherit;
        padding: 0;
        position: relative;
        top: inherit;
        width: 100%;
        z-index: 10;
    }
    .sub-arrow{
        display: none;
    }
}
@media screen and (max-width:820px){
    .vsn_desk{
        display: none;
    }
    .dscompl {
        width: 100% !important;
        max-width: 100% !important;
        order: initial;
        flex: inherit;
    }
    .vsn_mov {
        display: block;
    }
    .snpm{
        padding: 0;
    }
    .smpp, .dscompl{
        padding-left: 3% !important;
        padding-right: 3% !important;
    }
    .callffot p {
        color: #ff7900;
        text-shadow: 1px 1px black;
    } 
}
@media screen and (max-width:768px){
    .caja4 h2, .caja4 h3 {
        font-size: 26px;
    }
    .priceplanbit strong {
        font-size: 34px;
    }
    .absspp {
        top: -18px;
        left: 4px;
    }
    .caja9 {
        width: 100% !important;
    }
    .caja10 {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .h1top h1 {
        font-size: 26px;
        line-height: 28px;
    }
    .caja5 h2, .caja5 h3, .caja8 h2, .caja8 h3, .subtxtH h3 {
        font-size: 26px; 
        line-height: 28px;
    }
    .nbannerweb {
        height: 580px;
    }
    .caja1 {
        width: 100%;
    }
    .abs_banner_text {
        top: 30%;
    }
    .cabeza {
        background-color: #373939;
        position: absolute;
        top: 0;
        z-index: 999999999;
        width: 85%;
    }
    .ntops{
        display: none;
    }
    .abs_banner {
        top: 26%;
    }
    .mean-container .mean-bar {
        top: 0;
    }
    .mean-container a.meanmenu-reveal {
        left: inherit !important;
        top: 12px !important;
    }
    .content-log-resp {
        top: 0px;
        left: 0;
        width: 210px;
    }
    .logo-resp {
        width: 100%;
        margin: 0 auto;
    }
    .mean-container .mean-nav {
        padding-top: 60px;
        padding-bottom: 0px;
    }
    .listimtnv{
        margin-bottom: 0px !important;
    }
    .pnmncus {
        width: 30%;
        padding: 10px 25px 0 0;
        position: absolute;
        top: 0;
        right: 60px;
    }   
    .nbanner {
        padding-top: 0;
    }
    .cont_srv span {
        font-size: 14px;
    }
}
@media (max-width: 670px) {
	.col-txt-ms h3 {
		font-size: 30px;
	}
	.dv_iframe-inc iframe {
		height: 380px;
	}
}
@media screen and (max-width:620px){
    .content-log-resp {
        top: 5px;
        left: 8px;
        width: 180px;
    }
}
@media screen and (max-width:580px){
    .listimtnv{
        position: absolute;
    }
    .log-cb1 {
        max-width: 120px;
    }
    .content-logo {
        margin-left: 0px;
        position: absolute;
        top: 5px;
        left: -40px;
    }
}
@media screen and (max-width:420px){
    .listimtnv {
        right: -56px;
        top: 8px;
    }
    .listimtnv li {
        padding-left: 9px !important;
    }
    .linknvr {
        font-size: 16px;
    }
    .log-cb1 {
        max-width: 100px;
        margin: 18px 0 0 0;
    }
}