@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900);

@font-face {
	font-family: "font-optiventas";
	src: url("../font/flaticon.eot");
	src: url("../font/flaticon.eot#iefix") format("embedded-opentype"),
	url("../font/flaticon.woff") format("woff"),
	url("../font/flaticon.ttf") format("truetype"),
	url("../font/flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "font-plat";
	src: url("../font-plat/flaticon.eot");
	src: url("../font-plat/flaticon.eot#iefix") format("embedded-opentype"),
	url("../font-plat/flaticon.woff") format("woff"),
	url("../font-plat/flaticon.ttf") format("truetype"),
	url("../font-plat/flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: "font-registro";
    src: url("../font-registro/flaticon.eot");
    src: url("../font-registro/flaticon.eot#iefix") format("embedded-opentype"),
    url("../font-registro/flaticon.woff") format("woff"),
    url("../font-registro/flaticon.ttf") format("truetype"),
    url("../font-registro/flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.cl-enlaceBlog{
    text-decoration: underline;
    color: #BD0D9D;
}
.cl-strongBlog{
    font-style: italic;
    font-weight: bold;
    background: #FFE88E;
    padding: 0px 18px;
    display: block;
    color: black;
    margin: 30px;
}
.content-video{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video-promocion{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mapa {
    height: 500px;
}
.mapa-box{
    padding: 50px 10px; 
    text-align: center;
    font-size: 1.3em;
}
.cl-dato{
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 20px;
}
.cl-dato:before{
    content: " / ";
}
.img-logotipo{
    margin-top: 40px;
    margin-bottom: 20px;
}
.img-logotipo-mapa{
    margin: 10px auto;
    width: 100%;
}
.detalle-mapa{
    margin: 10px auto;
    text-align: left;
    font-family: Roboto;
    font-weight: normal;
    font-size: 17px;
}

.sub-titulo{
    font-size: 36px;
    margin: 0px 0px 20px 0px;
    text-align: center;
}
.respuesta{
    display: none;
    background: rgba(255, 255, 255, 0.96);
    position: absolute;
    color: #3C504E;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;
    border-radius: 6px;
}
.icon-enviar{
    position: relative;
    width: 63px;
    height: 47px;
    margin: 40px auto;
}
.icon-enviar:after, .icon-enviar:before{
    position: absolute;
    content: "";
    left: 31px;
    top: 0;
    width: 32px;
    height: 51px;
    background: #08D69D;
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
.icon-enviar:after{
    left: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin :100% 100%;
}
.icono-envio{
    position: relative;
    width: 52px;
    height: 48px;
    margin: 18px auto;
    top: 53px;
}
.mensaje-respuesta{
    padding: 60px;
    padding-top: 0px;
    font-size: 24px;
}
.cl-cerrar{
    background: #FF676E;
    padding: 10px 0px;
    width: 200px;
    display: block;
    margin: 0px auto;
    border-radius: 30px;
    color: white;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.cl-cerrar:hover{
    background: #FF3942;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.cl-select{
    -moz-appearance: none;
    -ms-appearance: none;
    -op-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 8px 30px 8px 37px;
    font-size: 16px;
    outline: none;
    background: rgba(255, 255, 255, 0.67);
    border-color: #D0D0D0;
}
.fig-lap{
	display: none;
    position: relative;
}
.fig-cel{
	display: block;
}
.btn-beneficios{
	display: none;
}
#banner-registro{
    display: none;
}
.cl-tituMenu{
	display: inline-block;
	font-size: 14px;
    margin-top: 4px;
    margin-right: 14px;
}
figure{
	margin:0px;
}
body{
	font-family: 'Lato', sans-serif;
	font-size: 17px;
	color: #424242;
}
.section-mapa{
    margin: 60px auto;
    width: 99%;
}
.section-mapa iframe{
    width: 100%;
}
.box-header{
	overflow: hidden;
	position: relative;
	min-height: 533px;
    border-bottom: 1px solid #DEDEDE;
}
a{
	text-decoration: none;
	outline: none;
}
.btn-acceder{
	display: none;
    height: 26px;
    position: relative;
    top: 14px;
    font-size: 13px;
    background: #00BEF1;
    padding: 5px 17px;
    border-radius: 6px;
    color: white;
    margin-right: 24px;
    cursor: pointer;
}
/*NAV*/
nav{
	position: absolute;
    right: -300px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    visibility: hidden;
}
.btn-cerrar{
	text-transform: uppercase;
    z-index: 10;
    position: absolute;
    color: #AFAFAF;
    right: 20px;
    top: 17px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 6px;
    border: solid 1px transparent;
    padding: 5px 17px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.btn-cerrar:hover{
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	color: #03BD5F;
    border-radius: 6px;
    border: solid 1px #03BD5F;
    padding: 5px 17px;
}
.btn-cerrar:after{
	font-family: "font-optiventas";
    content: "\e003";
    font-size: 12px;
    position: relative;
    top: 0px;
    margin-left: 14px;
}
.content-nav{
	background: rgba(0,0,0,.9);
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 300px;
    padding: 40px;
    padding-top: 54px;
}
.ul-nav{
	text-transform: uppercase;
	text-transform: uppercase;
    padding: 0px 0px 13px 0px;
    border-bottom: 1px solid rgba(154, 154, 154, 0.38);
}
.li-nav{
	list-style: none;
    padding: 10px 0px;
}
.nav-a {
    color: rgb(226, 226, 226);
    font-size: 16px;
    display: block;
}
.nav-a:hover{
	color: #03BD5F;
}
/*NAV*/

.slideInLeft {
 	-webkit-animation-name: slideInLeft;
 	animation-name: slideInLeft;
 	-webkit-animation-duration: .3s;
 	animation-duration: .3s;
 	-webkit-animation-fill-mode: both;
 	animation-fill-mode: both;
}
@-webkit-keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translate3d(0px, 0px, 0px);
  }

  to {
    opacity: 1;
    transform: translate3d(-300px, 0px, 0px);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes slideInRight {
  from {
    opacity: 1;
    transform: translate3d(-300px, 0px, 0px);
  }

  to {
    opacity: 0;
    transform: translate3d(0px, 0px, 0px);
  }
}

.box-btn{
    border-radius: 30px;
}
.btn-registro{
	width: 80%;
    margin: 0px auto;
    margin-top: 29px;
}
.btn-registro:hover{
	background: #05BF02;
}
.color-verde{
	background: #03BD5F;
}
.btn-a{
	display: block;
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: .3px;
    padding: 13px;
    outline: none;
    background: transparent;
    width: 100%;
    border: none;
}
.row{
	display: flex;
    margin-top: 10px;
    height: 52px;
}
.logo{
	margin: 0px;
    display: flex;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    padding-left: 17px;
}
.icon-menu{
    display: flex;
    vertical-align: middle;
    text-align: right;
    padding: 15px;
    padding-right: 17px;
    cursor: pointer;
    color: #444343;
    z-index: 2;
}
.row-autor{
    font-size: 12px;
    text-align: left;
    color: rgba(0,0,0,.7);
}
.cl-tfecha{
    float: right;
}
.cl-colorWhite{
    color: white !important;
}
.cl-nombre{
    display: none;
    margin-left: 18px;
    font-weight: bold;
}
.cl-nombre2{
    font-size: 24px;
    font-weight: 400;
    color: black;
    position: absolute;
    bottom: 40px;
}
.link a{
    font-size: 16px;
    color: #656565;
}
.icon-twitter{
    width: 20px;
    position: relative;
    top: 4px;
    margin-right: 9px;
}
.icon-menu:hover{
	color: #4A4949;
}
.icon-menu:after{
	font-family: "font-optiventas";
	content: "\e00e";
	font-size: 20px;
}
.cl-banner{
	padding: 0px 20px;
	margin-top: 17px;
}
.cl-banner-blog{
    padding: 0px 20px;
    margin: 0px 28px;
    position: absolute;
    bottom: 25px;
    background: rgba(255, 255, 255, 0.65);
    padding-bottom: 13px;
}
.titulo-blog{
    text-shadow: 0px 3px 2px rgba(0,0,0,.3);
}
h1{
    margin: 10px 0px;
    font-size: 37px;
    word-spacing: 4px;
    color: #464646;
}
p{
    letter-spacing: -.3px;
    font-weight: 400;
}
h1 p{
	margin: -1px 0px;
    letter-spacing: -1px;
    font-weight: 600;
    color: #383D4C;
}
.img-autor{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
.img-autor2{
    width: 100px;
    height: 100px;
}
.autor2{
    display: none;
    background: #F3F3F3;
    padding: 34px;
}
.espe{
    font-size: 17px;
}
.cl-fecha{
    float: right;
    position: relative;
    top: 20px;
}
.fig-banner{
	height: 297px;
    background: url("../img/optiventas-latam-cel.jpg");
    background-size: cover;
    background-position: right bottom;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
}
.cl-center{
    text-align: center;
}
.section-blog{
    padding: 30px 28px;
    text-align: left !important;
}
.blog-titulo{
    color: white;
    text-shadow: 1px 3px 4px black;
    max-width: 1000px;
    text-align: left;
    position: absolute;
    bottom: 27px;
    font-size: 32px;
    margin: 0px auto;
    padding: 0px 35px;
}
.sub-titulo{
    font-weight: bold;
}
.contenido{
    font-family: serif;
    font-size: 22px;
    letter-spacing: .5px;
    line-height: 1.2;
    margin-bottom: 40px;
}
.cl-left{
    text-align: left;
}
.cl-anchoMin{
    max-width: 800px !important;
}
.box-articulo{
    display: inline-block;
    margin: 12px 0px;
    cursor: pointer;
}
.autor-interno{
    margin-bottom: 20px;
}
.cl-h2{
    font-size: 26px;
    border-bottom: 1px solid black;
    padding-bottom: 12px;
    margin: 10px 0px;
    text-align: left;
    color: black;
}
.fig-articulo img{
    width: 100%;
}
.fig-banner-blog{
    height: 535px;
    background: url("../../blog/como-mejorar-tus-ventas/img/fondo-cel.jpg");
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
    box-shadow: inset 0px 57px 111px rgba(19, 19, 19, 0.6);
}
.modelo {
    width: 90%;
    position: absolute;
    bottom: 0px;
    left: 2%;
}
.box-clientes{
	padding: 15px 20px;
}
.cl-titulo{
	text-align: left;
    font-size: 34px;
    padding: 12px;
    font-weight: 600;
    color: #383D4C;
}
.galeria-clientes{
	text-align: center;
}
.fig-cliente{
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.fig-cliente li{
	display: inline-block;
    margin: 15px 25px;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.fig-cliente li:hover{
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-filter: grayscale(0);
}
#fig-cliente-01{
	background: url("../img/clientes/cliente-optiventas-01.jpg");
    width: 173px;
    height: 61px;
    background-size: cover;
}
#fig-cliente-02{
	background: url("../img/clientes/cliente-optiventas-02.jpg");
	width: 173px;
    height: 61px;
    background-size: cover;
}
#fig-cliente-03{
	background: url("../img/clientes/cliente-optiventas-03.jpg");
	width: 173px;
    height: 69px;
    background-size: cover;
}
#fig-cliente-04{
	background: url("../img/clientes/cliente-optiventas-04.jpg");
	width: 173px;
    height: 61px;
    background-size: cover;
}
#fig-cliente-05{
	background: url("../img/clientes/cliente-optiventas-05.jpg");
	width: 155px;
    height: 61px;
    background-size: cover;
}
#fig-cliente-06{
	background: url("../img/clientes/cliente-optiventas-06.jpg");
    width: 206px;
    height: 82px;
    position: relative;
    background-size: cover;
    top: 12px;
}
#fig-cliente-07{
	background: url("../img/clientes/cliente-optiventas-07.jpg");
    width: 206px;
    height: 82px;
    position: relative;
    background-size: cover;
    top: 12px;
}
#fig-cliente-08{
    background: url("../img/clientes/cliente-optiventas-08.jpg");
    width: 206px;
    height: 82px;
    position: relative;
    background-size: cover;
    top: 12px;
}
#fig-cliente-09{
    background: url("../img/clientes/cliente-optiventas-09.jpg");
    width: 206px;
    height: 82px;
    position: relative;
    background-size: cover;
    top: 12px;
}
#fig-cliente-10{
    background: url("../img/clientes/cliente-optiventas-10.jpg");
    width: 206px;
    height: 82px;
    position: relative;
    background-size: cover;
    top: 12px;
}
#fig-cliente-11{
    background: url("../img/clientes/cliente-optiventas-11.jpg");
    width: 206px;
    height: 82px;
    position: relative;
    background-size: cover;
    top: 12px;
}
#fig-cliente-12{
    background: url("../img/clientes/cliente-optiventas-12.jpg");
    width: 206px;
    height: 82px;
    position: relative;
    background-size: cover;
    top: 12px;
}
#fig-cliente-13{
    background: url("../img/clientes/cliente-optiventas-13.jpg");
    width: 206px;
    height: 82px;
    position: relative;
    background-size: cover;
    top: 12px;
}
#fig-cliente-14{
    background: url("../img/clientes/cliente-optiventas-14.jpg");
    width: 206px;
    height: 82px;
    position: relative;
    background-size: cover;
    top: 12px;
}
#fig-cliente-15{
    background: url("../img/clientes/cliente-optiventas-15.jpg");
    width: 206px;
    height: 82px;
    position: relative;
    background-size: cover;
    top: 12px;
}
.box-precios{
	position: relative;
	padding: 4px 24px 30px 24px;
    margin-bottom: 13px;
    margin-top: 20px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.26);
}
.row-precio{
	position: relative;
    height: 70px;
    width: 85%;
    margin: 0px auto;
}
.linea-precio:before{
	content: "";
    display: block;
    position: absolute;
    top: 0.9375rem;
    left: 0;
    right: 0;
    height: 2px;
    background: #063E58;
}
.li-precio{
	list-style: none;
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    border: 2px solid #063E58;
    border-radius: 50%;
    background: #fff;
    padding: 0.125rem;
}
.a-precio {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    transition: 0.2s background ease-out;
}
#precio-1{
	left: 0;
}
#precio-1:after {
    content: "Mensual";
    position: absolute;
    left: -15px;
    right: 0px;
    top: -30px;
}
#precio-2{
	left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#precio-2:after{
	content: "Semestral";
    position: absolute;
    left: -21px;
    right: 0px;
    top: -30px;
}
#precio-3{
	right: 0;
}
#precio-3:after {
    content: "Anual";
    position: absolute;
    right: -10px;
    top: -30px;
}
.titu-precio{
	font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    height: 66px;
}
.valor-precio{
	border-top: 1px solid rgba(255,255,255,.4);
    border-bottom: 1px solid rgba(255,255,255,.4);
    padding: 4px 0px 11px 0px;
}
.valor{
	font-size: 43px;
}
.valor-precio ul{
	padding: 0px 0px 0px 20px;
    margin-bottom: 2px;
    margin-top: 7px;
}
.valor-precio ul li{
	font-size: 15px;
    letter-spacing: .6px;
    text-align: left;
    color: rgba(255, 255, 255,1);
}
.precio{
    color: white;
    padding: 29px 30px 36px 30px;
    border-radius: 7px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.titu-nivel{
	text-align: left;
    padding-bottom: 40px;
}
.precio-3{
	background: #52B930;
}
.precio-2{
	background: #F77D00;
    top: 0px;
}
.precio-1{
	background: #707788;
}
.det-precio{
	margin-left: 6px;
}
#circulo-3{
	background: #52B930;
}
.box-beneficio{
	position: relative;
    top: 18px;
}
.box-beneficio ul{
	padding: 0px;
    margin: 10px 0px;
}
.box-beneficio ul li{
	list-style: none;
	margin-bottom: 10px;
}
.cl-num{
	height: 63px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    color: rgba(255, 255, 255, 0.64);
    width: 37px;
    display: inline-flex;
    vertical-align: middle;
    line-height: 61px;
    padding-left: 9px;
    font-size: 26px;
    font-weight: 700;
}
.cl-desc-num{
	width: 80%;
    padding: 0px 13px;
    display: inline-flex;
    vertical-align: middle;
    font-weight: 100;
}
#precio-02{
	display: none;
}
#precio-01{
	display: none;
}
.btn-calltoaction{
    text-align: center;
    border: 1px solid white;
    background: rgba(255, 255, 255, 0.19);
    border-radius: 30px;
    margin-top: 11px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.btn-calltoaction:hover{
	border: 1px solid rgba(255, 255, 255, .6);
	background: transparent;
	text-decoration: underline;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.btn-reg {
    padding: 10px 20px;
    display: block;
    color: white;
}
.puntos{
	padding: 10px 20px;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 14px;
}
.box-principales-puntos{
}
.row-punto{
	padding-bottom: 10px;
}
.titu-punto{
	font-size: 22px;
    font-weight: 600;
    color: #07A907;
}
.subtitu-punto{
	margin: 7px 0px;
    color: #5A5A5A;
    font-weight: 600;
}
.fig-punto img{
	width: 100%;
}
#icon-administra:before {
    font-family: "font-plat";
    content: "\e007";
    font-size: 22px;
    position: relative;
    top: 0px;
    color: #058805;
}
#icon-registra:before {
    font-family: "font-plat";
    content: "\e006";
    font-size: 22px;
    position: relative;
    top: 0px;
    color: #058805;
}
#icon-etiqueta:before {
    font-family: "font-plat";
    content: "\e005";
    font-size: 22px;
    position: relative;
    top: 0px;
    color: #058805;
}
.det-punto{
	color: #505050;
}
.especificacion{
	font-size: 14px;
    color: #7B7B7B;
    padding: 0px 0px 0px 14px;
}
.especificacion li{
	margin-bottom: 6px;
	line-height: 1.4;
}
.cl-btn-ver{
    border-radius: 7px;
    border: 1px solid #44AF33;
    background: rgba(68, 175, 51, 0.18);
    display: inline-block;
}
.cl-btn-ver a{
	display: block;
    color: #44AF33;
    padding: 1px 11px 3px 11px;
}
.detalle{
	list-style: none;
    color: #F18186;
}
footer{
	background: #F7F7F7;
    border-top: 1px solid #E6E6E6;
}
.content-footer{
	padding: 30px 20px;
    padding-bottom: 14px;
}
.creditos img{
	width: 35px;
}
.msg{
	font-size: 11px;
    font-weight: 100;
}
.box-calltoaction{
	padding: 10px 20px 27px 20px;
    border-top: 1px solid #E6E6E6;
}
.nav-inf{
	list-style: none;
    padding: 0px;
    margin-top: 29px;
}
.nav-inf li {
    margin: 5px 10px;
}
.nav-inf li a {
    display: block;
    padding: 10px 0px;
    color: #777777;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}
.box-sociales{
	text-align: center;
}
.box-sociales span{
	margin: 0px 10px;
}
.icon-facebook:before {
    content: "\e00d";
    font-family: "font-optiventas";
    font-size: 36px;
    color: #0750BF;
}
.icon-google:before{
	content: "\e008";
	font-family: "font-optiventas";
    font-size: 36px;
    color: #D00404;
}
.texto-final{
	font-size: 11px;
    text-align: center;
    padding: 18px;
}
.btn-precioLatam{
	padding: 10px 20px;
    border: 1px solid white;
    background: rgba(255, 255, 255, 0.19);
    border-radius: 30px;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.btn-precioLatam:hover{
	color: rgba(255, 255, 255, 1);
	text-decoration: underline;
	background: transparent;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.box-precioLatam{
	display: none;
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0,0,0,.9);
    z-index: 1;
}
.ul-boxLatam{
	padding: 10px 40px;
    padding-top: 78px;
    list-style: none;
}
.li-precioLatam {
    margin: 19px 0px;
}
.pais {
    font-size: 19px;
    color: #9AB93D;
}
.precio-pais {
    padding-left: 29px;
    margin: 10px 0px 0px 0px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.23);
}
.simbolo {
    color: rgba(255, 255, 255, 0.52);
}
.precioLA {
    font-size: 26px;
    margin-left: 17px;
}

/*PAG REGISTRO*/
.registro{
    padding: 20px;
    width: 100%;
    text-align: center;
    z-index: 1;
    position: relative;
    max-width: 410px;
}
.item-input {
    padding: 8px 20px;
    border: 1px solid #D0D0D0;
    border-radius: 5px;
    margin: 5px 0px;
    width: 100%;
    color: black;
    outline: none;
    font-size: 16px;
    background: rgba(255, 255, 255, 0.67);
}
.cursor-mano{
    cursor: pointer;
}
.cl-box-select{
    position: relative;
}
.cl-box-select:before{
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 30px;
    border-left: 1px solid #BDBDBD;
    content: "";
}
.cl-box-select:after{
    position: absolute;
    top: 9px;
    right: 12px;
    border-left: 6px solid transparent;
    border-top: 7px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    border-top-color: #9C9C9C;
    z-index: -1;
}
.icon-mapa{
    position: absolute;
    left: 8px;
    top: -1px;
}
.icon-mapa:before{
    font-family: "font-registro";
    position: relative;
    content: "\e003";
    font-size: 20px;
    color: #43C9ED;
}
.row-pais{
    text-align: left;
    margin: 5px 0px;
}
.box-telefono{
    display: inline-block;
    width: 169px;
}
.cl-Tienda{
    width: 75px;
    text-align: center;
    padding: 3px 3px !important;
    height: 36px;
    font-size: 23px;
    font-weight: bold;
    margin: 0px;
}
.btn-num{
    background: #57626F;
    border-radius: 50%;
    padding: 4px 10px;
    color: white;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cl-mas{
    margin-left: 4px;
    outline: none;
}
.cl-menos{
    margin-right: 4px;
    padding: 4px 12px;
    outline: none;
}
.cl-titu-input{
    display: block;
    margin-bottom: 9px;
}
.cl-inline{
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-top: 10px;
}
.row-tienda{
    margin: 5px 0px;
    text-align: center !important;
}
#btn-Enviar:after{
    font-family: "font-registro";
    content: "\e005";
    margin-left: 20px;
    font-size: 17px;
    position: relative;
}
/*PAG REGISTRO*/



/* Tablet Screen */
@media screen and (min-width:590px){
.fig-banner{
	height: 75%;
    background: url("../img/optiventas-latam-cel.jpg");
    background-size: cover;
    background-position: right bottom;
}
.fig-banner-blog{
    height: 100%;
    background: url("../../blog/como-mejorar-tus-ventas/img/fondo-cel.jpg");
    background-size: cover;
    background-position: center;
}
.modelo{
    width: 72%;
}

}

/* Laptop Screen */
@media screen and (min-width:1000px){
.content-video{
    position: relative;
    width: 80%;
    height: 0;
    text-align: center;
    margin: 49px auto;
    padding-bottom: 44.25%;
    box-shadow: 8px 12px 46px -17px rgba(0,0,0,0.4);
}
header{
	padding: 0px 85px;
}
.logo img{
	width: 220px;
}
.modelo{
    width: 649px;
}
.box-beneficio{
	display: none;
}
.btn-beneficios{
	display: block;
    border: 1px solid #9A9A9A;
    border-radius: 7px;
    position: relative;
    height: 30px;
    top: 8px;
    margin-left: 30px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 2;
}
.btn-beneficios a{
	padding: 7px 20px;
    position: relative;
    color: #2F2F2F;
    top: 7px;
}
.btn-beneficios a:hover{
	text-decoration: underline;
}
.cl-banner{
	width: 400px;
    position: absolute;
    right: 100px;
    bottom: 120px;
    color: white;
    text-shadow: -1px 2px 4px rgba(0,0,0,.3);
    background: rgba(0, 0, 0, 0.33);
}
h1 p{
	color: white;
}
.btn-registro-sup{
	width: 282px;
    position: absolute;
    right: 125px;
    top: 419px;
    z-index: 1;
}
.fig-banner{
	height: 100%;
    background: url("../img/optiventas-latam-XL-12.jpg");
    background-size: cover;
    background-position: right bottom;
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: -1
}
.fb-share-button {
    margin-bottom: 50px;
}
.cl-center-fb{
    max-width: 860px;
    margin: 0 auto;
    padding: 25px 0px;
}
.fig-banner-blog{
    height: 100%;
    background: url("../../blog/como-mejorar-tus-ventas/img/fondo.jpg");
    background-size: cover;
    background-position: right bottom;
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: -1
}
#precio-01, #precio-02, #precio-03{
	display: block;
}
.precio{
	width: 30%;
}
.precio-3 {
    position: absolute;
    right: 2%;
    top: 184px;
}
.precio-2{
	left: 50%;
    top: 4px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.precio-1{
	position: absolute;
    left: 2%;
    top: 184px;
}
.row-punto{
    padding: 0px 90px 30px 90px;
}
.ul-boxLatam{
	padding: 1px 20px;
}
.li-precioLatam{
	margin: 3px 0px;
}
.pais {
    font-size: 17px;
    color: #C0EC3A;
}
.precio-pais {
    padding-left: 29px;
    margin: 2px 0px 0px 0px;
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.23);
}
.precioLA {
    font-size: 23px;
    margin-left: 17px;
}
.btn-acceder{
	display: block;
}
.box-interno{
	max-width: 1200px;
	margin: 0px auto;
	position: relative;
}
.box-precios{
	margin-bottom: 0px;
}
.titu-punto {
    font-size: 30px;
}
.subtitu-punto{
	font-size: 26px;
}
.fig-punto{
	width: 760px;
}
.fig-left{
	margin-left: 20px;
    float: left;
}
.fig-lap{
	display: block;
}
.fig-cel{
	display: none;
}
#puntos-001{
	background: #EFEFEF;
	height: 610px;
}
#puntos-002{
	height: 610px;
}
#puntos-003{
	background: #EFEFEF;
	padding: 30px 0px;
}
.cl-descripcion-2{
	right: 20px;
    position: relative;
    top: 103px;
}
.especificacion{
	width: 390px;
    float: right;
}
.puntos{
    margin-bottom: 0px;
    padding-bottom: 10px;
    overflow: hidden;
}
.btn-registro{
	width: 280px;
}
.box-calltoaction{
	border-top: 0px;
}
.det-calltopaction{
	display: none;
}
.nav-inf li{
	display: inline-block;
}
.content-footer{
	padding: 30px 120px;
}
.nota-version{
    position: absolute;
    bottom: -17px;
    right: 0px;
    font-size: 10px;
    color: #AFAFAF;
}


/*REGISTRO*/
.registro{
    position: absolute;
    right: 5%;
    background: rgba(255, 255, 255, 0.86);
    border-radius: 7px;
}
#banner-registro{
    display: block;
}
.cl-nombre{
    display: inline-block;
}
.cl-banner-blog{
    padding: 0px 20px;
    margin: 0px 28px;
    position: absolute;
    bottom: 25px;
    background: rgba(14, 14, 14, 0.65);
    padding-bottom: 13px;
    width: 600px;
    color: white;
    margin-left: 7%;
}

.box-articulo{
    width: 300px;
    margin-left: 20px;
    margin-right: 20px;
}
.section-blog{
    padding-bottom: 43px;
}
.blog-titulo{
    margin-left: 10%;
    font-size: 48px;
}
.autor2{
    display: block;
}
}